/*!
Theme Name: liquick-theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: liquick-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

liquick-theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 @font-face {
  font-family: 'Roboto';
  src: url('assets/fonts/Roboto-Light.ttf');

}


@font-face {
  font-family: 'Sceptica';
  src: url('assets/fonts/Sceptica-Light.otf');

  

}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@300&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
  vertical-align: baseline;
  color: #313131;
  font-family: 'Sceptica';
  text-rendering: optimizeLegibility;
}

p,h5, h6 {
	
  font-family: 'Roboto';
  
}

p{
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

h3.title{
  font-family: 'Anton', sans-serif;
}

a:hover{
  text-decoration: none;
  color: #262626
}

html{
  scroll-behavior: smooth;
}

 body{

}


.card-header{
  background-color: #ea7527;
}

.card-header h3{
  
  color: #fff

}

.ver-mas, .ver-mas:focus{
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 5px 35px;
  border: solid 1px #ea7527;
  transition: ease-in-out .25s all;
  
}

.ver-mas:hover{
  background-color: #ea7527;
  color: #fff
  
}



 main.main{
   padding-left: 250px;
   position: relative;
   overflow: hidden;
 }

 main.main .sidebar{
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: #262626
}

nav.sidebar{
  padding-top: 50px;
  
}

nav.sidebar .nav-brand{
  margin-bottom: 25px;
  width: 100%;
  text-align: center;

}

nav.sidebar .nav-brand a{
  display: block;
  width: 60%;
  margin: auto;
  font-size: 16px

}

nav.sidebar .nav-brand a img{
  width: 100%;
  height: auto;
  
}

div#navbarSupportedContent{
  
}

div#navbarSupportedContent ul{
  padding: 0
}

div#navbarSupportedContent ul li{
  
  
}

div#navbarSupportedContent ul li a{
  display: block;
  line-height: 30px;
  color: #fff;
  padding-left: 30px;
  transition: ease-in-out .25s all;

}

div#navbarSupportedContent ul li:hover a, div#navbarSupportedContent ul li.active a{
  
  background-color: #ea7627;
}

section.slider .text{
  top: 80%;
  left: auto;
  right: 10%;
  position: absolute;
    
}

body section.slider .text h3{
  font-size: 45px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
  
}

section.total{
  min-height: 100vh;
  border-bottom: solid 1px #fafafa;
  display: flex;
  align-items: center;
}

section.total.page{
  min-height: auto;
  height: 300px;
  margin-bottom: 40px;
}

section.total.contact{

  min-height: 300px;

}


section.total#inicio{
  background-color: #efefef;
  
}


section.total#nosotros{
 
  padding: 40px 30px 50px 30px;
  background: #f3f3f3;
  
  
}

section.total#nosotros .title{
  font-size: 70px;
  color: #262626;
  font-weight: bold;
  margin-bottom: 20px
}


section.total#nosotros p.uno{
  margin-bottom: 25px;
  font-size: 21px

}

section.total#nosotros p.dos{
  margin-bottom: 20px;

}

section.total#nosotros .ancle{
  display: inline-block;
  text-align: right;
  font-size: 23px;
  text-decoration: underline;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  

}

.items .item h5{
  height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.items .item h5 a{
  display: inline-block;
  height: 100%;
  width: 100%;
  display: flex;
    justify-content: center;
    align-items: center;
}

section.total#nosotros .gallery{
  display: inline-grid;
  grid-template-columns:  minmax(0, 180px) minmax(0, 180px);
  margin: auto;
  padding-top: 40px
}

section.total#nosotros .gallery .item{
  height: 180px;
  overflow: hidden;
  border: solid 1px #fafafa;
  position: relative;
  cursor: pointer;
}

section.total#nuestros-modelos div.title{
  padding-top: 55px
}


section.total#nuestros-modelos .title{
  font-size: 50px;
  color: #262626;
  font-weight: bold;
  margin-bottom: 30px
}

section.total#nuestros-modelos p{
  margin-bottom: 30px
}

section.total#nuestros-modelos ul{
  list-style: none;
}

section.total#nuestros-modelos ul li{
  font-size: 20px;
  color: #262626;

}

section.total#nuestros-modelos section.slider{
  margin-left: -15px
}


section.total#nosotros .gallery .item::before{
  content: "";
  transition: ease-in-out .25s all;
}

section.total#nosotros .gallery .item:hover::before{
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.4)
}


section.total#nosotros .gallery .item::after{
  content: "";
  transform: translate(-50%, -50%);
  transition: ease-in-out .25s all;

}

section.total#nosotros .gallery .item:hover::after{
  content: "";
  position: absolute;
  transition: ease-in-out .25s all;
  
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  display: block;
  z-index: 2;
  background-image: url('assets/images/icons.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
}

section.total#nosotros .gallery .item{
  display: block;
}

section.total#nosotros .gallery .item img{
  object-fit: cover;
  object-position: center;
  height: 180px;
  transition: ease-in-out .25s all;
}

section.total#nosotros .gallery .item:hover img{
  transform: scale(1.1);
}




section.total#soluciones-institucionales{
  /* background-color: #efefef; */
  
}

section.total#soluciones-institucionales .parallax {
  min-height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  text-align: center;
  background-image: url('assets/images/parallax.png');
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-bottom: -60px;
  width: 100%
}

section.total#soluciones-institucionales .parallax .texto{
  text-align: left;
  
}


section.total#soluciones-institucionales .parallax h3.title{
  text-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  font-size: 45px;
  font-weight: 800;
  color: #fff;
}

section.total#soluciones-institucionales .parallax p.uno{
  margin-bottom: 35px;
  font-size: 21px;
  color: #fff;
  max-width: 70%;
}

section.total#soluciones-institucionales .items{
  display: flex;
  
  width: 100%;
  margin: auto;
  grid-column-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;


}


section.total#soluciones-institucionales .items .item{
  display: flex;
  background-color: #efefef;
  position: relative;
  height: 120px;
  margin-bottom: 20px;
  padding-left: 40px;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  transition: ease-in-out .25s all;
  width: 20%;
  margin: 15px


}



section.total#soluciones-institucionales .items .item .hovicon{
  width: 80px;
    height: 80px;
    padding: 0px;
  background-color: #fff;
  left: -20px;
  top: 22px;
  transform: translate(-50%, -50%);
  position: absolute;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transform: skewX(0deg);
  transition: ease-in-out .25s all
  
}

section.total#soluciones-institucionales .items .item:hover{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}
/* 
section.total#soluciones-institucionales .items .item:hover .hovicon{
  transform: skewX(8deg);

} */


section.total#soluciones-institucionales .textual{
  margin-bottom: 30px
}


section.total#soluciones-institucionales .items .item h5 a{
  font-size: 15px;
  font-weight: bold;
}


section.total#soluciones-institucionales .items .item .icon{

  width: 75px;
  height: 75px;
  margin: auto;
  background-color: #fff;
  padding: 20px;
  background-image: url(assets/images/iconos2.png);
  background-repeat: no-repeat;
  
}


section.total#soluciones-institucionales .items .item.educacion .icon{

  background-position: 15px -495px;
}

section.total#soluciones-institucionales .items .item.gobierno .icon{

  
  background-position: -340px -495px;
}

section.total#soluciones-institucionales .items .item.instituciones .icon{

  
  background-position: -174px -495px;
}

section.total#soluciones-institucionales .items .item.tecnologia .icon{

  
  background-position: -422px -495px;
}

section.total#soluciones-institucionales .items .item.salud .icon{

  
  background-position: -503px -495px;
}

section.total#soluciones-institucionales .items .item.turismo .icon{

  background-position: -260px -506px;

}

section.total#soluciones-institucionales .items .item.arquitectura .icon{
  background-position: -75px -498px;
}

section.total#soluciones-institucionales .items .item.adultos-mayores .icon{
  background-position: -25px -311px;
}




.boton-final{
  text-align: center;
    padding: 40px;
}

section.total#soluciones-institucionales .subtitle{
  text-align: center;
  font-size: 45px;
  font-weight: bold;
}



section.total#productos-de-apoyo .banner {
  overflow: hidden;
  height: 450px;
  display: flex;
  background: rgb(236,111,16);
  background: linear-gradient(260deg, rgba(236,111,16,1) 0%, rgba(215,65,0,1) 35%);
}


section.total#productos-de-apoyo .banner .a,
section.total#productos-de-apoyo .banner .b{
  width: 50%;
}

section.total#productos-de-apoyo .banner .iconos{
  display: flex;
  justify-content: space-between;
}

section.total#productos-de-apoyo .banner .iconos .icono{
  width: 80px;
  height: 80px;
  border: solid 1px #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.total#productos-de-apoyo .banner .iconos img{
  width: 50px;
}

section.total#productos-de-apoyo .banner .a .texto{
  padding-left: 30px;
  padding-top: 40px;
}

section.total#productos-de-apoyo .banner .a .texto .pretitle{
  font-size: 12px;
  color: #fff;
}

section.total#productos-de-apoyo .banner .a .texto .pretitle::after{
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #fff;
  margin-left: 20px;
  margin-bottom: 4px;
  
  

}

section.total#productos-de-apoyo .banner .a .texto .pretitle::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #fff;
  margin-right: 20px;
  margin-bottom: 4px;

}

section.total#productos-de-apoyo .banner .a .texto h3{
  font-family: 'Anton', sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 70px;
  margin: auto;
  font-weight: bold;
  line-height: 70px;
  margin-bottom: 35px
}

section.total#productos-de-apoyo .banner .a .texto .posttile{
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px
}

section.total#productos-de-apoyo .banner .a .texto .boton a{
  display: inline-block;
  color: #fff;
  border: solid 1px #fff;
  line-height: 35px;
  padding: 0 25px;
  transition: ease-in-out .25s all
}

section.total#productos-de-apoyo .banner .a .texto .boton a:hover{
  color: #ea7527;
  background-color: #fff;
}

section.total#productos-de-apoyo .cartas{
  display: flex;
  width: 80%;
  margin: 20px auto
}


section.total#productos-de-apoyo .cartas .carta{
  background-color: #efefef;
  border-radius: 15px;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  width: 25%;
  margin: 15px;
  text-align: center;
  position: relative;
  
}

section.total#productos-de-apoyo .cartas .carta p{
  font-size: 14px
  
}

section.total#productos-de-apoyo .cartas .carta .icon{
 
  width: 45px;
  height: 45px;
  background-color: #ea7627;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  left: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

section.total#productos-de-apoyo .cartas .carta .icon img{
 
  width: 25px;
  
  
}

section.total#experiencia .parallax h3.title {
  text-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  font-size: 45px;
  font-weight: 800;
  color: #fff;
}

section.total#experiencia .parallax .texto{
  text-align: left;
}

section.total#experiencia .parallax p.uno {
  margin-bottom: 35px;
  font-size: 21px;
  color: #fff;
  max-width: 70%;
}

section.total#experiencia .parallax{
  height: 50vh;
  margin-bottom: 0px!important
}


section.total#experiencia .content-ex{
  padding-top: 100px 20px;
  padding-bottom: 30px;
  background-color: #313131;
  height: 50vh;
  display: flex;
  align-items: center;
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

section.total#experiencia .content-ex2{
  padding-top: 100px 20px;
  padding-bottom: 30px;
  background-color: #313131;
  height: 30vh;
  display: flex;
  align-items: center;
}




section.total#experiencia{
  background-color: #efefef;
  overflow: hidden;
  position: relative;
  display: block;
  
}

section.total#experiencia .parallax {
  min-height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
  text-align: center;
  background-image: url('assets/images/parallax.png');
  display: flex;
  align-items: center;
  padding-left: 30px;
  margin-bottom: -60px
}

section.total#soluciones-institucionales .parallax .texto{
  text-align: left;
  
}


section.total#soluciones-institucionales .parallax h3.title{
  text-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  font-size: 45px;
  font-weight: 800;
  color: #fff;
}

section.total#soluciones-institucionales .parallax p.uno{
  margin-bottom: 35px;
  font-size: 21px;
  color: #fff;
  max-width: 70%;
  text-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  font-weight: bold;
}


section.total#reconocimientos{
  display: flex;
  align-items: center;
}


section.total#reconocimientos h3.title{
  font-size: 50px;
  color: #262626;
  font-weight: bold;
  margin-bottom: 30px;
}

section.total#reconocimientos .text .uno{
  margin-bottom: 35px;
  font-size: 21px;
}

section.total#reconocimientos .text .dos{
  margin-bottom: 20px
}

section.total#contacto{
  background-color: #efefef;
  display: flex;
  align-items: center;
  
}

section.total#contacto .btn-success-tecnoayudas{
  background-color: #ea7527;
  border-radius: 0px;
  border: none
}


section.total#contacto h3.title{
  font-size: 50px;
  color: #262626;
  font-weight: bold;
  margin-bottom: 30px;
}


section.content .text{
  font-size: 18px;
  margin-bottom: 40px
}

section.content img{
  max-width: 100%;
}


.hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
     -moz-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
       -o-transform: rotate(120deg);
          transform: rotate(120deg);
  cursor: pointer;
  }
.hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-60deg);
     -moz-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
       -o-transform: rotate(-60deg);
          transform: rotate(-60deg);
  }
.hexagon-in2 {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(http://placekitten.com/240/240);
  visibility: visible;
  -webkit-transform: rotate(-60deg);
     -moz-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
       -o-transform: rotate(-60deg);
          transform: rotate(-60deg);
  }
.hexagon-in2:hover {
  background-image: url(http://placekitten.com/241/241);
  }

.hexagon1 {
  width: 400px;
  height: 200px;
  margin: 0 0 0 -80px;
  }
.hexagon2 {
  width: 200px;
  height: 400px;
  margin: -80px 0 0 20px;
  }
.dodecagon {
  width: 200px;
  height: 200px;
  margin: -80px 0 0 20px;
  }


nav#single-navbar{
  background-color: #262626;
  color: #fff;
}

nav#single-navbar .navbar-collapse {
  justify-content: flex-end;
}

nav#single-navbar .navbar-collapse a{
  color: #fff;
  padding: 0 10px;
  line-height: 30px;
}

nav#single-navbar  .custom-logo-link{
  height: 60px;
  display: inline-block
}


nav#single-navbar  .custom-logo-link img{
  height: 100%;
  width: auto;
}

section.models .content h4{
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: bold;
}

section.models .row{
  height:90vh;
  align-items: center;
}

section.models .content p{
  line-height: 32px;
  font-size: 18px
}

section.models .row.uno{
  padding-top: 40px;
  padding-bottom: 40px;
}

section.models .row.dos{
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #efefef
}


section.post-single-soluciones .banner img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}


section.post-single-soluciones .banner{
  height: 300px;
  overflow: hidden;
  margin-bottom: 40px;
}

section.post-single-soluciones .banner .text{
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  

}

section.post-single-soluciones .sidebar-solutions{

}

section.post-single-soluciones .sidebar-solutions h5{
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 20px;
}

section.post-single-soluciones .sidebar-solutions ul{
  list-style: none;
}

section.post-single-soluciones .sidebar-solutions ul li{
  height: 30px;
  border-top: solid 1px #ea7527;
  border-left: solid 1px #ea7527;
  border-right: solid 1px #ea7527;
  display: flex;
  align-items: center;
  padding: 0 20px;
  transition: ease-in-out .25s all;
  
}

section.post-single-soluciones .sidebar-solutions ul li:last-child{
  border-bottom: solid 1px #ea7527;
}

section.post-single-soluciones .sidebar-solutions ul li.active,
section.post-single-soluciones .sidebar-solutions ul li:hover
{
  
  
  background-color: #ea7527;
  
  
}

section.post-single-soluciones .sidebar-solutions ul li{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  

}

section.post-single-soluciones .sidebar-solutions ul li a{
  transition: ease-in-out .25s all;
  height: 30px;
  display: flex;
  align-items: center;
  width: 100%;
}


section.post-single-soluciones .sidebar-solutions ul li.active a,
section.post-single-soluciones .sidebar-solutions ul li:hover a{
  color: #fff
}

section.post-single-soluciones .banner .text h3{
  color: #fff;
  font-weight: bold;
  font-size: 45px;
  text-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  
}

section.post-single-soluciones .article img{
  max-width: 100%;
}

section.post-single-soluciones .article .content{
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 40px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}

section.post-single-soluciones .article .subcontent{
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 40px;
  color: #313131
}

section.post-single-soluciones .article .solutions h4{
  margin-bottom: 20px;
  font-size: 20px;
  text-decoration: underline;
}


section.post-single-soluciones .article .solutions-list{
  list-style: none;
}

section.post-single-soluciones .article .solutions-list li{
  margin-bottom: 12px
}

section.nosotros-page{

}

section.nosotros-page .item{
  display: flex;
  align-items: center;
  min-height: 380px;
  overflow: hidden;
  margin-bottom: 40px
}

section.nosotros-page .item .image{
  width: 50%;
}

section.nosotros-page .item .image img{
  width: 100%;
  height: 100%;
}

section.nosotros-page .item .content{
  padding: 30px;
  background-color: #878787;
  color: #fff;
  width: 50%;
  min-height: 400px;
}


section.nosotros-page .item .content h3{
  font-size: 35px;
  color: #fff;
  margin-bottom: 30px

}

section.nosotros-page .item .content p{
  color: #fff;
  line-height: 26px;

}

section.nosotros-page .line{
  height: 1px;
  background-color: #fff;
  margin-bottom: 30px;
}

section.nosotros-page .team{
  padding: 30px;
  background-color: #262626;
  color: #fff;
  margin-bottom: 40px
}

section.nosotros-page .team h3{
  font-size: 35px;
  color: #fff;
  margin-bottom: 30px
}

section.nosotros-page .team p{
  
  color: #fff;
  line-height: 26px;
}

section.nosotros-page .team .box{
  display: flex;
}

section.nosotros-page .team .i{
  margin-bottom: 30px
}


section.nosotros-page .team .box-child{
  position: relative;
  transition: ease-in-out .25s all;
  width: 25%;
  padding: 5px;
  cursor: pointer;
}

section.nosotros-page .team .box-child .image-profile{
  width: 100%;
  
}

section.nosotros-page .team .box-child .position{
  position: absolute;
  transition: ease-in-out .25s all;
  height: 20px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  background-color: #ea7527;
  color: #fff;
  bottom: -5.5px;
  left: 5px;
  align-items: center;
  transition: linear .25s all;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

section.nosotros-page .team .box-child:hover .position{
  left: 20px;
  transition: linear .25s all;
}

section.nosotros-page .team .box-child .description{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: linear .25s all;
}

section.nosotros-page .team .box-child:hover .description{
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  opacity: 1;
  transition: linear .25s all;
}

section.nosotros-page .team .box-child .description .name{
  color: #fff;
  font-weight: bold;
}

section.nosotros-page .team .box-child .description .redes-team ul{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  list-style: none;
}


section.nosotros-page .experense{
  padding: 30px;
  background-color: #878787;
  color: #fff;
  margin-bottom: 40px
}

section.nosotros-page .experense.dos{
  
  background-color: #262626;
  margin-bottom: 60px;
  
}


section.nosotros-page .experense h3{
  font-size: 35px;
  color: #fff;
  margin-bottom: 30px
}

section.nosotros-page .experense p{
  color: #fff;
  line-height: 26px;
  margin-bottom: 30px
}

section.nosotros-page .experense ul{
  color: #fff;
  margin-left: 20px;
  margin-bottom: 30px
}

section.nosotros-page .experense ul li{
  color: #fff;
  margin-bottom: 10px;
  font-size: 13px
}

section.nosotros-page .section-aliados{
  min-height: 350px;
  background-image: url('assets/images/background-aliados.jpg');
  background-position: center;
  width: 100%;
  height: 100%;
  position: relative;
}

section.nosotros-page .section-aliados .toy{
  position: absolute;
  right: 40px;
  top: -60px;
  width: 250px;
}

.ver-mas.inverse{
  background-color: #ea7527;
  color: #fff
}

section.nosotros-page .aliados{
  padding: 30px
}

section.nosotros-page .aliados h3{
  font-size: 35px;
  margin-bottom: 30px

}

section.nosotros-page .aliados .line{
  height: 1px;
  background-color: #313131;
  margin-bottom: 30px;
  
}

section.nosotros-page .aliados p{
  line-height: 26px;

}

section.experiencia-page .desp{
  margin-bottom: 40px;
}

section.experiencia-page .desp h5{
  margin-bottom: 30px;
}

section.experiencia-page .desp .de{
  margin-bottom: 60px;
}

section.experiencia-page .desp .de h6{
  margin-bottom: 20px;
  display: flex;
  font-weight: bold;
  font-size: 20px;
}

section.experiencia-page .desp .de h6::before{
  content: "";
  display: block;
  height: 1px;
  margin-right: 25px;
  margin-top: 1px;
  min-width: 30px;
  align-self: center;
  background-color: #E0E0E0;
  
}

section.experiencia-page .desp .de h6::after{
  content: "";
    display: block;
    height: 1px;
    margin-left: 25px;
    margin-top: 1px;
    flex: auto;
    min-width: 30px;
    align-self: center;
    background-color: #E0E0E0;
}

section.experiencia-page .exp .nen{
  margin-bottom: 40px;
}

section.experiencia-page .desp ul{
  margin-left: 30px;
}

section.experiencia-page .desp ul li{
  margin-bottom: 15px;
}

section.experiencia-page .desp h5{
  font-size: 21px;
}

section.experiencia-page .nen p{
  line-height: 28px;
  font-size: 18px;

}

section#soluciones-institucionales .items .icone img{
  width: 100%;
}

.ver-mas-orange{
  background-color: #ea7527;
  color: #fff;
  height: 30px;
  padding: 0 25px;
  display: inline-block;
  line-height: 30px;
  margin: 20px 0;
  
}

section.video{
  margin: 40px 0;

}

.redes-sidebar{
  position: absolute;
  left: 10px;
  bottom: 25px;
  padding-top: 10px;
  border-top: solid 2px #ea7527;
  width: calc(100% - 20px);
}

.redes-sidebar ul{
  

}

.redes-sidebar ul .item-network{
  height: 28px;
  width: 28px;
  padding-left: 20px
}

.redes-sidebar ul .item-network a{
  display: inline-block
}

.redes-sidebar ul .item-network span{
  height: 28px;
    width: 28px;
    display: flex;
    justify-content: center;
    
    background-image: url(assets/images/iconos2.png);
    background-position: -71px -638px;
}

.redes-sidebar ul .item-network.n-facebook span{
  
  background-position: -13px -638px;
}


.redes-sidebar ul .item-network.n-facebook:hover span{
  
  background-position: -13px -594px;
}

.redes-sidebar ul .item-network.n-instagram span{
  
  background-position: -135px -638px;
}

.redes-sidebar ul .item-network.n-instagram:hover span{
  
  background-position: -135px -594px;
}

.redes-sidebar ul .item-network.n-linkedin span{
  
  background-position: -167px -638px;
}

.redes-sidebar ul .item-network.n-linkedin:hover span{
  
  background-position: -167px -594px;
}


.redes-sidebar ul .item-network.n-whatsapp span{
  
  background-position: -103px -638px;
}

.redes-sidebar ul .item-network.n-whatsapp:hover span{
  
  background-position: -103px -594px;
}

.redes-sidebar ul .item-network.n-twitter span{
  
  background-position: -39px -638px;
}

.redes-sidebar ul .item-network.n-twitter:hover span{
  
  background-position: -39px -594px;
}

.redes-sidebar ul .item-network.n-youtube span{
  
  background-position: -71px -638px;
}

.redes-sidebar ul .item-network.n-youtube:hover span{
  
  background-position: -71px -594px;
}

#wpcf7-f10-o1 .btn.btn-primary.btn-block{
  background-color: #ea7527!important;
}

.total#nuestros-modelos h5.subtitle{
  font-size: 22px;
  margin-bottom: 25px;
  text-decoration: underline;
}

.total#nuestros-modelos ul li{
  font-size: 18px!important;
  font-weight: normal;
  margin-bottom: 10px
}

.carousel-item .text h5{
  color: #fff;
  font-size: 22px;
  letter-spacing: 1px;
}

.page section.total#soluciones-institucionales{
  display: block
}

@media ( max-width: 768px ){

  main.main{
    padding-left: 0;
    padding-top: 85px;
  }

  main.main .sidebar{
    width: 100%;
    z-index: 10;
    height: auto;
    padding: 10px 15px;
    display: flex;

  }

  nav.sidebar .nav-brand{
    margin-bottom: 0;
    width: 75px;


  }

  nav.sidebar .nav-brand a{
    width: 75px;
  }

  div#navbarSupportedContent{
    display: none;
  }

  .redes-sidebar{
    position: fixed;
    left: 0px;
    bottom: 30%;
    padding-top: 10px;
    width: auto;
    background-color: rgba(0,0,0,0.4);
  }

  .redes-sidebar ul .item-network{
    padding: 0;
  }

  .carousel-inner, .carousel-item, .carousel-item img{
    height: 30vh!important;
  }

  section.total#inicio{
    min-height: 30vh;
  }

  body section.slider .text h3{
    font-size: 22px
  }

  body section.slider .text h5{
    font-size: 14px
  }

  section.slider .text{
    top: 50%;
  }

  section.total#nosotros .title{
    font-size: 36px;
    text-align: center;
  }

  section.total#nosotros p.uno{
    font-size: 18px;
  }

  section.total#nosotros{
    padding-left: 0;
    padding-right: 0;
  }

  section.total#nosotros .col-md-8 .row a{
    width: 50%;
  }

  section.total#nuestros-modelos section.slider{
    padding-left: 0
  }

  section.total#nuestros-modelos .title{
    font-size: 36px;
    text-align: center;
  }

  section.total#nuestros-modelos div.title{
    text-align: center;
  }

  section.total#soluciones-institucionales .parallax h3.title{
    font-size: 36px
  }

  section.total#soluciones-institucionales .parallax{
    padding: 0;
  }

  section.total#soluciones-institucionales .parallax .texto{
    text-align: center;
  }

  section.total#soluciones-institucionales .parallax p.uno{
    max-width: 100%;
  }

  section.total#soluciones-institucionales .items .item{
    width: 45%;
  }

  section.total#soluciones-institucionales .items .item .hovicon{
    width: 60px;
    height: 60px;
  }

  section.total#soluciones-institucionales .items .item{
    display: flex;
    background-color: #efefef;
    position: relative;
    height: 120px;
    margin-bottom: 20px;
    padding-left: 60px;
    justify-content: center;
    align-items: center;
    padding-left: 50px;
    transition: ease-in-out .25s all;
    width: 20%;
    margin: 15px;
    width: 42%;
    margin: 5px;
  }

  section.total#productos-de-apoyo .banner .a{
    width: 100%
  }

  section.total#productos-de-apoyo .banner .b{
    display: none
  }

  section.total#productos-de-apoyo .banner .a .texto h3{
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 36px;
  }

  section.total#productos-de-apoyo .banner .a .texto{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
  }

  section.total#productos-de-apoyo .banner{
    height: auto;
  }

  #productos-de-apoyo{
    display: none;
  }

  section.total#experiencia .parallax{
    padding: 0;
  }

  section.total#experiencia .parallax{
    height: auto;
  }

  section.total#experiencia .parallax .texto{
    padding: 10px;
  }

  section.total#experiencia .parallax p.uno{
    max-width: 100%;
  }

  section.total#experiencia .content-ex{
    height: auto;
    padding-top: 20px;
  }

  section.total#reconocimientos h3.title{
    font-size: 36px
  }

  section.total#reconocimientos {
    padding-top: 20px;
    padding-bottom: 20px;
}

  


}