@import url("http://hello.myfonts.net/count/2a8a52");
/* Colours */
/* Base font size */
/* Imports */
/* Base Files */




@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400italic);

/* Typography */
@font-face {
  font-family: 'GillSans';
  src: url("../fonts/2A8A52_0_0.eot");
  src: url("../fonts/2A8A52_0_0d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/2A8A52_0_0.woff") format("woff"), url("../fonts/2A8A52_0_0.ttf") format("truetype"), url("../fonts/2A8A52_0_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: 'dubielitalic';
  src: url("../fonts/DubielItalic-webfont.eot");
  src: url("../fonts/DubielItalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/DubielItalic-webfont.woff") format("woff"), url("../fonts/DubielItalic-webfont.ttf") format("truetype"), url("../fonts/DubielItalic-webfont.svg#dubielitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

*/


/* Headings */
.section-seperator h2 {
  color: #ccc;
  font-family: "GillSans", Arial, sans-serif;
  vertical-align: top;

  /* text-transform: uppercase; */

  text-align: center;
  line-height: 1em;
}



.section-seperator h2 em,  .seconday {
  display: block;

  font-family: 'Crimson Text', serif;
  font-weight: 400;

  font-size: 0.95em;
  text-transform: none;
  color: #919799;

}






.section-seperator h2  {
  font-size: 2.2em;
}
@media screen and (min-width: 750px) {
  .section-seperator h2 {
    font-size: 3.2em;
  }
}





/* Modules Files */
/*****************************************/
/*           Absolute Full Size          */
/*****************************************/
.section-seperator:after, .container-template .figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}





/*****************************************/
/*          VerticallyAlign (y)          */
/*****************************************/
.section-seperator .container-template {              /*         ALINEACION VERTICAL DEL TITULO ESTA EN 50 %         */
  position: absolute;
  left: 15%;                                          /* MARGEN IZQ TEXTO TITULOS SOBRE FONFO Y FOTO */                                       
  top: 50%;
  z-index: 2;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: left;
}





/* section-seperator / Mid Images */
.section-seperator {
  position: relative;
  height: 7.8125em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;                 /* POSICION DE LA FOTO DENTRO DE LA VENTANA (LA MUEVE) */
  overflow: hidden;
}
.section-seperator .container-template {
  width: 60%;
  padding-left: 0%;                               /* MARGEN IZQ TEXTO TITULOS SOBRE FONFO Y FOTO */
}
.section-seperator h2 {
  -webkit-transition: 0.60s ease 0.60s;
  transition: 0.60s ease 0.60s;
  -webkit-transform: translateX(-0.5em);
  -moz-transform: translateX(-0.5em);
  -ms-transform: translateX(-0.5em);
  -o-transform: translateX(-0.5em);
  transform: translateX(-0.5em);
  opacity: 0;
  text-align: left;
}
.section-seperator:after {
  -webkit-transition: 0.70s ease;
  transition: 0.70s ease;
  -webkit-transform: translateX(-100%) skewX(0);
  -moz-transform: translateX(-100%) skewX(0);
  -ms-transform: translateX(-100%) skewX(0);
  -o-transform: translateX(-100%) skewX(0);
  transform: translateX(-100%) skewX(0);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  width: 100%;
  /* background: rgba(27, 32, 33, 0.88);  */                 /* COLOR FRANJA QUE SE MUEVE DE LAS FOTOS CON TITULOS */

  background: rgba(2, 86, 78, 0.80);

}
.section-seperator.in-point:after {
  -webkit-transform: translateX(-40%) skewX(-25deg);
  -moz-transform: translateX(-40%) skewX(-25deg);
  -ms-transform: translateX(-40%) skewX(-25deg);
  -o-transform: translateX(-40%) skewX(-25deg);
  transform: translateX(-40%) skewX(-25deg);
}
.section-seperator.in-point h2 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media screen and (min-width: 750px) {
  .section-seperator {
    height: 12.5em;
  }


.section-seperator.in-point:after {

                                                  /*   HASTA DONDE LLEGA LA FRANJA QUE SE MUEVE (en %)  */


    -webkit-transform: translateX(-60%) skewX(-25deg);
    -moz-transform: translateX(-60%) skewX(-25deg);
    -ms-transform: translateX(-60%) skewX(-25deg);
    -o-transform: translateX(-60%) skewX(-25deg);
    transform: translateX(-60%) skewX(-25deg);




  }






}











@media screen and (min-width: 1200px) {
  .section-seperator {
    height: 12.5em;                                   /* ALTURA DE LA FRANJA Y DE LA FOTO */
  }
  .section-seperator .container-template {
    width: 40%;
  }
  .section-seperator.in-point:after {

    /*                                                     HASTA DONDE LLEGA LA FRANJA QUE SE MUEVE (en %) 
    -webkit-transform: translateX(-80%) skewX(-25deg);
    -moz-transform: translateX(-80%) skewX(-25deg);
    -ms-transform: translateX(-80%) skewX(-25deg);
    -o-transform: translateX(-80%) skewX(-25deg);
    transform: translateX(-80%) skewX(-25deg);
    */


    -webkit-transform: translateX(-70%) skewX(-25deg);
    -moz-transform: translateX(-70%) skewX(-25deg);
    -ms-transform: translateX(-70%) skewX(-25deg);
    -o-transform: translateX(-70%) skewX(-25deg);
    transform: translateX(-70%) skewX(-25deg);




  }
}















/* Events Calendar */

.events-part .section-seperator {
 /* background-image: url(../images/events.jpg); */

  
}


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



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