@charset "utf-8";
/* CSS Document */
:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
a:focus {
    outline: none !important;     outline: 0px auto -webkit-focus-ring-color;    outline-offset: -2px;
}
video::-webkit-media-controls {  display:none !important;}
*::-webkit-media-controls {  display:none !important;}
video::-webkit-media-controls-enclosure {  display:none !important;}/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button { display:none !important;}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}

*::-webkit-media-controls-panel {  display: none!important;  -webkit-appearance: none;}
*::--webkit-media-controls-play-button {  display: none!important;  -webkit-appearance: none;}
*::-webkit-media-controls-start-playback-button {  display: none!important;  -webkit-appearance: none;}

#playbutton, #playbutton2, #playbutton3, #playbutton4 {
   width: 0;
    height: 50px;
    position: absolute;
    left: 31px;
    top: 86%;
    border: 0;
    background-color: transparent;
    filter: opacity(90%);
    border-color: transparent transparent transparent #009AA7;
    cursor: pointer;
    border-style: solid;
    border-width: 25px 0 25px 40px;
    z-index: 999999999999999999999;
	border-radius: 0px;
}
#playbutton.playing, #playbutton2.playing, #playbutton3.playing, #playbutton4.playing {
    border-style: double;
    border-width: 0 0 0 40px;
}
 
html { scroll-behavior: smooth !important;   font-size: 62.5%; /*overflow: hidden*/}
body, html { /*height:100% !important */  }
body { background: #fff; font-size: 10px; font-size: 1rem; line-height: 1.4; color: #888; font-family: 'Gayathri', Arial, Tahoma, Verdana}
body {margin: 0; padding: 0}
body .cargador {  z-index:999999;  position:fixed;  top:0;  left:0;  width:100%;  height:100%; }
body,html{margin:0;padding:0;}
.cargador img { margin: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 8%;}
.solocel { visibility:hidden}
.solocelvisible  { visibility: visible !important; /*z-index:99*/}
.imagenwrapcel {    display: flex;    overflow: hidden;    width: 100%;    height: 100%;    position: absolute;}
.imagenescel {    width: 100%;    height: 100%;    object-fit: cover;    object-position: 98%;}
.imagenescel2 {    width: 100%;    height: 100%;    object-fit: scale-down;    margin-left: -43%;}
.imagenescel3 {    width: 100%;    height: 100%;    object-fit: scale-down;    object-position: -14%; z-index:-9}
.imagenescel4 {    width: 100%;    height: 100%;    object-fit: scale-down;    object-position: -82%;    z-index: -9;}
.imagenescel5 {    width: 100%;    height: 100%;    object-fit: cover;    object-position: 40%;    z-index: -9;    margin-left: -53%;}
.imagenescel6 {    width: 100%;    height: 100%;    object-fit: contain;    object-position: 97%;    z-index: -9;    margin-left: -71%;}
.titulocel {    background-color: rgba(0,0,0,0.3) !important;       padding: 5px 15px 4px 15px !important;}

/*.wowinit { animation-name: slideInUp !important; visibility: visible !important}*/
.aparece { visibility:visible !important;  -webkit-animation: 3s ease 0s normal forwards 1 fade;
animation: 3s ease 0s normal forwards 1 fade; height:100% !important /*transform: translate3d(0px, 0px, 0px) !important;*/ }
.error {  transform: translate3d(0px, 0px, 0px) !important }
.aparece2{    -webkit-animation: 3s ease 0s normal forwards 1 fadeInUp;    animation: 3s ease 0s normal forwards 1 fadeInUp;}
.aparece3b { visibility:visible !important;  -webkit-animation: 3s ease 0s normal forwards 1 fadeInDownBig;    animation: 3s ease 0s normal forwards 1 fadeInDownBig;}
.aparece3 { visibility:visible !important; -webkit-animation: 0.2s ease 0s normal forwards 1 fadeInDownBig; animation: 0.2s ease 0s normal forwards 1 fadeInDownBig;}
.aparece4 { visibility:visible !important;  -webkit-animation: 3s ease 0s normal forwards 1 fadeInLeftBig;    animation: 3s ease 0s normal forwards 1 fadeInLeftBig;}
.aparece5 { visibility:visible !important;  -webkit-animation: 5s ease 0s normal forwards infinite fadeIn;    animation: 5s ease 0s normal forwards infinite fadeIn;}
.aparece6 { visibility:visible !important;  animation: crescendo 1.5s alternate 1 ease-in; -webkit-animation: crescendo 1.5s alternate 1 ease-in}

.paddingtopcontacto {    /*padding: 20px 20em 20px 20em;*/    font-size: 11px;}
#playvideo1, #playvideo2, #playvideo3, #playvideo4  {background-color: red;        color: aliceblue;    width: 100px;    right: 0px;    text-align: center;    justify-self: right; display: none}
.displayblock { display:block !important}


@keyframes crescendo {  0%   {transform: scale(2);}  100% {transform: scale(1);}}

.desaparece { -webkit-animation: 3s ease 0s normal forwards 1 fadeOut;    animation: 3s ease 0s normal forwards 1 fadeOut;}
.oculto{ opacity:0 }
.hidden  { visibility:hidden;}
.d-none  { display:none !important;}
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 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;    vertical-align: baseline;}
*, *:before, *:after {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
a {    display: contents; text-decoration:none; }
a:link, a:visited   { color: #666;}

.play {transform: scale(1.22) !important;
    margin-top: -1% !important;
    z-index: 9999;
   
    object-fit: none !important;
    /* margin: auto; */
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 9999999999999 !important;
    background-color: #222;}
	.play2 {transform: scale(1.1) !important}
.seccion {    display: flex;    position: relative;    height: 100%; }
.menu { height: 50px;
    width: 100%;
    background: #009AA7;
    position: fixed;
    z-index: 9999;
    opacity: 0.9;}
.menusize { height:50px; position: absolute;    width: 100%;}
.logomenu { width: 73px;    position: absolute;    left: 3%;    background: #009AA7;    mix-blend-mode: hard-light;}
#menu li.active {    /* background: #666; */    /* background: rgba(0,0,0, 0.5); */    color: #fff;}
#menu li {display: inline-block; margin: 8px 10px 8px 10px; color: #FFF;/* background: #fff; */    /* background: rgba(255,255,255, 0.5); */}
#menu li.active a:hover {    color: #FFF;}
#menu li a:hover {    color: #FFF;}
#video, #video1, #video2, #video3, #video4 {     z-index: 9;    top: 0px; object-fit: cover;
    width: 100%; height: 100%;    margin: auto;   background-size: cover;
    opacity:1;  transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;     transform: scale(1.2);  }
.overlayalpha-30:before {   /* background: rgba(21, 21, 21, 0.1)*/ opacity:0.1 ;    background-image: url(../img/pattern.png);
    content: " ";    height: 100%;    left: 0;    position: absolute;
    top: 0;    width: 100%;	z-index:99}
	



.videointrowrap {    display: flex;    overflow: hidden;    width: 100%;    height: 100% ;}


#videointro {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;  background-size: cover;    opacity: 0.5;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;}

#videocomerciales {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;  background-size: cover;    opacity: 0.5;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;}

#videografica {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;  background-size: cover;    opacity: 0.5;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;}

#videobtl {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;  background-size: cover;    opacity: 0.5;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s; filter: opacity(0.4);}

#videocampana {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;  background-size: cover;    opacity: 0.8;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;}

#videoweb {     z-index: 9;    top: 0px;    object-fit: cover;    width: 100%;    height: 100%;   margin: auto;   background-size: cover;    opacity: 0.8;    transition: all 0.2s linear 0s;    -webkit-transition: all 0.2s linear 0s;    -moz-transition: all 0.2s linear 0s;    -o-transition: all 0.2s linear 0s;     filter: blur(3px);}

	
.videowrap {    display: flex;    overflow: hidden;    width: 100%;    height: 100%; /*justify-content: center; align-items: center */}
.imagenwrap {    display: flex;    overflow: hidden;    width: 100%;    height: 100%; /*justify-content: center; align-items: center */}
.datoscomerciales {	display: grid;    z-index: 9999999;    position: absolute;    /* top: 0px; */    bottom: 16%;    /* vertical-align: middle; */    padding: 0px;    text-align: center;}
	
.categorias {	display: grid;    z-index: 9999999;    position: absolute;    top: 0px;    bottom: 0px;    /* vertical-align: middle; */    /* padding: 1%; */    text-align: center;    height: 100%;    width: 7.1428%;    color: #FFF;    align-content: center;    font-size: 20px;}

.campanas {	display: grid;    z-index: 9999999;    position: absolute;    top: 0px;    bottom: 0px;    /* vertical-align: middle; */    /* padding: 1%; */    text-align: center;    height: 100%;    width: 33.33%;    color: #FFF;    align-content: center;    font-size: 20px;}

.comerciales, .btl, .web {	display: grid;    z-index: 9999999;    position: absolute;    top: 0px;    bottom: 0px;    /* vertical-align: middle; */    /* padding: 1%; */    text-align: center;    height: 100%;    width: 20%;    color: #FFF;    align-content: center;    font-size: 20px;}

.titulo {	
    font-size: 46px;
    font-weight: 700;
   /* background-color: blueviolet;*/
    width: 500px;
    text-align: center;
    margin: auto;
    padding: 18px 15px 18px 15px;
}
.tituloproyecto {	
    font-size: 30px;
    font-weight: 700;
    background: #009AA7;
    text-align: center;
    margin: auto;
    padding: 18px 30px 18px 30px;
    color: #FFF;
    width: 100%;
}

.imagenes {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.datoscomerciales p {
    width: 100%;
    margin: 0 auto;
    font-size: 0.5em;
    background: #333;
    padding: 10px 10px 10px 26px;
    line-height: 27px;
    text-align: left;
    color: #e8e8e8;}

.contacto320c h2 {
    width: 90%;
    left: 0px;
    margin: auto;
    line-height: 1;
    padding-bottom: 20px;
}

#mySidenav  li.active, #mySidenav  li:hover {    color: #FFF; font-weight: 600; /* remodelacion background: #fff;*/}
.pagination li.selected, .pagination li:hover {    color: #FFF; font-weight: 600; /* remodelacion background: #fff;*/}
#mySidenav a li.active {    color: #FFF !important; font-weight: 600; }
.pagination li {    cursor: pointer;    /* text-indent: -777em; */    margin: 0 auto 10px auto;    position: relative;
    font-size: 0.7em;    letter-spacing: 6px;	color:#999;	text-rendering: optimizeLegibility;	transition: color 300ms ease-in-out;    -webkit-transition: color 300ms ease-in-out;    -moz-transition: color 300ms ease-in-out;}
.1,.2,.3,.4,.5,.6 { list-style: none;}
.menu-btn2 {    visibility: hidden;    display: none !important;}
#mySidenav a li{    list-style: none; text-align: center;}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99991; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a { padding: 8px 8px 8px 8px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; position: relative; width: 50%; margin: 0 auto; z-index: 999;    cursor: pointer;}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  cursor:pointer
 
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

.menu-btn { display: block;    margin: 0.5em;    width: 36px;    position: fixed;    z-index: 9999;    right: 0px;}
.menu-btn:before,.menu-btn:after {  background-color: #fff;  content: '';  display: block;  height: 4px;  transition: all 200ms ease-in-out;}
.menu-btn:before {  box-shadow: 0 10px 0 #fff;  margin-bottom: 16px;}
.menu-btn:hover:before {  box-shadow: 0 0 0 #fff;  transform: translateY(10px) rotate(45deg);}
.menu-btn:hover:after{  transform: translateY(-10px) rotate(-45deg);}

.menu-btn2 { display: block;    margin: 0.5em;    width: 36px;    position: fixed;    z-index: 9999;    right: 0px; cursor: pointer; top: 0px}
.menu-btn2:before,.menu-btn2:after {  background-color: #fff;  content: '';  display: block;  height: 4px;  transition: all 200ms ease-in-out;}
.menu-btn2:before {     box-shadow: 0 10px 0 #fff;    margin-bottom: 16px;}
.menu-btn2:hover:before { box-shadow: -11px 10px 0px #fff;    transform: translateY(0px) rotate(0deg);}
.menu-btn2:hover:after{     transform: translateY(0px) rotate(0deg);}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

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

#menu { font-size:11px;  right: 5%;}

}

@media screen and (max-width:850px) { 
#menu li { margin: 10px 1px 10px 1px}
#menu { font-size:11px; }
.frases {    font-size: 18px !important;}
}

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

#menu { font-size:11px; right: 2%;}
}

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

.logomenu { width: 105px;  background: #009AA7;}
.menu { background: none}
#menu { display: none}
.menu-btn2 { visibility:visible !important; display:block !important; -webkit-animation: 0.5s ease 0s normal forwards 1 fadeInDownBig;    animation: 0.5s ease 0s normal forwards 1 fadeInDownBig;}
.paddingtopcontacto {    padding: 20px 0em 20px 0em;    font-size: 11px;}
.titulo {    font-size: 36px;      width: 300px;}

.datoscomerciales p {    font-size: 0.3em;    padding: 5px 10px 5px 20px;}
.tituloproyecto {    font-size: 14px;    padding: 7px 20px 7px 20px;}
.fixcampana {object-position: 28%}
.fixweb {object-position: 8%}
.fixbtl {    object-position: 48%;    height: 86% !important;    align-self: center;}
.fixbtlrelleno {    background-color: #333 !important;}
.fixgrafica1 {   object-position: 18%;    height: 66% !important;    align-self: center;}
.fixgraficarelleno {    background-color: #000 !important;}

   
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
 
  
}


@media only screen and (max-width: 400px){
 #playvideo1, #playvideo2, #playvideo3, #playvideo4  { display:block}
 }



/*  LETRA COMERCIALES  */
.text22 {
	font-size: 46px;
	color: #FFF;
	
}



/*  FIN LETRA COMERCIALES  */



@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 40px;
}

/*.text {
  position: absolute;
  width: 450px;
  left: 50%;
  margin-left: -225px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
}*/

.frases {
	    height: 100%;
    font-size: 46px;
    position: absolute;
	width:100%
    /* left: 0; */
    /* right: 0; */
    /* z-index: 99; */
    /* margin: auto; */
    /* top: 0; */
    /* bottom: 0; */
   /* width: 100%;
	height: 100%;
    font-size: 46px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
	*/
}

.frases p {
	align-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    z-index: 99;
	/* ????? */
	display:grid;
	width:100%
	/*
	display: flex;
    align-content: center;
    align-items: center;
    
    height: 100%;
    
    position: absolute;
	z-index:99*/
	}
	
/*	
.text p {
    display: flex;
    align-content: center;
    align-items: center;
    align-self: center;
    justify-content: center;
    height: 100%;}*/

p {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.word {
	position: absolute;
    width: 100%;
    opacity: 0;
    text-align: center;
    left: 0px;
    height: 100%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    vertical-align: middle;
    display: flex;
    align-content: center;
    align-self: center;
    justify-content: center;
    align-items: center;

	/*
	position: absolute;
    width: 620px;
    opacity: 0;
    margin-top: 25%;*/
}

.letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
  color: #e8e8e8;
}

.belize {
  color: #009AA7;
}

.pomegranate {
  color: #e8e8e8;
}

.green {
  color: #009AA7;
}

.midnight {
  color: #e8e8e8;
}




/*  CARGADOR 320C  *////////////////////////////////////////////////////////


@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
 	




@charset "utf-8";
/* CSS Document */

/* ================================================
   1.0-Load Google Fonts
==================================================*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,500,600,700,900');
/* ================================================

/*2.2 font-weight(fw) style*/
.fw100{font-weight:100 !important;}
.fw200{font-weight:200 !important;}
.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}
.fw900{font-weight:900 !important;}

/*2.3 letter-spacing(lp-) positive*/
.lp-0{letter-spacing:0px !important;}
.lp-1{letter-spacing:1px !important;}
.lp-2{letter-spacing:2px !important;}
.lp-3{letter-spacing:3px !important;}
.lp-4{letter-spacing:4px !important;}
.lp-5{letter-spacing:5px !important;}
.lp-6{letter-spacing:6px !important;}
.lp-7{letter-spacing:7px !important;}
.lp-8{letter-spacing:8px !important;}
.lp-9{letter-spacing:9px !important;}
.lp-10{letter-spacing:10px !important;}

/*2.7 Alter font */
.font-face1{font-family: 'Catamaran', sans-serif;}

/*2.8 Float position */
.float-left{float:left !important;}
.float-right{float:right !important;}

/*2.9 Responsive fullwidth image */
.full-image-width{width:100%;}

/*2.10 Full screen*/
.fullscreen {
    height: 100vh;
}

/*2.11 Position(relative/abslute/static/fixed) */
.relative{position:relative !important;}
.static{position:static !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.stick-fixed{position: fixed !important;top: 0;left: 0;}

/*2.12 Font case */
.lowercase{text-transform: lowercase !important;}
.uppercase{text-transform: uppercase !important;}
.nocase{text-transform:none !important;}

/*2.13 margin and padding 0px */
.nomargin{margin:0 !important}
.nopadding{padding:0 !important;}

/*2.14 z-index */
.zindex100{z-index:100 !important;}
.zindex1{z-index:1 !important;}
.zindex2{z-index:2 !important;}
.zindex0{z-index:0 !important;}

/*CARGADOR 320C  */
body .loader {z-index:999999999999;  position:fixed;  top:0;  left:0;  width:100%;  height:100%; background-color: rgba(220, 230, 230, 1); }
body .loader::before
{ content: ""; opacity: 0.7; top: 0; left: 0; bottom: 0;    right:0; position: absolute;}
/*body .loader img { margin: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 8%;}*/
body .loader img { position: absolute; bottom: 0;bottom: -10px;width: 120px;z-index: 9999;}
/*.loaderanima { width:120px; height:55%; position:relative; margin:auto; overflow: hidden;  	}*/ 

.loaderanima {    width: 120px;    height: 100px;    position: fixed;    top: -70px;    left: 0;    right: 0;    bottom: 0;    margin: auto;    }


@keyframes loader320c {
  0% { height:0%;  background-color: #004A97; }
  0.1% { background-color: #77649F;  }
  12.5% { background-color: #77649F }
  12.4% { background-color: #A2007C }
  25% { background-color: #A2007C }
  25.1% { background-color: #C33A32 }
  37.5% { background-color: #C33A32 }
  37.4% { background-color: #C16A10 }
  50% { background-color: #C16A10 }
  50.1% { background-color: #97694B }
  62.5% { background-color: #97694B }
  62.6% { background-color: #F4C400 }
  75% { background-color: #F4C400 }
  75.1% { background-color: #009C86 }
  87.5% { background-color: #009C86;  }
  87.6% { background-color: #0099A8; background: #0099A8 }
  100% { height:100%;   background: url(../img/loader320c.jpg) no-repeat bottom #0099A8 }
}
#canvas {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px; z-index:-1
}
#canvas2 {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px; background-image: url(../img/loader320c.jpg);
}







/* //FORMULARIO */

.page-section.scroll{
	background-attachment: scroll !important
}
.text-center {
    text-align: center!important;
}
.fw800 {
    font-weight: 800 !important;
}
.section-heading {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0.3em;
    margin-right: -0.3em;
    line-height: 1.4;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #212121;
}
.white-color {
    color: #fff !important;
}
.gray-color {
    color: #dfdfdf !important;
}
.btn:last-child, .btn:last-of-type {
    margin-right: 0;
}
.btn.bg-color {
    background-color: var(--bgcolor);
    border: 0px none;
}
.btn.white-color {
    color: #fff;
}
.is-visible {
    right: 0;
    opacity: 1;
    visibility: visible;
}
.table-content {
    position: absolute;
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
    top: 0px;
    z-index: 9;
}
.contact-form-overlay .table-center-text2 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}
.btn:hover, .btn:focus, a.btn:hover, a.btn:focus, .btn:active {
    box-shadow: none;
    outline: medium none;
    text-decoration: none;
    color: #212121;
}
.btn.btn-icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    min-width: 0;
    padding: 0;
    width: 40px;
}
.btn.bg-white:after, .btn.bg-black:after, .btn.bg-color:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: top 0.24s ease 0s;
    -webkit-transition: top 0.24s ease 0s;
    -moz-transition: top 0.24s ease 0s;
    -o-transition: top 0.24s ease 0s;
    -ms-transition: top 0.24s ease 0s;
}

#contact { display: flex;    height: 100%;    align-items: center;    width: 100%;}
#contact::before {
content: "";
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    mix-blend-mode: soft-light; }  
.lnr-oficina:before {    content: "\e801";}
.lnr-correo:before {    content: "\e818";}
.lnr-telefono:before {    content: "\e830";}
.lnr2 { color: var(--bgcolor);    font-size: 4em;}
.black-section {    background-color: #312f30 !important;}
.contact-form-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(21,21,21,.95);
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    transition: all 400ms ease-in-out 0ms;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
}
.is-visible{
	right:0;
	opacity:1;
	visibility:visible;
}

.form textarea {
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #777;
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    outline: medium none;
    text-transform: uppercase !important;
    background-color: #fff;
    background-image: none;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}


.btn.btn-icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    min-width: 0;
    padding: 0;
    width: 40px;
}
.btn.bg-color {
    background-color: #009AA7;
    border: 0px none;
}
.btn.bg-color:after {
    background-color: #212121;
}

.lnr {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnr-location:before {
    content: "\e835";
}
.lnr-cross:before {
    content: "\e870";
}

.btn.bg-color:after {
    background-color: #212121;
}
.btn.bg-white:after, .btn.bg-black:after, .btn.bg-color:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: top 0.24s ease 0s;
    -webkit-transition: top 0.24s ease 0s;
    -moz-transition: top 0.24s ease 0s;
    -o-transition: top 0.24s ease 0s;
    -ms-transition: top 0.24s ease 0s;
}


.contact-form-overlay .table-center-text2 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.contact-form-wrapper {
    padding: 40px;
    max-width: 768px;
    margin: 0 auto;
    position: relative;
}

.form-group {
    margin-bottom: 15px;
}

.form .form-group {
    margin-bottom: 10px;
}



.form input.full_width[type="text"], .form input.full_width[type="email"], .form input.full_width[type="number"], .form input.full_width[type="url"], .form input.full_width[type="search"], .form input.full_width[type="tel"], .form input.full_width[type="password"], .form input.full_width[type="date"], .form input.full_width[type="color"], .form select.full_width {
    font-size: 12px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="url"], .form input[type="search"], .form input[type="tel"], .form input[type="password"], .form input[type="date"], .form input[type="color"], .form select {
    display: inline-block;
    height: 27px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    border: 1px solid rgba(0,0,0, .1);
    padding-left: 7px;
    padding-right: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.contact-form-wrapper input, .contact-form-wrapper textarea {
    background-color: rgba(255,255,255,.1);
    color: #fff !important;
    border: 1px solid transparent;
}



/*Linearicons fonts*/
@font-face{font-family:Linearicons-Free;src:url(../fonts/linearicons/Linearicons-Free.eot?w118d);src:url(../fonts/linearicons/Linearicons-Free.eot?#iefixw118d) format('embedded-opentype'),url(../fonts/linearicons/Linearicons-Free.woff2?w118d) format('woff2'),url(../fonts/linearicons/Linearicons-Free.woff?w118d) format('woff'),url(../fonts/linearicons/Linearicons-Free.ttf?w118d) format('truetype'),url(../fonts/linearicons/Linearicons-Free.svg?w118d#Linearicons-Free) format('svg');font-weight:400;font-style:normal}.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}

/*

 var $header = document.querySelector('#fullpage');

  new Waypoint({
    // Tomamos como punto de referencia el body.
    element: document.querySelector("body"),
    handler: function (direction) {

      // Cuando la dirección es hacia abajo agregamos el       // class Fixed y lo quitamos en caso contrario.
      if (direction === 'down') {
        // Este es el elemento sobre el cual se actuará.
        $('#fullpage').removeClass('error');
       
      } else {
        $('#fullpage').addClass('error');
      }

    },
    
    // Cantidad de pixeles para que se active el efecto.
    offset: -80
  });
  
  */
  
  
  /*
      var myFullpage = new fullpage('#fullpage', {
        sectionsColor: ['#000000', '#000', '#7BAABE', 'whitesmoke', '#ccddff'],
        anchors: ['inicio', 'comerciales',  'publicidad', 'btl', 'campañas', 'contacto'],
        menu: '#menu',
		controlArrows: true,
		loopHorizontal: false,
        continuousVertical: false,
        continuousHorizontal: false,
		scrollBar: false,
		afterRender: function(){
        new WOW().init();
        },
			
			isResizing : true,
			   fixedElements: true,
			   fadingEffect: true,
			    resetSliders: true, 
				offsetSections: true,
				fitToSection: true,
			   responsiveSlides: true,
			  
			
			navigation: false,
            navigationPosition: 'left',
            navigationTooltips: [],
            showActiveTooltip: false,
            slidesNavigation: true,
            slidesNavPosition: 'bottom',
            hybrid: false,
			responsive: true,
			resize: true,
        	lazyLoad: false,
			responsiveSlides: false,
		
       
    });
  
  
  */
  
  
  /*
  
 $(document).ready(function() {
$('#fullpage').fullpage({
scrollBar: true,
}
)
new WOW().init();
}); 
  
  
  
  
  */
  
  
  
  
  



:root {
	--bgdark: #212121;
	--fontdark : #212121;
	--bgcolor:#009AA7;
	--fontcolor:rgba(247, 79, 63, 0.85);
	--heading:38px;
	--headingbold:14.5px;
}




/* ====================================================================
   6.0-Button style
======================================================================*/
.btn,button {
	position:relative;	
	background-color:transparent;
    font-size: 11.4px;	
    font-weight: 600;
    height: 40px;
	border:0px none;
    letter-spacing: 1px;
    line-height: 40px;
    margin:0 auto;
    min-width: 150px;
    padding: 0 26px;
    text-align: center;
    text-transform: uppercase;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	z-index:1;
}
.btn.small{
	font-size: 11px;
    height: 30px;
    line-height: 30px;
    min-width: 120px;
}
.btn.big {
	font-size: 14px;	
    height: 50px;
    line-height:50px;
    min-width: 200px;
}
.contacto320c {
    /* text-align: center; */
    /* justify-content: center; */
    position: relative;
    margin: auto;
    width: 100%;
}
.btn.btn-round{border-radius:1000px;-webkit-border-radius:1000px;-moz-border-radius:1000px;}
.btn.full-width{width:100%;}
.btn.white-color{color:#fff;}
.btn.black-color{color:#212121;}
.btn.font-color{color:#3a332d;}
.btn.white-border{border: 1px solid #fff;}
.btn.black-border{border: 1px solid #212121;}
.btn.color-border{border: 1px solid #3a332d;}
.btn.bg-black{
	background-color:#212121;    
	color:#fff;	
}
.btn.bg-white{
	background-color:#fff;        
	color:#212121;
}
.btn.bg-color{
	background-color: var(--bgcolor);
    border: 0px none; 
}
.btn .btn-icon{margin-right:5px;}
.btn.btn-icon {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    min-width: 0;
    padding: 0;
    width: 40px;
}
.btn-icon.big {
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    min-width: 0;
    width: 50px;
}
.btn-icon.small {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    min-width: 0;
    width: 30px;
}
.btn.bg-white:after,.btn.bg-black:after,.btn.bg-color:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
	top: 100%;
	z-index:-1;
	border-radius: 3px;
	-webkit-border-radius:3px;
    transition: top 0.24s ease 0s;
	-webkit-transition: top 0.24s ease 0s;
	-moz-transition: top 0.24s ease 0s;
	-o-transition: top 0.24s ease 0s;
	-ms-transition: top 0.24s ease 0s;
}
.btn.btn-round:after,.btn.btn-round:after{
	-webkit-border-radius:1000px;
	border-radius:1000px;
	-moz-border-radius:1000px;
	-ms-border-radius:1000px;
	-o-border-radius:1000px;
}

.btn.bg-white:after{
    background-color: var(--bgcolor);
}
.btn.bg-black:after {
    background-color: var(--bgcolor);
}
.btn.bg-color:after {
    background-color: #212121;
}
.btn.btn-border{
	background-color:transparent;
	border: 2px solid var(--bgdark); 
}
.btn_seperator{
	display:inline-block;
	width:2px;
	position:relative;
}
.btn:last-child, .btn:last-of-type {margin-right: 0;}
.btn:hover, .btn:focus, a.btn:hover, a.btn:focus,.btn:active {
    box-shadow: none;
    outline: medium none;
    text-decoration: none;
	color:#212121;
}
.btn:active {
    cursor: pointer !important;
    outline: medium none !important;
}
.btn.white-border:hover,.btn.white-border:focus,.btn.white-border.focus{
	background-color: #fff;
	color:#212121;
}
.btn.black-border:hover,.btn.black-border:focus,.btn.black-border.focus{
	background-color: #212121;
	color:#fff;
}
.btn.color-border:hover,.btn.color-border:focus,.btn.color-border.focus{
	background-color: #3a332d;
	color:#fff;
}
.btn.bg-black:hover,.btn.bg-black:focus,.btn.bg-black.focus{color:#fff;}
.btn.bg-white:hover,.btn.bg-white.focus{color:#fff;}
.btn.bg-white:focus{
	color:#212121;
}
.btn.bg-white:hover:after {
    top:0;
}
.btn.bg-black:hover:after {
    top:0;
}
.btn.bg-color:hover:after {
    top:0;
}

/
}
/*Read more home button*/
.btn-readmore {
	background-color: var(--bgcolor);
	border-radius: 100px;
	bottom: 50px;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	width: 50px;
}
.btn-readmore a{
	position:relative;
	width:50px;
	height:50px;
	display:block;
}
.btn-readmore .container-point {
	height: 100%;
	padding: 23px 14px;
	position: absolute;
	width: 100%;
	transition: all 0.2s ease-in-out 0s;
}
.btn-readmore .point {
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 100%;
	float: left;
	height: 3px;
	margin: 0 2px;
	padding: 0;
	width: 3px;
}
.btn-readmore a .point {
	transition: all 0.2s ease-in-out 0s;
}
.btn-readmore:hover .container-point {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
}




/* Contact form */
#contact svg path,
#contact svg circle,
#contact svg rect,
#contact svg polygon{
fill:#fff !important;
}
.contact-form-overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(21,21,21,.9);
	opacity:0;
	z-index:1;
	visibility:hidden;
	transition: all 400ms ease-in-out 0ms;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
.contact-form-wrapper{
	padding:40px;
	max-width:768px;
	margin:0 auto;
	position:relative;
}
.contact-form-wrapper input,
.contact-form-wrapper textarea {
	background-color:rgba(255,255,255,.1);
	color:#fff !important;
	border:1px solid transparent;
}
.is-visible{
	right:0;
	opacity:1;
	visibility:visible;
}







.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}


/*

// TEXTO COMERCIALES
var acAnimated = {Plugins: {}};

acAnimated.Plugins.SplitText = function(element, options) {
	if (!options.hasOwnProperty("words")) options.words = 1;
	if (!options.hasOwnProperty("chars")) options.chars = 1;
	if (!options.hasOwnProperty("spacing")) options.spacing = 5;
	this.searchTextNodes = function(element) {
		var foundTextNodes = [];
		if (element == null || element == undefined) return foundTextNodes;
		for (var i=0; i<=element.childNodes.length-1; i++) {
			var node = element.childNodes[i];
			if (node.nodeName == "#text") { //text found
				foundTextNodes.push(node);
			} else {
				var foundTextNodes = foundTextNodes.concat(this.searchTextNodes(node));
			}
		}
		return foundTextNodes;
	}
	this.createElement = function(text, relatedNode) {
		var node = document.createElement("div");
		var nodeText = document.createTextNode(text);
		node.nodeText = nodeText;
		node.appendChild(nodeText);
		node.style.display = "inline-block";
		node.style.position = "relative";
		if (text.trim() == "") node.style.width = String(options.spacing) + "px";
		relatedNode.parentNode.insertBefore(node, relatedNode);
		return node;
	}
	this.splitCharacters = function(textNode) {
		var characters = textNode.nodeValue.toString();
		var chars = [];
		if (characters.trim() != "") {
			for (var c=0; c<=characters.length-1; c++) {
				var character = characters.substr(c, 1)
				var char = this.createElement(character, textNode);
				if (character.trim() != "") chars.push(char);
			}
			textNode.parentNode.removeChild(textNode);
		}
		return chars;
	}
	this.splitWords = function(textNode) {
		var textWords = textNode.nodeValue.toString().split(" ");
		var words = [];
		for (var w=0; w<=textWords.length-1; w++) {
			var textWord = textWords[w];
			var word = this.createElement(textWord, textNode);
			if (textWord.trim() != "") words.push(word);
			if (w < textWords.length-1) this.createElement(" ", textNode); //spacing for word
		}
		textNode.parentNode.removeChild(textNode);
		return words;
	}
	this.splitTextNodes = function(textNodes) {
		var splitText = {words: [], chars: []};
		for (var i=0; i<=textNodes.length-1; i++) {
			var textNode = textNodes[i];
			if (options.words == 0) {
				splitText.chars = splitText.chars.concat(this.splitCharacters(textNode));
			} else {
				var words = this.splitWords(textNode);
				if (options.chars == 1) {
					for (var w=0; w<=words.length-1; w++) {
						word = words[w];
						var chars = this.splitCharacters(word.nodeText);
						splitText.chars = splitText.chars.concat(chars);
						word.chars = chars;
					}
				}
				splitText.words = splitText.words.concat(words);
			}
		}
		return splitText;
	}
	var textNodes = this.searchTextNodes(element);
	var splitText = this.splitTextNodes(textNodes);
	return splitText;
}


acAnimated.randomNumber = function(min, max) {
	var num = min + Math.floor(Math.random() * (max - (min - 1)));
	return num;
}
acAnimated.randomDirection = function(number) {
	var direction = Math.floor(Math.random() * 2);
	if (direction == 0) number = 0 - number;
	return number;
}
acAnimated.animateChar = function(char) {
	var timeline = new TimelineMax({});
	timeline.from(char, acAnimated.randomNumber(3, 5) / 10, {top: acAnimated.randomDirection(acAnimated.randomNumber(10, 50)), rotationZ: acAnimated.randomDirection(acAnimated.randomNumber(90, 360)), rotationX: acAnimated.randomDirection(acAnimated.randomNumber(90, 360)), opacity: 0});
	return timeline;
}
acAnimated.animateWord = function(word) {
	var timeline = new TimelineMax({});
	timeline.from(word, acAnimated.randomNumber(3, 5) / 10, {top: acAnimated.randomDirection(acAnimated.randomNumber(10, 50)), rotationX: acAnimated.randomDirection(acAnimated.randomNumber(90, 360)), opacity: 0});
	return timeline;
}
var text = document.body.querySelector(".text11");
var text2 = document.body.querySelector(".text22");
var text3 = document.body.querySelector(".text33");
var splitText = acAnimated.Plugins.SplitText(text, {words: 1, chars: 1, spacing: 10});
var splitText2 = acAnimated.Plugins.SplitText(text2, {words: 1, chars: 1, spacing: 10});
var splitText3 = acAnimated.Plugins.SplitText(text3, {words: 1, chars: 1, spacing: 10});
var timeline = new TimelineMax({repeat: -1, repeatDelay: 0});
var timeline2 = new TimelineMax({repeat: -1, repeatDelay: 0});
var timeline3 = new TimelineMax({repeat: -1, repeatDelay: 0});

for (var i=0; i<=splitText.chars.length-1; i++) {
	var char = splitText.chars[i];
	timeline.add("animated_char_" + String(i), acAnimated.randomNumber(1, 20)/ 10);
	timeline.add(acAnimated.animateChar(char), "animated_char_" + String(i));
}
for (var i=0; i<=splitText2.chars.length-1; i++) {
	var char2 = splitText2.chars[i];
	timeline2.add("animated_char_" + String(i), acAnimated.randomNumber(1, 20)/ 10);
	timeline2.add(acAnimated.animateChar(char2), "animated_char_" + String(i));
}

for (var i=0; i<=splitText3.chars.length-1; i++) {
	var char3 = splitText3.chars[i];
	timeline3.add("animated_char_" + String(i), acAnimated.randomNumber(1, 20)/ 10);
	timeline3.add(acAnimated.animateChar(char3), "animated_char_" + String(i));
}

timeline
.to(text, 3, {})
.to(text, 1, {opacity: 0});

timeline2
.to(text2, 3, {})
.to(text2, 1, {opacity: 0});

timeline3
.to(text3, 3, {})
.to(text3, 1, {opacity: 0});





<?php include('../nuevo/Mobile_Detect.php');
$detect = new Mobile_Detect();
if
($detect->isMobile() || $detect->isiOS() || $detect->isAndroidOS() || $detect->isTablet()) {
header("Location: http://www.320cpublicidad.com/probando/320cmovil/index.html");
}
?>
*/