/*et f
Theme Name:     theme57837
Theme URI:      http://www.templatemonster.com/demo/XXXXX.html
Description:    Your theme description.
Author:         Template Monster
Author URI:     http://www.templatemonster.com/
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           fixed-layout, fluid-layout, responsive-layout, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain:    child-theme-domain
Template:       cherryframework4
Cherry Version: 4.0.5.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/****************** unidades de negocio ******************/

.unidadNegociosNueva{
	display:block;
}

.unidadNegociosAltura{
	display:none;
}

#videoInstitucional{
	display:block;
}

#playVideoIns{
	display:block;
}

#videoInstitucionalMovil{
	display:none;
}

#playVideoInsMovil{
	display:none;
}

 .contenedor-round-play-button{
	 float:left;
	 position:absolute;
	 width:150px;
	 text-align:center;
	 font-size:14px;
	 left:50%;
	 margin-left:-75px;
}

.round-play-button {
	box-sizing: border-box;
	display:block;
	width:60px;
	height:60px;
	padding-top: 11px;
	padding-left: 4px;
	line-height: 20px;
	border: 3px solid #fff;
	border-radius: 50%;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	margin-left:45px;
	margin-bottom:15px;
	transition: all 0.3s ease;
}
.round-play-button:hover {
	color: #1db8ea;
	border-color:#1db8ea;
}

.Blink {
  animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

*{
	-moz-hyphens:none !important;
	-ms-hyphens:none !important;
	-webkit-hyphens: none !important;
	hyphens:none !important;
	word-break:keep-all !important;
}


tspan[Attributes Style] {
    fill: rgb(255, 255, 255);
    font-family: Montserrat, sans-serif !important;
    font-size: 12;
}


g text, g tspan {
    font-family: Montserrat, sans-serif !important;
}
.sp-image{
    width: 106% !important;
    height: 100%;
    margin-left: 0px !important;
    margin-top: 0px !important;
    object-fit:cover; /*SRFIX*/
    object-position:center;
}

.buBr{ /*business units boton*/
		display:block;
	}

#menu-primary .menu-items li li:hover > a, #menu-primary .menu-items li li > a:hover, #menu-primary .menu-items li li.current-menu-item > a {
	color:white !important;
}

#menu-primary .menu-items li li:hover > a, #menu-primary .menu-items li li > a:hover, #menu-primary .menu-items li li.current-menu-item > a:hover {
	color:#000 !important;
}

#menu-primary .menu-items ul {
    background: #1cb8ea !important;
    border-radius: 20px !important;
    margin-top: 10px;
}

.home #menu-primary #menu-item-1459 a{
    color: #fff !important;
    background-color: transparent !important;
    border-radius: 30px !important;
}

.home #menu-primary #menu-item-1459 a:hover{
    color: #fff !important;
    background-color: #1cb8ea !important;
    border-radius: 30px !important;
}

.home #menu-primary #menu-item-2476 a{
    color: #fff !important;
    background-color: transparent !important;
    border-radius: 30px !important;
}

.home #menu-primary #menu-item-2476 a:hover{
    color: #fff !important;
    background-color: #1cb8ea !important;
    border-radius: 30px !important;
}


.cherry-banner_wrap{
	min-height: 980px;
}
.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content h3 {
    font-size: 26px !important;
    line-height: 40px;
}

.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content h4 {
    font-size: 20px !important;
	line-height:normal;
    margin-left: 11%;
    width:80%;
}
@media (max-width: 800px){
	.paddingFotosDos {
		margin: 0px !important;
	}
	
}
@media (max-width: 375px){
	/*
	.static-simple-slider {
		margin-top:200px;
	}*/
	#popmake-963, #popmake-968{top:200px !important;}
}

#beneficiosAni{border:1px solid transparent; padding-bottom:50px !important;}

@media (min-width: 1200px){
	.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content p {
	    padding: 0px 0px !important;
	    font-size: 18px !important;
		line-height:normal;
	    width:90%;
	        margin-top: 20%;
  	    margin-left:5%;
	}
}

@media (max-width: 1800px){
	.cherry-banner.style_1 .cherry-banner_wrap {
	    padding: 150px 25px 50px 25px !important;
	}
}

.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content h6 {
    background: #ffffff00 !important;
    color: #c5c9ca;
}

a.cherry-btn:hover {
background-color: #1CB8EA !important;
}

a.cherry-btn.cherry-btn-default.botonazul.cherry-btn-medium.cherry-btn-inline.cherry-btn-fade {
    margin-top: 0px;
}

a.cherry-btn.cherry-btn-default.botonverde.cherry-btn-medium.cherry-btn-inline.cherry-btn-fade {
    margin-top: 0px;
}

a.cherry-btn.cherry-btn-default.botonrojo.cherry-btn-medium.cherry-btn-inline.cherry-btn-fade {
    margin-top: 0px;
}

a.cherry-btn.cherry-btn-default.botonceleste.cherry-btn-medium.cherry-btn-inline.cherry-btn-fade {
    margin-top: 0px;
}


.boton1{
position: relative;
top: 147px;
}

.boton2{
  position: relative;
top: 113px;
}

.boton3{
  position: relative;
top: 147px;
}

.boton4{
  position: relative;
top: 147px;
}


/****************************  NOSOTROS Y BENEFICIOS ****************************/
@media (max-width: 780px){
	.alturaPantallaRight{
		max-height:600px !important;
	}
	
	.nosotrosImagenFondo{
   		background-image:url("/wp-content/uploads/2018/05/klc-Nosotros-92_movil.jpg");
		background-repeat:no-repeat;
		background-position:top center;
		background-attachment:fixed !important;
		padding-bottom:50px !important;
		margin-bottom:0px !important;
  	}
	
	.nosotrosImagenFondo div p{
   		margin-bottom:150px !important;
  	}
	
	.nosotrosImagenLateral{
		display:none !important;
	}
	
	.beneficioImagenFondo{
   		background-image:url("/wp-content/uploads/2018/05/klc-Beneficios-92_movil.jpg");
		background-repeat:no-repeat;
		background-position:top center;
		background-attachment:fixed !important;
  	}
	
	.beneficioImagenLateral{
		display:none !important;
	}
	
  	
}

/****************************  /NOSOTROS Y BENEFICIOS ****************************/

.cherry-banner_wrap {
    max-height: 1040px;
}

.parallax-box .parallax-content {
    padding-top: 0px !important;
    padding-right: 30px;
    padding-bottom: 0px !important;
    padding-left: 30px;
}

.parallax-box .parallax-content h2 {
    margin: 20px 0 63px 0;
}

.box_1,.box_3 {
    position: relative;
    padding-top: 108px !important;
    padding-bottom: 108px !important;
    text-align: center;
    z-index: 9;
}

.box_2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    text-align: center;
}


h2:before {
    background: #1db8ea !important;
}

.tituloIconos:before{
	background: none !important;
}

h3:before {
    background: #1db8ea !important;
}

h4:before {
    background: #1db8ea !important;
}

.box_3{
	margin-bottom: 0px !important;
}

.site input[type="password"], .site input[type="search"], .site input[type="email"], .site input[type="text"], .site input[type="url"], .site input[type="tel"], .site textarea {
    border-color: #ebebeb;
    background-color: rgba(255,255,255,0);
}

input[type="submit"]{
	background-color:#1CB8EA !important;
}
input[type="submit"]:hover{
	background-color:#303334 !important;
}

.google-map-container {
    margin-top: 0px!important;
}


.site-content {
    padding: 0px 0 0px 0 !important;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/***************** POPUPS ****************/

.nosotrosTitulos{
	font-size: 30px;
	margin-bottom: 0px;
}

.nosotrosTitulos:before {
    display: block;
    position: absolute;
    bottom:15px;
	left: 0;
    width: 50px;
    height: 4px;
    overflow: hidden;
    content: '';
}

.nosotrosTitulos:before {
    background: none;
}

.columnaPopUp{
border:1px solid transparent;
}

img.imageFromPopup{
width:100% !important;
height:auto;
}
/***************** /POPUPS ****************/

.paddingTop20{
	padding-top:20%;
}


.padding10{
	padding: 10px 10px 10px 10px;
}

.paddingleft40{
	padding-left:40px; 
}

.letraBlanca{
	color:white;
}

.letraGris{
	color:grey;
}

.textleft{
	text-align:left;
}

.tituloIconos{
	font-size: 25px;
    font-weight: bold;
    color: #0071BC;
    margin-bottom: 0px;
}

.tituloIconos:before {
    background: none;
}

.SolucionesTituloAltura:before{
	background: none !important;
}
.Tamanosul{
font-size:18px !important;
}
.bulletsSoluciones:before {
    background: none;
}

.bulletsSoluciones{

}

.imagenesSoluciones{
	width: 70px;
	float: right;
}

.solucionesTitulo{
	font-size: 35px;
    text-align: left;
    color: white;
    margin-bottom: 20px;
}
.solucionesTitulo:before {
    background: none;
}

.solucionesSubTitulo{
	font-size: 25px;
	color:white;
	text-align: left;
	width: 36%;
}

.solucionesEncabezado{
	font-size: 20px;
	color:gray;
	text-align: left;
}

.solucionesContenido{
	font-size: 20px;
	color:white;
	text-align: left;
	width: 80%;
}

.margintop{
	margin-top:60px;
}

.SolucionesTituloAltura{
	color: white;
    font-weight: bold !important;
	height:65px;
	max-height:65px;
}

.SolucionesSubtitulosAltura{
	color:white;
	font-weight: bold;
	height:80px;
	max-height:80px;
}

.SolucionesContenido{
	color: white;
	font-weight: 400;
	height:140px;
	max-height:140px;
}

#menu-primary .menu-items ul.simple-sub {
    border-radius: 25px;
    padding: 30px 15px 30px 15px;
    font-weight: bold;
}
.paddingCero{
	padding-left: 0px !important
}

.alturaPantallaRight{
	height: 1124px;
}

.alturaPantalla{
	min-height: 1124px !important;
}

#static-area-header-top.isStick {
    background: #0E4A6D !important;
	top:0px !important;
}

.alturaImagen{
    /*height: 1125px;*/
	height: inherit;
    width: 100%;
}

.imagenesSociosCn{
	width:200px;
}

.imagenesSocios{
	width: 119px;
	height: auto;
	margin-top:30px;
}

.alturaPantallaRight .parallax-content{
	    padding-right: 0px !important;
	    padding-left: 0px !important;
}

.alturaPantallaLeft .parallax-content{
	    padding-left: 0px !important;
	    padding-right: 0px !important;
}
.paddingFotos{
	position: relative;
    padding: 14% 0 0 0;
}

.paddingFotosDos{
	position: relative;
    padding: 14% 0 0 0;
}

.site-info {
    font-size: 12px !important;
}

#menu-primary .menu-items ul.simple-sub {
    background-color: #0f4a6d;
    color:white;
}

.cherry-mega-menu-sub{
	padding: 20px;
}
#menu-item-716,#menu-item-717,#menu-item-2497, #menu-item-2498{
	padding: 10px;
	color:white;
}

.botonSocios{
	margin-top: 66px !important;
}


.infraestructura .cherry-banner_wrap{
	background-image:url(/wp-content/uploads/2018/03/barras-home-01.png)
}

.comunicaciones .cherry-banner_wrap{
	background-image:url(/wp-content/uploads/2018/03/barras-home-02.png)
}

.seguridad .cherry-banner_wrap{
	background-image:url(/wp-content/uploads/2018/03/barras-home-03.png)
}

.integracion .cherry-banner_wrap{
	background-image:url(/wp-content/uploads/2018/03/barras-home-04.png)
}


.iconoVerticales{
	    margin-top: 40%;
}

@media (min-width: 1801px){
	.cherry-banner_link h6{
	    height: 80px !important;
	}
.iconoVerticales {
    margin-top: 15%;
}
}

.cherry-mega-menu-sub-item > a:hover {
    color: white !important;
    background-color: #1cb8ea;
    border-radius: 20px;
    padding: 10px 0 10px 5px !important;
}


.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content h3 {
    margin: 0 0 25px 0 !important;
    color:white;
}

#menu-primary .menu-items ul.simple-sub li {
    padding: 10px 0 10px 5px;
}

.static-simple-slider .sp-layer h2 {
    font-size: 42px !important;
    font-weight: 300 !important;
}

.sp-arrow {
    width: 7px !important;
    height: 22px !important;
}

#menu-primary .menu-items > li:hover > a, #menu-primary .menu-items > li > a:hover, #menu-primary .menu-items > li.current-menu-item > a {
    background: #1cb8ea !important;
    color: #ffffff;
}
/* telefono color */
#menu-primary-items li#menu-item-991 a:hover, #menu-primary-items li#menu-item-2500 a:hover {
    background-color: transparent !important;
    color: #000 !important;
}

#menu-primary-items li#menu-item-991 #phoneIcon, #menu-primary-items li#menu-item-2500 #phoneIcon{
    color: #ffffff !important;
}

#menu-primary-items li#menu-item-991 a:hover #phoneIcon, #menu-primary-items li#menu-item-2500 a:hover #phoneIcon{
    color: #ffffff !important;
}


/* Animaciones */
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
/* Grow */
.hvr-grow {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.animated_hmr {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-duration:1000ms;
  animation-duration:1000ms;
}

.animated {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-duration:1500ms;
  animation-duration:1500ms;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* Fin Animaciones*/

/* HMR */

.margenSuperiorInfoContacto{
	margin-top:100px;
}

.sobreContacto{
	margin-left:20px;
}

.centrarBarraDlTitulo h2{
text-align:center;
}
.centrarBarraDlTitulo h2:before{
left:50%;
margin-left:-25px;
}

.catalogoProductosHome{
	background-image:url(/wp-content/uploads/2018/03/fondro-gris-abstracto-01-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding:50px 0;
}

.catalogoProductosHome p{
	font-size:18px;
	line-height:24px;
	text-align:center;
	max-width:900px;
	margin:50px auto 0 auto;
	padding:0 20px;
}

.fondoGrisAbstracto{
background-image:url('/wp-content/uploads/2018/03/fondro-gris-abstracto-01-1.png') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.verticalWrapper{
	width:100%;
	height:720px;
	background-image:url('/wp-content/uploads/2018/03/server-room_gradient-01.jpg') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.verticalWrapper .verticalContent {
	max-width:450px !important;
}

.verticalWrapperComunicaciones{
	width:100%;
	height:720px;
	background-image:url('/wp-content/uploads/2018/04/FotosSecciones-klc-02-1.png') !important;
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:cover;
}

.verticalWrapperComunicaciones .verticalContent {
	max-width:450px !important;
}

.verticalWrapperSeguridad{
	width:100%;
	height:720px;
	background-image:url('/wp-content/uploads/2018/04/FotosSecciones-klc-03-1.png') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.verticalWrapperSeguridad .verticalContent {
	max-width:450px !important;
}

.verticalWrapperIntegracion{
	width:100%;
	height:720px;
	background-image:url('/wp-content/uploads/2018/04/integra-tec1211x808-01.png') !important;
	background-repeat:no-repeat;
	background-size:cover;
}

.verticalWrapperIntegracion .verticalContent {
	max-width:450px !important;
}

.verticalContent{
	float:left;
	position:relative;
	padding:20px 40px 20px 70px;
	max-width:640px;
	min-height:206px;
	margin-top:20%;
}

.verticalContent p{
	font-size:20px;
	line-height:normal;
	text-align:left;
}
.verticalContent h2{
	color:white;
	font-size:28px;
	margin-bottom:0;
	padding-bottom:0;
}
.verticalContent h3{
	color:white;
	font-size:20px;
	text-align:left;
	line-height:normal;
	margin-bottom:10px;
	padding-bottom:0;
}

.verticalContent h3 span{
	display:block;
}

.verticalContent h2, h3{
	letter-spacing: 0px !important;
}

.verticalContent h2:before, h3:before{
	display:none;
}

span.verticalTitulo{
	font-size:32px;
	font-family: Montserrat, sans-serif;
	padding-bottom:100px;
}

.verticalBeneficio{
	padding-left:0px;
	margin-left:0px;
}

.verticalBeneficioSolo{
	padding-left:0px;
	margin-left:215px;
}

.pum-close {
    display: none;
}

.textoSlider{
	font-size:32px;
	line-height:normal !important;
}
/*
.imageFromPopup {
	width:100%;
	height:auto;
}*/

.nosotrosContenido{
    margin: 0 0 65px 0;
    line-height: 20px;
    font-size: 15px;
    text-align: justify;
    font-weight: 300;
}

p{
	margin-bottom:0px;
}

#menu-item-719, #menu-item-717, #menu-item-716, #menu-item-714, #menu-item-2479, #menu-item-2499{
	cursor:pointer !important;
}


.imagenContacto{
	vertical-align:top;
	margin-top:-60px;
}

/*********************************************** 360 fondo circulo ***********************************************/
#prodandservCont{
	width:100%;
	height:468px;
	display:block;
}

#prodandservIcons{
	position:absolute;
	z-index:300;
	float:right;
	width:800px;
	height:468px;
	background-image:url('/wp-content/uploads/2018/03/prod_serv-01-800.png');
	background-repeat:no-repeat;
	background-size:cover;
	margin-left:50%;
	left:-400px;
}

#prodandservIcons div{
	position:absolute;
	float:left;
	width:80px;
	height:80px;
	cursor:pointer;
	border-radius: 40px;
}

#prodandservIcons div img{
	width:100%;
	height:auto;
}

#prodandservIcons div img.imgNormal{position:absolute;float:left;z-index:20;margin-top:0px;top:0px; margin-left:0px; left:0px;opacity:1;transition: opacity 2s;}

#prodandservIcons div img.imgHover{position:absolute;float:left;z-index:30;margin-top:0px;top:0px;margin-left:0px;left:0px;opacity:0;transition: opacity 2s;}

#prodandservIcons div .aniBck{
	position:absolute;
	float:left;
	z-index:10;
    width: 1px;
    height: 1px;
	margin-top:-50%;
	margin-left:50%;
    border-radius: 1px;
    background-color: rgba(255,255,255,0);
    -webkit-transition: width 2s, height 2s, border-radius 2s, margin 2s, background-color 2s;
    transition: width 2s, height 2s, border-radius 2s, margin 2s,  background-color 2s;
}

#iconoResguardo{position:absolute;z-index:100;margin-left:240px; margin-top:15px;}
#iconoDesarrollo{position:absolute;z-index:101;margin-left:145px; margin-top:20px;}
#iconoAdministracion{position:absolute;z-index:102;margin-left:50px; margin-top:70px;}
#iconoProteccion{position:absolute;z-index:103;margin-left:20px; margin-top:150px;}
#iconoAlmacenamiento{position:absolute;z-index:104;margin-left:25px; margin-top:240px;}
#iconoDespliegue{position:absolute;z-index:105;margin-left:65px; margin-top:320px;}
#iconoProcesamiento{position:absolute;z-index:106;margin-left:145px; margin-top:370px;}
#iconoTransmision{position:absolute;z-index:107; margin-left:240px; margin-top:370px;}
#iconoGeneracion{position:absolute;z-index:108; margin-left:326px; margin-top:323px;}
#iconoContinuidad{position:absolute;z-index:109; margin-left:420px; margin-top:43px;}
#iconoControl{position:absolute;z-index:110; margin-left:490px; margin-top:370px;}
#iconoGestion{position:absolute;z-index:111; margin-left:540px; margin-top:10px;}
#iconoEvaluacion{position:absolute;z-index:112; margin-left:643px; margin-top:50px;}
#iconoReaccion{position:absolute;z-index:113; margin-left:710px; margin-top:150px;}
#iconoDeteccion{position:absolute;z-index:114; margin-left:690px; margin-top:270px;}
#iconoPrevencion{position:absolute;z-index:115; margin-left:610px; margin-top:355px;}

#prodandservContGeneracion{position:absolute; z-index:10;}
#prodandservContTransmision{position:absolute;z-index:20;}
#prodandservContProcesamiento{position:absolute;z-index:30;}
#prodandservContDespliegue{position:absolute;z-index:40;}
#prodandservContAlmacenamiento{position:absolute;z-index:50;}
#prodandservContProteccion{position:absolute;z-index:60;}
#prodandservContAdministracion{position:absolute;z-index:70;}
#prodandservContDesarrollo{position:absolute;z-index:80;}
#prodandservContResguardo{position:absolute;z-index:90;}
#prodandservContControl{position:absolute;z-index:100;}
#prodandservContPrevencion{position:absolute;z-index:110;}
#prodandservContDeteccion{position:absolute;z-index:120;}
#prodandservContReaccion{position:absolute;z-index:130;}
#prodandservContEvaluacion{position:absolute;z-index:140;}
#prodandservContGestion{position:absolute;z-index:150;}
#prodandservContContinuidad{position:absolute;z-index:160;}

#prodandservContGeneracion, #prodandservContTransmision, #prodandservContProcesamiento, #prodandservContDespliegue, #prodandservContAlmacenamiento, #prodandservContProteccion, #prodandservContAdministracion, #prodandservContDesarrollo, #prodandservContResguardo, #prodandservContControl, #prodandservContPrevencion, #prodandservContDeteccion, #prodandservContReaccion, #prodandservContEvaluacion, #prodandservContGestion, #prodandservContContinuidad{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

#iconoResguardo:hover img.imgNormal{opacity: 0;}
#iconoResguardo:hover img.imgHover{opacity: 1;}

#iconoDesarrollo:hover img.imgNormal{opacity: 0;}
#iconoDesarrollo:hover img.imgHover{opacity: 1;}

#iconoAdministracion:hover img.imgNormal{opacity: 0;}
#iconoAdministracion:hover img.imgHover{opacity: 1;}

#iconoProteccion:hover img.imgNormal{opacity: 0;}
#iconoProteccion:hover img.imgHover{opacity: 1;}

#iconoAlmacenamiento:hover img.imgNormal{opacity: 0;}
#iconoAlmacenamiento:hover img.imgHover{opacity: 1;}

#iconoDespliegue:hover img.imgNormal{opacity: 0;}
#iconoDespliegue:hover img.imgHover{opacity: 1;}

#iconoProcesamiento:hover img.imgNormal{opacity: 0;}
#iconoProcesamiento:hover img.imgHover{opacity: 1;}

#iconoTransmision:hover img.imgNormal{opacity: 0;}
#iconoTransmision:hover img.imgHover{opacity: 1;}

#iconoGeneracion:hover img.imgNormal{opacity: 0;}
#iconoGeneracion:hover img.imgHover{opacity: 1;}

#iconoContinuidad:hover img.imgNormal{opacity: 0;}
#iconoContinuidad:hover img.imgHover{opacity: 1;}

#iconoControl:hover img.imgNormal{opacity: 0;}
#iconoControl:hover img.imgHover{opacity: 1;}

#iconoGestion:hover img.imgNormal{opacity: 0;}
#iconoGestion:hover img.imgHover{opacity: 1;}

#iconoEvaluacion:hover img.imgNormal{opacity: 0;}
#iconoEvaluacion:hover img.imgHover{opacity: 1;}

#iconoReaccion:hover img.imgNormal{opacity: 0;}
#iconoReaccion:hover img.imgHover{opacity: 1;}

#iconoDeteccion:hover img.imgNormal{opacity: 0;}
#iconoDeteccion:hover img.imgHover{opacity: 1;}

#iconoPrevencion:hover img.imgNormal{opacity: 0;}
#iconoPrevencion:hover img.imgHover{opacity: 1;}

.prodandservContTxt{
	position:absolute;
	z-index:200;
	float:left;
	height:468px;
	width:500px;
	margin-top:150px;
	top:0px;
	vertical-align:top;
}

.prodandservContTxt h2{
	font-size:24px;
	text-align:left;
	color:#000;
	margin:0 0 0 45px !important;
}

.prodandservContTxt h2:before{
	display:none;
}

.prodandservContTxt h2 img{
	vertical-align:middle;
	height:60px;
	width:auto;
	margin-right:10px;
}

.prodandservContTxt p{
	font-size:14px;
	line-height:16px;
	text-align:left;
	color:#000;
	margin:0 0 20px 45px;
	padding:0px;
}

.prodandservContTxt li{
	font-size:12px;
	list-style-type: none;
	line-height:14px;
	color:#000;
	margin-bottom:20px;
	text-align:justify;
}

.prodandservContTxt li span{
	display:block;
	font-weight:bold;
}

.prodandservContTxt li img{
	height:30px;
	width:auto;
	float:left;
	margin-right:10px;
}


@keyframes botonActivo {
	from {
   background-color: rgba(255,255,255,0);
	}
	to {
    background-color:rgba(255,255,255,0.2);
	}
}

.miAnime {
	animation-name: botonActivo;
	animation-iteration-count:infinite;
	animation-duration: 900ms;
	animation-direction: alternate-reverse;
}

.infinitoCenter {
    margin-left:50%;
	left:-200px;
	}

.miInfinitoAni {
	margin-right:0;
}

.cherry-banner.style_1 .cherry-banner_wrap a.cherry-btn-info{
	background-color:#fff !important;
	color:#000  !important;
}

.cherry-banner.style_1 .cherry-banner_wrap a.cherry-btn-info:hover{
background-color:#00a4f7 !important;
	color:#fff !important;
}
/*********************************************** /360 fondo circulo ***********************************************/
@keyframes listaLogosSociosGrow {
	from {
    width: 100px;
	height:auto;
	}
	to {
	width: 150px;
	height:auto;
	}
}

@keyframes listaLogosSociosDownAni {
	from {
    width: 150px;
	height:auto;
	}
	to {
	width: 100px;
	height:auto;
	}
}

.listaLogosSociosGrowAni {
	animation-name: listaLogosSociosGrow;
	animation-duration: 1s;
	animation-fill-mode:forwards;
}

.listaLogosSociosDownAni {
	animation-name: listaLogosSociosGrow;
	animation-duration: 1s;
	animation-fill-mode:forwards;
}

.listaLogosSocios{
    text-align:center;
	margin-top:20px;
}

.listaLogosSocios div{
    width:195px;
	height:100px;
	border:1px solid transparent;
	float:left;
	vertical-align:middle;
}

.listaLogosSocios div img{
    width:100px;
	height:auto;
	cursor:pointer;
}
.listaLogosSocios div img:hover {
	animation-name: listaLogosSociosGrow;
	animation-duration: 1s;
	animation-fill-mode:forwards;
}

.listaLogosSocios div img:not( :hover ){
	animation-name: listaLogosSociosDownAni;
	animation-duration: 1s;
	animation-fill-mode:forwards;
}

.visibleOff{opacity:0;}
.visibleOn{opacity:1}

.tituloCatalogo{
	color:#0F4A6D;
	font-size:24px !important;
	text-align:center;
}

/************************************** ANIMACION MENU  *******************************/
.isStick, .header-top{
	transition:500ms all ease !important;
}

/************************************** AVISO DE PRIVACIDAD  *******************************/

.avisoPriv h2{
margin-top:100px;
text-align:center;
}

.avisoPriv h2:before {
   margin-left: 50% !important;
}

.avisoPriv p{
	text-align:justify !important;
	margin-bottom:20px;
	font-size:18px !important;
}

.avisoPriv ul{
	text-align:left !important;
	list-style-type: none;
}

.avisoPriv a{
	font-weight:bold;
}

/* Para 1280px */  
@media only screen and (max-width: 1280px) and (min-width: 1025px) {  
 	.columnaPopUp{
		width:32.3% !important;
	}
}  

/* Para 1024px */  
@media only screen and (max-width: 1024px) and (min-width: 981px) {  
 	.columnaPopUp{
		width:46.5% !important;
	}
}  

/* Para 980px */  
@media only screen and (max-width: 980px) and (min-width: 621px) {  
 	.columnaPopUp{
		width:50% !important;
	}
}  
  
/* Para 320px */  
@media only screen and (max-width: 620px) and (min-width: 5px)  {  
	.columnaPopUp{
		width:100% !important;
	}
	
/****************** unidades de negocio ******************/

.unidadNegociosNueva{
	display:none;
}

.unidadNegociosAltura{
	display:block;
}

} 
	
/********************************************************************/
.nivel_uno_abierto{
	background-color: #28adbb;
	color:#0e4a6d;
}

.nivel_uno_abierto_dos{
	background-color: #e4e4e4;
	color:#0e4a6d;
}

div.acor_nievel_uno {
    background: #0F4A6D;
    font-size: 16px;
	color:#fff;
	border-bottom:1px solid #fff;
	text-align:center;
	cursor:pointer;
  }


div.acor_nievel_uno div{
	/* border-top:1px solid #0c4160; */
    text-align:left;
  }

div.acor_nievel_uno div img{
	width:60px;
	height:auto;
	vertical-align:middle;
	margin:auto 20px;
  }
  
div.acor_nievel_uno p{
		margin:0px;
		padding:15px 0;
	}

#faseSegu{
	background-color:#2D9AD0;
}

.faseSeguLevelDos{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c69ab+0,44bde8+100 */
background: #0c69ab; /* Old browsers */
background: -moz-linear-gradient(left, #0c69ab 0%, #44bde8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0c69ab 0%,#44bde8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0c69ab 0%,#44bde8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* margen de titulos */
div.acor_nievel_uno div.faseInfoLevelDos p, div.acor_nievel_uno div.faseSeguLevelDos p{
		margin:0px;
		padding:0px;
		text-align:left !important;
	}

/* renglones de contenido de acordeon*/
div.acor_nievel_uno div.faseInfoLevelDos ul, div.acor_nievel_uno div.faseSeguLevelDos ul{
		margin:0px  !important;
		padding: 7px 0 0 0 !important;
		background-color:#e4e4e4;
	}

div.acor_nievel_uno div.faseInfoLevelDos ul li, div.acor_nievel_uno div.faseSeguLevelDos ul li{
		color:#5c5c5c;
		padding:10px 25px 15px 0;
		list-style-type: none;
		line-height:16px;
		border-bottom:1px solid #cecece;
		overflow:hidden;
	}

div.acor_nievel_uno div.faseInfoLevelDos ul li span, div.acor_nievel_uno div.faseSeguLevelDos ul li span{
		display:block;
		font-weight:bold;
	}

div.acor_nievel_uno div.faseInfoLevelDos ul li img, div.acor_nievel_uno div.faseSeguLevelDos ul li img{
		width:30px;
		height:auto;
		float:left;
		vertical-align:middle;
		margin-left:30px;
		margin-bottom:66px;
	}

/******************************** Para 360 ************************************/  
@media only screen and (max-width: 720px) and (min-width: 5px)  {  
	.tressesentaDesktop{
		display:none !important;
	}
	
	.tressesentaMovil{
		display:block;
	}
	
	.sp-slides-container{
		background-size:cover !important;
	}
	
	.catalogoProductosHome{
		padding-bottom: 0 !important;
	}
} 

@media only screen and (min-width: 721px)  {  
	.tressesentaDesktop{
		display:block;
	}
	
	.tressesentaMovil{
		display:none !important;
	}
	
} 

/*********************************** responsivo general ************************************/
@media only screen and (max-width: 600px)  { 
	
/************************* POPUPS ****************************/
	#popmake-963{
		top:140px !important;
	}
	
	.nosotrosTitulos {
    	margin: 15px 0;
	}
	
	.nosotrosTitulos:before {
    	bottom: 5px;
	}
	
	.titCentrado h2{
		text-align:center !important;
	}
	
	.titCentrado h2:before{
		margin-left: 50% !important;
		left:-25px;
	}

/****************** SLIDER ****************/
    
	.sp-image-container{
		/*height:800px !important;*/
		height:inherit !important;
	}

	.slider-pro{
		height:100% !important;
		width:100% !important;
		overflow:hidden !important;
	}

	.slider-pro img.sp-image{
		/*min-width: 280% !important;
		width: 280% !important;
		max-width: 280% !important;
		margin-left: -25% !important;*/
		min-width: inherit !important;
		width: inherit !important;
		max-width: inherit !important;
		margin-left: inherit !important;
	}
	
	.static-simple-slider .sp-layer h2{
		font-size:26px !important;
		height:180px;
		text-shadow:2px 2px 2px rgba(0,0,0, .5);
		word-break: normal !important;
	}

/****************** NUESTRA PROPUESTA ****************/
	.nuestraPropuestaAltura{
		padding-top:20px !important;
		padding-bottom:80px !important;
	}
	
	div#nuestraPropuestaAni p{
		padding:0 20px !important;
	}
	
/****************** VERTICALES ****************/
	.verticalBeneficio{
		padding-right:70px !important;
		margin-left:80px;
	}
	
	
	.verticalBeneficioSolo{
		margin-left:80px;
	}

	.cherry-banner_wrap{
		min-height: 520px !important;
		height: 520px !important;
		max-height:520px !important;
	}
		
	.cherry-banner.style_1 .cherry-banner_wrap .cherry-banner_content h3{
		margin-bottom:5px !important;	
	}
	.cherry-banner_content p{
		margin-bottom:20px !important;	
	}
	
	.SolucionesContenido{
		height:auto !important;
	}
	
	.SolucionesSubtitulosAltura{
		height: auto !important;
	}
	
	.cherry-banner.style_1 .cherry-banner_wrap{
		padding-top:50px !important;
	}
	
	.iconoVerticales {
    	margin-top: 0 !important;
	}
	
	.verticalWrapper{
		background-repeat: no-repeat;
    	background-size: 100% auto;
		background-position:0 275px;
		height:550px !important; /* modificar a diferentes resoluciones */
	}
	
	.justificadoResponsivo{
		text-align:justify !important;
	}
	
	.imagenesSoluciones{
		margin-right:-20px;
	}
	
	.verticalContent {
		margin-top:60px;
		padding-top:35px;
		padding-bottom:30px;
		padding-left:25px;
		width:100% !important;
	}
	
	.verticalContent h2{
		font-size:28px;
	}
	
	.verticalContent h3{
		font-size:20px !important;
		line-height:normal !important;
		margin-top:12px;
	}
	
	.verticalContent>h3>span{
		display:inline;
	}
	
	.tituloIconos{
		font-size:24px !important;
	}
	
	.infraestructura .cherry-banner_wrap {
    	background-image: url(/wp-content/uploads/2018/04/SeccionMovil-01-1.png);
	}
	
	.comunicaciones .cherry-banner_wrap {
    	background-image: url(/wp-content/uploads/2018/04/SeccionMovil-02-1.png);
	}
	
	.seguridad .cherry-banner_wrap {
    	background-image: url(/wp-content/uploads/2018/04/SeccionMovil-03-1.png);
	}
	
	.integracion .cherry-banner_wrap {
    	background-image: url(/wp-content/uploads/2018/04/SeccionMovil-04-1.png);
	}
	
	.verticalWrapperIntegracion{
		background-image:url('/wp-content/uploads/2018/04/integra-tec1211x808-01.png') !important;
		background-repeat:no-repeat;
		background-position:-150px 335px;
		background-size:650px auto;
	}
	
	.verticalWrapperSeguridad{
		background-image:url('/wp-content/uploads/2018/04/FotosSecciones-klc-03-1.png') !important;
		background-repeat:no-repeat;
		background-position:-200px 319px;
		background-size:650px auto;
	}
	
	
/****************** NOSOTROS ****************/
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0px !important;
}
/****************** SOCIOS TECNOLOGICOS ****************/
	#sociosAni p{
		text-align:justify;
		padding:0 25px;
		margin:25px 0px;
	}
	
	div.listaLogosSocios div{
		width:50%;
		text-align:center !important;
	}
	
	.padding10{
		padding:0 !important;
	}
	
	.justificadoResponsivo{
		text-align:justify;
		padding:0 35px;
	}

/****************** CONTACTO ****************/
	.imagenContacto{
		margin-top:50px !important;
	}
	
	.list_1 ul{
		margin-right:35px  !important;
	}
	
	.list_1 ul li{
		font-size:16px !important;
	}
	
	.contactoMailIcon{
		display: block !important;
	}
	
	.sobreContacto{
		margin-left:0px;
	}
	
	.margenSuperiorInfoContacto{
		margin-top:30px;
	}
	
	.avisoPriv{
		padding-right:30px !important;
		padding-left:30px !important;
	}
/************ FORM *************/
	.wpcf7-form-control-wrap{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	
	.wpcf7-select{
		width:90% !important;
	}
	
	.sociosPadding{
		padding-top:50px !important;
		padding-bottom:50px !important;
	}
	
	.sociosPadding p{
		text-align:justify !important;
		padding-right:15px !important;
		padding-left:15px !important;
	}
	
	.miSelectF span{
		margin-left:10px !important;
	}
	
/***************************************** MENU *****************************************/
		
	#static-area-header-top{
		background-color:#0E4A6D !important;
		height:80px !important;
		min-height:80px !important;
		max-height:80px !important;
		padding:0px !important;
		position:fixed;
		width:100% !important;
	}
	
	.static-header-logo{
		position:absolute;
		z-index:9999 !important;
		float:right;
		right:50% !important;
		margin-right:-80px !important;
		margin-top:15px !important;
	}
	
	.static-header-logo img{
		height:50px !important;
		width:159px;
	}
	
	.static-header-menu{
	    position:absolute;
		float:left;
		top:5px;
		width:70%;
		padding:0 !important;
	}
	
	.menu-primary{
		margin-top:10px !important;
	}
	
	#menu-primary{
		background-color:transparent;
	}
	
	.menu-primary_trigger{
		width:40px !important;
		height:40px !important;
		max-width:40px !important;
		max-height:40px !important;
		background-color:#0E4A6D !important;
		/*border: 1px solid #0d4464 !important;*/
	}
	
	.menu-items[aria-expanded="true"]{
		background-color:#0E4A6D !important;
		margin-top:25px !important;
		width:100% !important;
		height:100vh !important;
	}
	
	#menu-primary .menu-items > li > a {
		background-color:#0E4A6D !important;
		color:#fff !important;
		padding-top:11px !important;
		padding-bottom:11px !important;
		font-size:16px !important;
	}
	
	#menu-primary .menu-items ul {
		background-color:#0E4A6D !important;
		color:#fff !important;
		padding-left:0px !important;
	}
	
	.home #menu-primary #menu-item-1459 a{
		border-radius:0px !important;
	}
	
	.home #menu-primary #menu-item-1459 a:hover{
		border-radius:0px !important;
	}
	
	.home #menu-primary #menu-item-2476 a{
		border-radius:0px !important;
	}
	
	.home #menu-primary #menu-item-2476 a:hover{
		border-radius:0px !important;
	}
	
	.home #menu-primary #menu-item-716 a, .home #menu-primary #menu-item-717 a{
		margin-left:10px !important;
	}
	
	.home #menu-primary #menu-item-716 a:hover, .home #menu-primary #menu-item-717 a:hover{
		color:#1cb7e9 !important;
	}
	
	#menu-primary .menu-items{
		text-align:left;
	}
	
	#menu-primary .menu-items > li a{
		background-color:#0E4A6D !important;
		color:#fff !important;
	}
	
	#menu-primary .menu-items > li li a{
		background-color:#0E4A6D !important;
		color:#fff !important;
	}
	
	#menu-primary .menu-items > li.current-menu-item > a {
    background-color: #0E4A6D !important;
    color: #ffffff;
	}
	
	#menu-primary button{
		font-size:22px !important;
	}
	
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before{
		margin-left:15px;
	}
	
	#menu-primary .menu-items > li#menu-item-715, #menu-primary .menu-items > li#menu-item-2496{
		margin-bottom:-10px !important;
	}
	
	/* botones menu lenguaje */
	#menu-primary .menu-items > li#menu-item-2406-es a, #menu-primary .menu-items > li#menu-item-2406-en a, #menu-primary .menu-items > li#menu-item-2707-es a, #menu-primary .menu-items > li#menu-item-2707-en a{
	border:1px solid !important;
	border-top-color: #fff !important;
 	 border-right-color: #0e4a6d !important;
  	border-bottom-color: #0e4a6d !important;
  	border-left-color: #0e4a6d !important;
	margin-left:12px !important;
	padding-left:0px;
	width:70px !important;
	margin-left:12px !important;
	padding-left:0px;
	}
	
	.buBr{ /*business units boton*/
		display:inline;
	}
	
/*********************************** imagen slider 100% alto ********************************/
	.sp-mask {
		/*height: 100vh !important;*/ /*SRFIX*/
	}
	
	.sp-mask img{
		/*height: 100% !important;*/
		height: inherit !important;
		width:auto !important;
	}
	
}
@media only screen and (min-width:415px) and (max-width:600px) {
    .slider-container {margin-top:80px;}
	.sp-mask img{
		height: 100% !important;
	}
}
@media only screen and (max-width: 380px)  {  
	.verticalWrapper{
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position:0 320px;
			height:560px !important; /* modificar a diferentes resoluciones */
		}
		

.pum-theme-lightbox .pum-container iframe{
	width:360px;
	height:202px;
}
	
#videoInstitucional{
	display:none;
}
	
#playVideoIns{
	display:none;
}

#videoInstitucionalMovil{
	display:block;
}
	
#playVideoInsMovil{
	display:block;
}


}

/****************************** animacion verticales ********************************/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated2 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated3 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}


@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

.invisible{
	visibility:hidden;
}


#menu-primary #menu-item-2406-es a, #menu-primary #menu-item-2406-en a, #menu-primary #menu-item-2707-es a, #menu-primary #menu-item-2707-en a{
    color: #fff !important;
    background-color: transparent !important;
    border-radius: 0px !important;
	border-left: 1px solid #fff !important;
	font-size:12px !important;
	margin-left:18px !important;
}

#menu-primary #menu-item-2406-es a:hover, #menu-primary #menu-item-2406-en a:hover, #menu-primary #menu-item-2707-es a:hover, #menu-primary #menu-item-2707-en a:hover{
    color: #1CB8EA !important;
}

.unidadNegociosNueva{
	background-color:#0E4A6D;
	background-image:url('/wp-content/uploads/2018/05/sklc-uni.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	padding:150px 0;
}

.unidadNegociosNueva h2{
	color:#fff;
text-align:center;
}
.unidadNegociosNueva h2:before{
left:50%;
margin-left:-25px;
}

.unidadNegociosNueva p{
	color:#fff;
	font-size:20px;
	font-weight:300;
	line-height: 28px;
	text-align:center;
	max-width:900px;
	margin:50px auto 0 auto;
	padding:0 20px;
}

.franjaGris{
	background-color:#333333;
	width:100%;
	min-height:133px;
	margin-top:50px;
}

.franjaGrisSeccion{
	margin-top:20px;
	float:left;
	width:20%;
	border:1px solid transparent;
	cursor:pointer;
}

.franjaGrisImagen{
	height:50px;
	padding:10px 0;
	margin-bottom:30px;
}

.franjaGrisSeccion h3, .franjaGrisSeccion h4{
	color: #fff;
	text-align:center;
	font-size:14px !important;
	line-height:16px !important;
	font-weight:bold;
	margin:0;
	padding:0 10px;
	letter-spacing: 1px !important;
}

.franjaGrisSeccion h4{
	font-size:13px !important;
	line-height:15px;
	font-weight:normal  !important;
}

.franjaGrisSeparador{
	position:relative;
	height:5px;
	width:70px;
	margin:10px 0;
	margin-left:50%;
	left:-35px;
}

.franjaGrisSeparadorInfraestructura{
	background: linear-gradient(to right, #29ABE2, #0071bc);
}

.franjaGrisSeparadorComunicaciones{
background: linear-gradient(to right, #8cc63f, #009245);
}

.franjaGrisSeparadorSeguridad{
background: linear-gradient(to right, #f17c24, #c1272d);
}

.franjaGrisSeparadorIntegracion{
background: linear-gradient(to right, #65c8d0, #0097bf);
}

.franjaGrisImagenW{
	position:relative;
	z-index:100;
	float:left;
	height:50px;
	width:auto;
	left:50%;
	margin-left:-25px;
}

.franjaGrisImagenC{
	position:relative;
	z-index:50;
	float:left;
	height:50px;
	width:auto;
	left:50%;
	margin-left:-50px;
	margin-top:-28px;
	opacity:0;
}

/* Grow */
@keyframes grow-imagenW-ani {
    from {
		opacity: 1;
		transform: scale(1);
	}to{
		opacity: 0;
		transform: scale(1.5);
	}
}


@keyframes grow-imagenC-ani {
    from {
		opacity: 0;
		transform: scale(1);
	}to{
		opacity: 1;
		transform: scale(1.5);
	}
}

.grow-imagenW{
	-webkit-animation-name: grow-imagenW-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	 -webkit-animation-fill-mode: forwards;
    animation-name: grow-imagenW-ani;
    animation-duration: 1s;
	animation-fill-mode: forwards;
}

.grow-imagenC {
	-webkit-animation-name: grow-imagenC-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	 -webkit-animation-fill-mode: forwards;
    animation-name: grow-imagenC-ani;
    animation-duration: 1s;
	animation-fill-mode: forwards;
}

/* SHRINK */
@keyframes shrink-imagenW-ani {
    from {
		opacity: 0;
		transform: scale(1.5);
	}to{
		opacity: 1;
		transform: scale(1);
	}
}


@keyframes shrink-imagenC-ani {
    from {
		opacity: 1;
		transform: scale(1.5);
	}to{
		opacity: 0;
		transform: scale(1);
	}
}

.shrink-imagenW{
	-webkit-animation-name: shrink-imagenW-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	 -webkit-animation-fill-mode: forwards;
    animation-name: shrink-imagenW-ani;
    animation-duration: 1s;
	animation-fill-mode: forwards;
}

.shrink-imagenC {
	-webkit-animation-name: shrink-imagenC-ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	 -webkit-animation-fill-mode: forwards;
    animation-name: shrink-imagenC-ani;
    animation-duration: 1s;
	animation-fill-mode: forwards;
}

/* Social Icons */.share-links {
    vertical-align: middle;
}
.share-links a {
    font-size: 14px;
    color: #fff !important;
    text-indent: -9999em;
    text-align: center;
    width: 2.2857em;
    height: 2.2857em;
    display: inline-block;
    margin: 0.2857em 0.5714em 0.2857em 0;
    border-radius: 4px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.share-links a:before {
    font-family: "FontAwesome";
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 23px;
    height: 22px;
    margin: auto;
}
.share-links.disable-br a {
    border-radius: 0 !important;
}
.share-links .share-twitter {
    background: #1aa9e1;
}
.share-links .share-twitter:hover {
    color: #fff;
    background: #45bbe9;
}
.share-links .share-twitter:before {
    content: "\f099";
}
.share-links .share-facebook {
    background: #3b5a9a;
}
.share-links .share-facebook:hover {
    color: #fff;
    background: #4d71bb;
}
.share-links .share-facebook:before {
    content: "\f09a";
}
.share-links .share-linkedin {
    background: #0073b2;
}
.share-links .share-linkedin:hover {
    color: #fff;
    background: #0094e5;
}
.share-links .share-linkedin:before {
    content: "\f0e1";
}
.share-links .share-rss {
    background: #ff8201;
}
.share-links .share-rss:hover {
    color: #fff;
    background: #ff9b34;
}
.share-links .share-rss:before {
    content: "\f09e";
}
.share-links .share-googleplus {
    background: #dd4b39;
}
.share-links .share-googleplus:hover {
    color: #fff;
    background: #e47365;
}
.share-links .share-googleplus:before {
    content: "\f0d5";
}
.share-links .share-pinterest {
    background: #cc2127;
}
.share-links .share-pinterest:hover {
    color: #fff;
    background: #e04046;
}
.share-links .share-pinterest:before {
    content: "\f0d2";
}
.share-links .share-youtube {
    background: #c3191e;
}
.share-links .share-youtube:hover {
    color: #fff;
    background: #e42b31;
}
.share-links .share-youtube:before {
    content: "\f167";
}
.share-links .share-instagram {
    background: #7c4a3a;
}
.share-links .share-instagram:hover {
    color: #fff;
    background: #9f5f4a;
}
.share-links .share-instagram:before {
    content: "\f16d";
}
.share-links .share-skype {
    background: #00b0f6;
}
.share-links .share-skype:hover {
    color: #fff;
    background: #2ac2ff;
}
.share-links .share-skype:before {
    content: "\f17e";
}
.share-links .share-email {
    background: #dd4b39;
}
.share-links .share-email:hover {
    color: #fff;
    background: #e47365;
}
.share-links .share-email:before {
    content: "\f0e0";
}
.share-links .share-vk {
    background: #6383a8;
}
.share-links .share-vk:hover {
    color: #fff;
    background: #849dba;
}
.share-links .share-vk:before {
    content: "\f189";
}
.share-links .share-xing {
    background: #1a7576;
}
.share-links .share-xing:hover {
    color: #fff;
    background: #239ea0;
}
.share-links .share-xing:before {
    content: "\f168";
}
.share-links .share-tumblr {
    background: #304e6c;
}
.share-links .share-tumblr:hover {
    color: #fff;
    background: #40688f;
}
.share-links .share-tumblr:before {
    content: "\f173";
}
.share-links .share-reddit {
    background: #ff4107;
}
.share-links .share-reddit:hover {
    color: #fff;
    background: #ff683a;
}
.share-links .share-reddit:before {
    content: "\f1a1";
}
.share-links .share-vimeo {
    background: #52b8ea;
}
.share-links .share-vimeo:hover {
    color: #fff;
    background: #7fcbf0;
}
.share-links .share-vimeo:before {
    content: "\f27d";
}
.share-links .share-telegram {
    background: #08c;
}
.share-links .share-telegram:hover {
    color: #fff;
    background: #0af;
}
.share-links .share-telegram:before {
    content: "\f1d8";
}
.share-links .share-yelp {
    background: #c41200;
}
.share-links .share-yelp:hover {
    color: #fff;
    background: #f71700;
}
.share-links .share-yelp:before {
    content: "\f1e9";
}
.share-links .share-flickr {
    background: #0063dc;
}
.share-links .share-flickr:hover {
    color: #fff;
    background: #107cff;
}
.share-links .share-flickr:before {
    content: "\f16e";
}
.share-links .share-whatsapp {
    background: #3c8a38;
}
.share-links .share-whatsapp:hover {
    color: #fff;
    background: #4cae47;
}
.share-links .share-whatsapp:before {
    content: "\f232";
}
.share-links.default-skin a {
    color: #fff !important;
}
.share-links.default-skin a:hover {
    opacity: 0.8;
}
.share-links.default-skin .share-twitter {
    background: #1aa9e1 !important;
}
.share-links.default-skin .share-facebook {
    background: #3b5a9a !important;
}
.share-links.default-skin .share-linkedin {
    background: #0073b2 !important;
}
.share-links.default-skin .share-rss {
    background: #ff8201 !important;
}
.share-links.default-skin .share-googleplus {
    background: #dd4b39 !important;
}
.share-links.default-skin .share-pinterest {
    background: #cc2127 !important;
}
.share-links.default-skin .share-youtube {
    background: #c3191e !important;
}
.share-links.default-skin .share-instagram {
    background: #7c4a3a !important;
}
.share-links.default-skin .share-skype {
    background: #00b0f6 !important;
}
.share-links.default-skin .share-email {
    background: #dd4b39 !important;
}
.share-links.default-skin .share-vk {
    background: #6383a8 !important;
}
.share-links.default-skin .share-xing {
    background: #1a7576 !important;
}
.share-links.default-skin .share-tumblr {
    background: #304e6c !important;
}
.share-links.default-skin .share-reddit {
    background: #ff4107 !important;
}
.share-links.default-skin .share-vimeo {
    background: #52b8ea !important;
}
.share-links.default-skin .share-telegram {
    background: #08c !important;
}
.share-links.default-skin .share-yelp {
    background: #c41200 !important;
}
.share-links.default-skin .share-flickr {
    background: #0063dc !important;
}
.share-links.default-skin .share-whatsapp {
    background: #3c8a38 !important;
}
.widget.follow-us .share-links .share-twitter:hover, #footer .widget.follow-us .share-links .share-twitter:hover, .header-wrapper.header-side-nav #header .share-links .share-twitter:hover, #header.header-corporate .share-links .share-twitter:hover {
    background: #1aa9e1;
}
.widget.follow-us .share-links .share-facebook:hover, #footer .widget.follow-us .share-links .share-facebook:hover, .header-wrapper.header-side-nav #header .share-links .share-facebook:hover, #header.header-corporate .share-links .share-facebook:hover {
    background: #3b5a9a;
}
.widget.follow-us .share-links .share-linkedin:hover, #footer .widget.follow-us .share-links .share-linkedin:hover, .header-wrapper.header-side-nav #header .share-links .share-linkedin:hover, #header.header-corporate .share-links .share-linkedin:hover {
    background: #0073b2;
}
.widget.follow-us .share-links .share-rss:hover, #footer .widget.follow-us .share-links .share-rss:hover, .header-wrapper.header-side-nav #header .share-links .share-rss:hover, #header.header-corporate .share-links .share-rss:hover {
    background: #ff8201;
}
.widget.follow-us .share-links .share-googleplus:hover, #footer .widget.follow-us .share-links .share-googleplus:hover, .header-wrapper.header-side-nav #header .share-links .share-googleplus:hover, #header.header-corporate .share-links .share-googleplus:hover {
    background: #dd4b39;
}
.widget.follow-us .share-links .share-pinterest:hover, #footer .widget.follow-us .share-links .share-pinterest:hover, .header-wrapper.header-side-nav #header .share-links .share-pinterest:hover, #header.header-corporate .share-links .share-pinterest:hover {
    background: #cc2127;
}
.widget.follow-us .share-links .share-youtube:hover, #footer .widget.follow-us .share-links .share-youtube:hover, .header-wrapper.header-side-nav #header .share-links .share-youtube:hover, #header.header-corporate .share-links .share-youtube:hover {
    background: #c3191e;
}
.widget.follow-us .share-links .share-instagram:hover, #footer .widget.follow-us .share-links .share-instagram:hover, .header-wrapper.header-side-nav #header .share-links .share-instagram:hover, #header.header-corporate .share-links .share-instagram:hover {
    background: #7c4a3a;
}
.widget.follow-us .share-links .share-skype:hover, #footer .widget.follow-us .share-links .share-skype:hover, .header-wrapper.header-side-nav #header .share-links .share-skype:hover, #header.header-corporate .share-links .share-skype:hover {
    background: #00b0f6;
}
.widget.follow-us .share-links .share-email:hover, #footer .widget.follow-us .share-links .share-email:hover, .header-wrapper.header-side-nav #header .share-links .share-email:hover, #header.header-corporate .share-links .share-email:hover {
    background: #dd4b39;
}
.widget.follow-us .share-links .share-vk:hover, #footer .widget.follow-us .share-links .share-vk:hover, .header-wrapper.header-side-nav #header .share-links .share-vk:hover, #header.header-corporate .share-links .share-vk:hover {
    background: #6383a8;
}
.widget.follow-us .share-links .share-xing:hover, #footer .widget.follow-us .share-links .share-xing:hover, .header-wrapper.header-side-nav #header .share-links .share-xing:hover, #header.header-corporate .share-links .share-xing:hover {
    background: #1a7576;
}
.widget.follow-us .share-links .share-tumblr:hover, #footer .widget.follow-us .share-links .share-tumblr:hover, .header-wrapper.header-side-nav #header .share-links .share-tumblr:hover, #header.header-corporate .share-links .share-tumblr:hover {
    background: #304e6c;
}
.widget.follow-us .share-links .share-reddit:hover, #footer .widget.follow-us .share-links .share-reddit:hover, .header-wrapper.header-side-nav #header .share-links .share-reddit:hover, #header.header-corporate .share-links .share-reddit:hover {
    background: #ff4107;
}
.widget.follow-us .share-links .share-vimeo:hover, #footer .widget.follow-us .share-links .share-vimeo:hover, .header-wrapper.header-side-nav #header .share-links .share-vimeo:hover, #header.header-corporate .share-links .share-vimeo:hover {
    background: #52b8ea;
}
.widget.follow-us .share-links .share-telegram:hover, #footer .widget.follow-us .share-links .share-telegram:hover, .header-wrapper.header-side-nav #header .share-links .share-telegram:hover, #header.header-corporate .share-links .share-telegram:hover {
    background: #08c;
}
.widget.follow-us .share-links .share-yelp:hover, #footer .widget.follow-us .share-links .share-yelp:hover, .header-wrapper.header-side-nav #header .share-links .share-yelp:hover, #header.header-corporate .share-links .share-yelp:hover {
    background: #c41200;
}
.widget.follow-us .share-links .share-flickr:hover, #footer .widget.follow-us .share-links .share-flickr:hover, .header-wrapper.header-side-nav #header .share-links .share-flickr:hover, #header.header-corporate .share-links .share-flickr:hover {
    background: #0063dc;
}
.widget.follow-us .share-links .share-whatsapp:hover, #footer .widget.follow-us .share-links .share-whatsapp:hover, .header-wrapper.header-side-nav #header .share-links .share-whatsapp:hover, #header.header-corporate .share-links .share-whatsapp:hover {
    background: #3c8a38;
}

.share-links {display: inline-block; float: right; }
.share-links p { display: inline-block; line-height: 31px; margin: 0.2857em 0.5714em 0.2857em 0; color: #0e4a6d;}