.flex-container {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}



@media screen and (max-device-width : 480px) {

    .flex-slide.centro {
    flex-grow: 4;
    background-position-x: -260px;
    background-position-y: 195px;
    background-size: 885px;
    
    }

   .slider-container {
   height: 300px!important;
   background:url(../img/backacordion.jpg);
   }

   .tp-fullwidth-forcer {
    height:320px!important;
  }

}


@media screen and (max-width: 768px) {

.flex-izquierdo {
  padding: 0%;
  border: 0px solid #f1f1f1;
}
}

.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {

.flex-slide {
  overflow: auto;
  overflow-x: hidden;
}

}
 @media screen and (max-width: 768px) {

.flex-slide p { font-size: 2em; }
}
 @media screen and (max-width: 768px) {

.flex-slide ul li { font-size: 2em; }
}

.flex-slide:hover {
  -webkit-flex-grow: 3.5;
  flex-grow: 3.5;
}

.centro {
  height: 100vh;
  background: url(../img/centro.png);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  flex-grow: 2;

}
@media screen and (min-width: 768px) {

.centro {
  -moz-animation: izquierdoFlexSlide;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: izquierdoFlexSlide;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: izquierdoFlexSlide;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
}
 @keyframes 
izquierdoFlexSlide {  0% {
 -webkit-flex-grow: 2;
 flex-grow: 2;
}
 50% {
 -webkit-flex-grow: 4;
 flex-grow: 4;
}
 100% {
 -webkit-flex-grow: 2;
 flex-grow: 2;
}
}
@media screen and (min-width: 768px) {

.flex-title-centro {
  transform: rotate(90deg);
  top: 15%;
  -moz-animation: centroFlextitle;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: centroFlextitle;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: centroFlextitle;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}

}
 @keyframes 
centroFlextitle {  0% {
 transform: rotate(90deg);
 top: 15%;
}
 50% {
 transform: rotate(0deg);
 top: 15%;
}
 100% {
 transform: rotate(90deg);
 top: 15%;
}
}

.flex-izquierdo-centro { opacity: 0; }
@media screen and (min-width: 768px) {

.flex-izquierdo-centro {
  -moz-animation: flexizquierdocentro;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;
  -webkit-animation: flexizquierdocentro;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation: flexizquierdocentro;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
}
 @keyframes 
flexizquierdocentro {  0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.izquierdo {
  background: url(../img/izq.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border-right-style: dashed;
  border-color: #51a912;
  border-width: thick;
}



.derecho {
  background: url(../img/der.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  border-left-style: dashed;
  border-color: #51a912;
  border-width: thick;
}