body, html{
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: 'Ubuntu', sans-serif;
}
span.titles{
  text-shadow: rgba(0,0,0,0.6) 0px 3px 3px;
  font-family: 'futurabold';
    font-size: 3vw;
    line-height: 100%;
    font-weight: 200;
}
.paddingproyectos{
  padding: 60px 0 40px 0;
}
.clienteslogos .owl-controls{
	margin: 0 !important;
}
.owl-pagination{
	/* display:none; */
}
.movil{
	display:none;
}
.centrado{
	    transform: translate(0%, 15%);
	    -webkit-transform: translate(0%, 15%);
}
.padding60{
	padding: 60px 60px;
}
h1.sombra{
	text-shadow: rgba(0,0,0,0.6) 0px 3px 3px;
}
a[data-tooltip] {
  position: relative;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.85;
}
a[data-tooltip]::before {
  /*
   * using data-tooltip instead of title so we 
   * don't have the real tooltip overlapping
   */
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  border-radius: 5px;
  /* we don't want the text to wrap */
  white-space: nowrap;
  text-decoration: none;
}
a[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
  display: block;
}

/** positioning **/

/* left tooltip */
a[data-tooltip][data-placement="left"]::before {
  top: 25%;
  right: 100%;
  margin-right: 10px;
}
a[data-tooltip][data-placement="left"]::after {
  border-left-color: #000;
  border-right: none;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

/* right tooltip */
a[data-tooltip][data-placement="right"]::before {
  top: -25%;
  left: 100%;
  margin-left: 10px;
}
a[data-tooltip][data-placement="right"]::after {
  border-right-color: #000;
  border-left: none;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  margin-left: 4px;
}

/* top tooltip */
a[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
}
a[data-tooltip][data-placement="top"]::after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 100%;
  left: 10px;
  margin-bottom: 4px;
}

/* bottom tooltip */
a[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 0;
  margin-top: 10px;
}
a[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px;
}
.ff_elem{
	background: #cccccc;
	border:  none;
	padding:  7px;
	width: 80% !important;
}
#bfSubmitButton{
	float:  left !important;
	background: #e66d2a;
	border:  none;
	color: #fff;
	padding:  6px;
	font-weight: 700;
	font-size: 18px;
	border-radius:  7px;
	box-shadow: #000 0px 1px 5px;
}
.clienteshead{
	background: url(https://ingenex.com.co/images/plantilla/clientes.jpg);
	/* min-height: 322px; */
	background-size: cover;
	position: absolute !important;
	top: 0;
  padding: 12em
}
.title{
	position:absolute;
	width: 70%;
	z-index: 9999;
	margin-left:  auto;
	margin-right:  auto;
	color: #fff;
	text-shadow: #000 0px 3px 3px;
	padding: 7px;
	right: 0;
	left: 0;
}
.title p{
	font-size: 1.3vw;
}
.images {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
    filter: grayscale(1); /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
    width: 100%;
    border: solid #fff 3px;
    -webkit-transition: all .8s ease-in-out;
    }

    .images:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.03);
      z-index:9999;
    }
.owl-wrapper{
	padding-top: 30px;
}
.wrapper {
  width: 75%;
  margin: 0 auto;
}

.owl-carousel {
  list-style: none;
  padding: 0;
}

.owl-item img {
  opacity: 0.75;
}

.owl-item img {
  display: block;
  /* width: 100%; */
  height: auto;
  margin:  0 auto;
}

@media screen and (max-width: 640px) {
  .wrapper {
    width: 100%;
  }
}
@font-face {
    font-family: 'futurabold';
    src: url('https://ingenex.com.co/templates/Ingenex/fonts/unicode.futurab-webfont.woff2') format('woff2'),
         url('https://ingenex.com.co/templates/Ingenex/fonts/unicode.futurab-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.clientes{
	background: rgba(128,128,128,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(128,128,128,1)), color-stop(56%, rgba(51,51,51,1)), color-stop(100%, rgba(51,51,51,1)));
	position: absolute !important;
	bottom: 0;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: radial-gradient(ellipse at center, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#333333', GradientType=1 );
	height: 65%;
	min-height: 381px;
}
.logos{
    display: flex !important;
    flex-wrap: wrap-reverse;
    width: 1100px;
    padding: 20px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.logos img{
    width: 8%;
    padding: 7px;
}
.contacto{
	position: absolute !important;
	top: 0;
	padding: 5% 0;
	left: 0;
	right: 0;
}
.contacto2{
	background: rgba(128,128,128,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(128,128,128,1)), color-stop(56%, rgba(51,51,51,1)), color-stop(100%, rgba(51,51,51,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: radial-gradient(ellipse at center, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#333333', GradientType=1 );
	height: 35%;
	position:  absolute !important;
	bottom:  0;
}
.section::before{
	content:"";
	background-image: url(https://ingenex.com.co/images/plantilla/colombia.png);
	position:absolute;
	width:100%;
	background-repeat:  no-repeat;
	height:22px;
	bottom:0;
	z-index: 5;
}
/*.section::after{
	content:"";
	background-image: url(http://ingenex.com.co/images/plantilla/watermark.png);
	position:absolute;
	background-size: 100%;
	width: 220px;
	filter: opacity(75%);
	height: 75px;
	background-repeat:  no-repeat;
	left: 0;
	top:0;
	z-index: 0;
}*/
#section0{
	background-image: url(https://ingenex.com.co/images/plantilla/bck1.jpg);
	background-size:  cover;
}
.logo{
	position: absolute !important;
	top: 40px;
}
.frase{
	bottom: 15%;
	position: absolute !important;
	color:  #fff;
	padding-left: 60px;
	text-shadow:  #000000e8 1px 8px 7px;
}
#Mymenu li{
	list-style: none;
	margin: 0 0 10px;
	text-align: center;
	font-size: 29px;
}
#Mymenu li a{
	width: 60px;
	height: 60px;
	padding: 17px 5px;
	box-sizing:  border-box;
	display: flex;
	justify-content:  center;
	align-content:  center;
	color: #ffffff;
	box-shadow: #000 0px 2px 5px;
	background-color: #e69b2a;
	border-radius: 100%;
}
#Mymenu{
	width: 80px;
	margin: -14% 0 0;
	padding: 0;
	z-index: 1;
	position: fixed;
	right: -9px;
	top: 43%;
}
.p10 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 10%;
}
.p20 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 20%;
}
#flexp20{
	display: flex;
	justify-content: center;
	align-items: center;
}
.p22 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 28%;
}
.p25 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 25%;
}
.p30 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 30%;
}
.p33 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 33%;
}
.p40 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 40%;
}
.p50 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 50%;
}
.oculto{ display: inline}
.p60 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 60%;
}
.p70 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 70%;
}
.p80 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 80%;
}
.p100 {
	position: relative;
	float: left;
	box-sizing: border-box;
	clear: both;
	width: 100%;
}
.p1024 {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 1024px;
}
.p900 {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 900px;
}
.p1200 {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 1200px;
}
.clear {
	clear: both;
}
 @media screen and (max-width:767px) {
.p10, .p20, .p30, .p33, .p40, .p50, .p60, .p70, .p80, .p100, .p1024, .p900, .p1200  {
	width: 100%;
}
   .slogan{padding: 10px 0 20px 0 !important;}
	.paddingproyectos{
    padding: 40px;
}
	.clientes{
    height: 75%;
}
	 .padding60{padding: 10px 50px 50px 50px;margin-bottom: 40px;}
	 .movil{display:inline}
     .title p{font-size: 14px;}
	 .panels{height: 100vh !important;}
	 h1{font-size: 22px !important}
     #proyectos{display: none;}
	 .oculto{display: none !important;}
	 p{font-size: 12px !important}
	 .owl-carousel .owl-item {font-size: 12px;text-align: justify !important;}
     .proyectos{padding: 0 !important;margin-bottom: 40px;}
     .p22{width: 33%;}
     .textodes{width: 80% !important;}
     #Mymenu{display: none}
     .section:after{background: none}
   .clienteshead{padding: 70px !important;}
     .logo img{width: 90%}
   .logos{width: 100%}
	 .datos{
	padding: 0 !important;
}
.datos div{
	text-align: left;
    border-top: solid #e66d2a 7px;
    color: #fff;
    background: -webkit-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	background: radial-gradient(ellipse at center, rgba(128,128,128,1) 0%, rgba(51,51,51,1) 56%, rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#333333', GradientType=1 );
    border-right: none !important;
    padding: 20px 0 40px 20px !important;
    margin-top: 10px
    
}
     .logos img{width: 25%}
     .frase{padding: 10px}
     .panels.js-animating .panel.js-selected .description {
  display: block;
  text-align:  justify;
  font-size: 12px;
}
   	 .logo{background: rgba(255, 255, 255, 0.57);top: 0;}
     .frase h5{font-size: 36pt}
     .grande{display: none}
     .p25 h2{font-size: 12px; word-break: break-word }
     h2.panel-title{line-height: 100%;font-size: 17px !important; text-shadow: #000 0px 3px 5px}
}
 @media screen and (max-width: 1400px) {
	 .grande{height: 82vh !important}
	 .clienteshead{padding: 8em}
	 
}
 @media screen and (max-width: 2000px) {
	 .grande{height: 86vh }
	 .clienteshead{padding: 12em}
}

p {font-family: 'Ubuntu', sans-serif;font-size: 1.2vw;list-style:none;text-decoration:none;margin:0;padding:0;background-color:transparent;border-right: none;border-right-color:none;}

h1 {font-family: 'futurabold';font-size: 3vw;line-height:100%;font-weight:200;}

h2 {font-family: 'futurabold';font-size: 20px;line-height:200%;}

h3 {
font-family: 'futurabold';
  font-size: 12px; 
  line-height:120%;
  text-align: justify;
}

h4 {
font-family: 'futurabold';
  font-size: 16px;  
  line-height:110%;  
}

h5 {
font-family: 'Norican', cursive;
font-size: 50pt;  
  line-height:100%;    
}
span.count{
	font-family: 'futurabold';
	color:#FFF;
	font-size: 30px;
}

a {
	text-decoration:none;
	color:#000000;
}


.trigger {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 3em;
  height: 2.5em;
  outline: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.trigger:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(20%, white), color-stop(20%, transparent), color-stop(40%, transparent), color-stop(40%, white), color-stop(60%, white), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(80%, white), to(white));
  background: linear-gradient(to bottom, white, white 20%, transparent 20%, transparent 40%, white 40%, white 60%, transparent 60%, transparent 80%, white 80%, white 100%);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.trigger.js-animating {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.trigger:hover:after {
  opacity: 1;
}

.panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media (min-width: 700px) {
  .panels {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height:  100vh !important;
  }
}

.panels:not(.js-animating):hover a:not(:hover) .panel-title {
  opacity: 0.3;
}
.panels:not(.js-animating):hover a:hover {
  /* background-color: rgba(0, 30, 55, 0.9); */
}
.panels:not(.js-animating):hover a:hover .panel-title {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.panels:not(.js-animating):hover a:hover .panel-title:before {
  width: 6vw;
}
.panel.main-panel.js-selected{
	filter:grayscale(0%);
}

.panels.js-animating .panel {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  -webkit-transition: -webkit-box-flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-flex 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.panels.js-animating .panel a {
  cursor: default;
}
.panels.js-animating .panel:not(.js-selected) {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.panels.js-animating .panel:not(.js-selected) a {
  background-color: #001e37;
}
.panels.js-animating .panel:not(.js-selected) .panel-content {
  opacity: 0;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, transform 0s;
  transition: opacity 0s, transform 0s, -webkit-transform 0s;
}
.panels.js-animating .panel.js-selected a {
  background-color: rgba(0, 30, 55, 0.9);
}
.panels.js-animating .panel.js-selected .description {
  display: block;
  text-align:  justify;
}
.panel:hover{
	filter:grayscale(0%);
}
.panel {
  display: -webkit-box;
  display: -ms-flexbox;
  filter: grayscale(100%);
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-box-flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-flex 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.panel:nth-child(1) {
  background-image: url("https://ingenex.com.co/images/plantilla/servicio1.png");
}
.panel:nth-child(2) {
  background-image: url("https://ingenex.com.co/images/plantilla/servicio2.png");
}
.panel:nth-child(3) {
  background-image: url("https://ingenex.com.co/images/plantilla/servicio3.png");
}
.panel:nth-child(4) {
  background-image: url("https://ingenex.com.co/images/plantilla/servicio4.png");
}
.panel:nth-child(5) {
  background-image: url("https://ingenex.com.co/images/plantilla/servicio5.png");
}
.panel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  /* background-color: rgba(0, 30, 55, 0.6); */
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.panel .panel-content {
  -webkit-transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.panel .panel-title {
  position: relative;
  padding: 0 0.75em 0.75em 0.75em;
  font-size: 1.875em;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 700px) {
  .panel .panel-title {
    font-size: 2vw;
    text-shadow: #000 0px 3px 3px;
    margin:  0;
    line-height: 140%;
  }
}
.panel .panel-title:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 1vw;
  background-color: white;
  -webkit-transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 700px) {
  .panel .panel-title:before {
    height: 0.5vw;
  }
}
.panel .description {
  display: none;
  color: white;
}

.teasers {
  display: none;
  margin: 1.4084507042%;
}
.teasers.js-animating {
  display: block;
}

.teaser {
  margin-bottom: 1.4084507042%;
  padding: 1.5em;
  width: 100%;
  background-color: #ededed;
}
@media (min-width: 700px) {
  .teaser {
    width: 49.2957746479%;
    float: left;
  }
  .teaser:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .teaser:nth-child(2n + 2) {
    margin-left: 50.7042253521%;
    margin-right: -100%;
    clear: none;
  }
}
@media (min-width: 900px) {
  .teaser {
    width: 23.9436619718%;
    float: left;
  }
  .teaser:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .teaser:nth-child(4n + 2) {
    margin-left: 25.3521126761%;
    margin-right: -100%;
    clear: none;
  }
  .teaser:nth-child(4n + 3) {
    margin-left: 50.7042253521%;
    margin-right: -100%;
    clear: none;
  }
  .teaser:nth-child(4n + 4) {
    margin-left: 76.0563380282%;
    margin-right: -100%;
    clear: none;
  }
}
.teaser > * {
  margin-bottom: 0.75em;
}
.teaser > *:last-child {
  margin-bottom: 0;
}
.teaser .teaser-title {
  font-size: 1.25em;
  font-weight: bold;
}

.textodes{
	width: 50%;
	margin-left:  0;
	margin-right:  0;
	display: inline-block;
	border-left: solid #e69b2a 7px;
	padding-left: 20px;
}