@charset "utf-8";
/* CSS Document animaciones modificadas Lizeth Ramirez A */
/*
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?tt7jgz');
  src:  url('../fonts/icomoon.eot?tt7jgz#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?tt7jgz') format('truetype'),
        url('../fonts/icomoon.woff?tt7jgz') format('woff'),
        url('../fonts/icomoon.svg?tt7jgz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
/*  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ico-01:before {
  content: "\e900"; position: absolute;  top: -5px;
}
.icon-ico-02:before {
  content: "\e901"; left: -7%;position: absolute; top: 2px;
}
.icon-ico-03:before {
  content: "\e902"; left: -5%;    position: absolute;    top: -1px;
}
.icon-ico-04:before {
  content: "\e903";color: #ff8a0f; left: -3%; position: absolute;top: -6px;
}
.icon-ico-05:before {
  content: "\e904";color: #ff8a0f; left: -17%; position: absolute;top: -11px;
}
.icon-ico-06:before {
  content: "\e905";color: #ff8a0f;left: -20%;position: absolute; top: -13px;
}
.icon-ico-07:before {
  content: "\e906";color: #ff8a0f;left: -23%; position: absolute;
}
.icon-ico-08:before {
  content: "\e907";color: #ff8a0f;
}
.icon-ico-09:before {
  content: "\e908";color: #ff8a0f;  left: -19%; position: absolute;  top: -5px;
}

.icon-ico-10:before {
  content: "\e909"; left: -9%;  position: absolute;  top: -5px;
}
.icon-ico-11:before {
  content: "\e90a";color: #ff8a0f; left: -5%; position: absolute;    top: -7px;
}
.icon-ico-12:before {
  content: "\e90b";color: #ff8a0f; left: -4%; position: absolute;  top: -7px;
}
.icon-ico-13:before {
  content: "\e90c";color: #ff8a0f;    left: -18%; position: absolute;  top: -5px;
}
.icon-ico-14:before {
  content: "\e90d";color: #ff8a0f;  left: -10%; position: absolute;  top: 2px;
}
.icon-ico-15 .path1:before {
  content: "\e90e"; font-size:50px;
  color: rgb(255, 138, 15);
}
.icon-ico-15 .path2:before {
  content: "\e90f";font-size:50px;
  margin-left: -1em;
  color: none;
}
.icon-ico-15 .path3:before {
  content: "\e910";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path4:before {
  content: "\e911";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path5:before {
  content: "\e912";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path6:before {
  content: "\e913";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path7:before {
  content: "\e914";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path8:before {
  content: "\e915";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path9:before {
  content: "\e916";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path10:before {
  content: "\e917";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path11:before {
  content: "\e918";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-15 .path12:before {
  content: "\e919";font-size:50px;
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-16 .path1:before {
  content: "\e91a";
  color: rgb(255, 255, 255);
}
.icon-ico-16 .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(255, 138, 15);
}
.icon-ico-16 .path3:before {
  content: "\e91c";
  margin-left: -1em;
  color: none;
}
.icon-ico-17 .path1:before {
  content: "\e91d";
  color: rgb(6, 7, 9);
}
.icon-ico-17 .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: none;
}
.icon-ico-17 .path3:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-17 .path4:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-17 .path5:before {
  content: "\e921";
  margin-left: -1em;
  color: none;
}
.icon-ico-17 .path6:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(255, 138, 15);
}
.icon-ico-17 .path7:before {
  content: "\e923";
  margin-left: -1em;
  color: none;
}
.icon-ico-18 .path1:before {
  content: "\e924";
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path2:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(255, 138, 15);
}
.icon-ico-18 .path3:before {
  content: "\e926";
  margin-left: -1em;
  color: none;
}
.icon-ico-18 .path4:before {
  content: "\e927";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path5:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path6:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path7:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path8:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path9:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path10:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path11:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path12:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path13:before {
  content: "\e930";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path14:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path15:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path16:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path17:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path18:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path19:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path20:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path21:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path22:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path23:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path24:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-18 .path25:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(255, 138, 15);
}
.icon-ico-19 .path1:before {
  content: "\e93d";
  color: rgb(255, 138, 15);
}
.icon-ico-19 .path2:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-ico-19 .path3:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
*/


/***************IMAGENES OWL GRANDES **************/

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
/********FIN********/

@-webkit-keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes swing
{
15%
{
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
30%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
65%
{
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
}
80%
{
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
100%
{
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

/**********ALIADOS********/

.box {
	/* border:1px solid #333;*/
	cursor:pointer;
	border:none;
	 width:215px;
	 height:150px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg3 {
	 position:relative;
}
.actionImg3 img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg3 .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 padding-top:18.2%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
	 -moz-transition:opacity .3s ease-out;
}
.actionImg3 .hover .line1 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90.4%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3 .hover .line2 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90.5%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3 .hover .sub_tit{
	color:#fff;
	font-size:16px;
	transform:translate3d(0,-10px,0);
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	opacity:0;
	transition:transform .5s ease-out .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s;
	-moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;
}
.actionImg3:hover .hover{
	 opacity:1;
}
.actionImg3:hover .hover .sub_tit{
	opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
}
.actionImg3:hover .line1{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}
.actionImg3:hover .line2{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}

/********SECTORES DE IMPLEMENTACION********/

.inicio-sectores-img-a:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
/*start ------------
transform: scale(1,1) rotate(352deg)skew(0,0) translate(0,-10px) ; 
-webkit-transform: scale(1,1) rotate(352deg)skew(0,0) translate(0,-10px); 
-moz-transform: scale(1,1) rotate(352deg)skew(0,0) translate(0,-10px); 
transform-origin: 100% 100%; */ 
}
/*
.inicio-sectores-img-b:hover{

transform: scale(1,1) rotate(0)skew(0,0) translate(-37px,0); 
-webkit-transform: scale(1,1) rotate(0)skew(0,0) translate(-37px,0); 
-moz-transform: scale(1,1) rotate(0)skew(0,0) translate(-37px,0); 
transform-origin: 100% 100%; 	
	
}*/

.inicio-sectores-img-b{ }
.inicio-sectores-img-b:hover{
	/*  transform:translateX(-50px)*/
}

.inicio-sectores-img-c{
-webkit-transition-duration: 1.6s;
-moz-transition-duration: 1.6s;
-o-transition-duration: 1.6s;
}
.inicio-sectores-img-c:hover{
/*start ------------*/	
transform: scale(1,1) rotate(14deg)skew(0,0) translate(0,0); 
-webkit-transform: scale(1,1) rotate(14deg)skew(0,0) translate(0,0); 
-moz-transform: scale(1,1) rotate(14deg)skew(0,0) translate(0,0); 
transform-origin: 100% 100%; 
		
}

.inicio-sectores-img-d{
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.inicio-sectores-img-d:hover{
	
-webkit-transform: scale( 1.2 );
-moz-transform: scale( 1.2 );
-o-transform: scale( 1.2 );
z-index: 10;
}

.inicio-sectores-img-e{ transition: all 2s ease-in-out;}
.inicio-sectores-img-e:hover{
 transform: rotate(420deg) scale(1,2);

}



.swing:hover
{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}



.inicio-sectores-imp-section__p:hover{ 
text-shadow: 1px 3px 3px rgba(255, 138, 15, 1); 
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.item-title:hover{text-shadow: 1px 3px 3px rgba(255, 138, 15, 1); }

/************NOTICIAS**********************/

.box-noticias {
	
	 width:355px;
	 height:236px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg8 {
	 position:relative;
}
.actionImg8 img {
	 width:355px;
	 height:236px;
}
.actionImg8 .back {
	 display:table;
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 padding:0px;
	 background-color:rgba(0,0,0,0.5);
	 color:#fff;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transform:rotateY(180deg);
	 opacity:0;
}
/*.actionImg8 .back .back_inner {

	 width:100%;
	 height:100%;
	

}
.actionImg8 .back .back_inner span {
	 display:block;
}
.actionImg8 .back .back_inner .sub_tit {
	 color:#fff;
	 font-size:16px;
}
.actionImg8 .back .back_inner .desc {
	 margin-top:19px;
	 color:#b1b1b1;
	 font-size:12px;
}*/
.actionImg8:hover .back {
	 transform:rotateY(0deg);
	 opacity:1;
	 transition:opacity .3s, transform .6s;
}


/************cCONTACTO**********/
@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}


.ico-house:hover{animation: bounce 1s;}
.ico-house{cursor:pointer;}



@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



.ico-phone{cursor:pointer;}

.ico-phone:hover{
  -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}


@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

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

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.ico-mail{cursor:pointer;}
.ico-mail:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/**************ANIMACIONES EXTRAS******************/

.rotate{
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.rotate:hover{
	-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.shrink:hover
{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

/*********** BOTONES *******/

.actionBtn3 {
	cursor:pointer;
	display:block;
	width:166px;
	 height:38px;
	margin:auto;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
.actionBtn3 .front,.actionBtn3 .back {
	position:absolute;
	display:block;
	width:166px;
	 height:38px;
	 border:1px solid #4c4c4d;
	line-height:40px;
	transition:all .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	color:#4c4c4d;
	 font-size:14px;
	 font-family:oswald;
	 text-decoration:none;
	 text-transform:uppercase;
}
.actionBtn3 .front {
	background-color:#fff;
	transform:translateZ(19px);
	-webkit-transform:translateZ(19px);
	-moz-transform:translateZ(19px);
}
.actionBtn3 .back {
	background-color:#4c4c4d;
	color:#fff;
	transform:rotateX(-90deg) translateZ(19px);
	-webkit-transform:rotateX(-90deg) translateZ(19px);
	-moz-transform:rotateX(-90deg) translateZ(19px);
}
.actionBtn3:hover {
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}


.actionBtn1 {
	 overflow:hidden;
	 position:relative;
	 display:block;
	 width:538px;
	 height:38px;
	 margin:auto;
	 line-height:40px;
	 border:1px solid #4c4c4d;
	 color:#4c4c4d;
	 text-align:center;
	 text-decoration:none;
	 text-transform:uppercase;
	 font-size:14px;
	 font-family:oswald;
}
.actionBtn1 span {
	 position:relative;
	 transition:color .25s ease-out;
	 -webkit-transition:color .5s ease-out;
	 -moz-transition:color .5s ease-out;
}
.actionBtn1:hover span {
	 color:#fff;
}
.actionBtn1 .hover {
	position:absolute;
	 top:0;
	 left:0;
	 display:block;
	 width:100%;
	 height:100%;
	 background:#4c4c4d;
	 border:1px solid transparent;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	 -ms-transform:scale(1,0);
	 transform-origin:center top;
	 -webkit-transform-origin:center top;
	 -moz-transform-origin:center top;
	 -ms-transform-origin:center top;
	transition:all .2s ease-out;
	 -webkit-transition:all .2s ease-out;
	 -moz-transition:all .2s ease-out;
}
.actionBtn1:hover .hover {
	transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
}


.actionBtn5 {
	 overflow:hidden;
	 position:relative;
	 display:block;
	 width:168px;
	 height:30px;
	 margin:auto;
	 border:1px solid #ff8a0f;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 line-height:30px;
	 color:#ff8a0f;
	 font-size:14px;
	 font-family:oswald;
	 text-decoration:none;
	 text-transform:uppercase;
}
.actionBtn5 span {
	 display:block;
}
.actionBtn5 .hover:after {
	 position:absolute;
	 top:0;
	 left:50%;
	 opacity:0;
	display:block;
	 content:"";
	 width:0%;
	 height:30px;
	 background-color:#ff8a0f;
	 border:1px solid transparent;
	transform:skewX(-40deg);
	-webkit-transform:skewX(-40deg);
	-moz-transform:skewX(-40deg);
	transform-origin:center center;
	 -webkit-transform-origin:center center;
	 -ms-transform-origin:center center;
	 -moz-transform-origin:center center;
	 transition:all .35s, opacity .4s;
	 -webkit-transition:all .35s, opacity .4s;
	 -moz-transition:all .35s, opacity .4s;
}
.actionBtn5 .hover .txt {
	z-index:10;
	position:relative;
	 color:#ff8a0f;
	transition:color .35s;
	-webkit-transition:color .35s;
	-moz-transition:color .35s;
}
.actionBtn5:hover .hover .txt {
	 color:#fff;
}
.actionBtn5 .hover:hover:after {
	 opacity:1;
	 left:3%;
	 width:95%;
	 transform:skewX(-40deg);
	 -webkit-transform:skewX(-40deg);
	 -moz-transform:skewX(-40deg);
}

/************************ NOSOTROS **********************/


.nosotros-clientesprincipales-div img {
	cursor:pointer;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
width:100%;
}
.nosotros-clientesprincipales-div:hover img {
/*IE*/
	filter: alpha(opacity=50);
	/*FireFox Opera*/
	opacity: .7;
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2) ;
-o-transform:scale(1.2);
transform:scale(1.2) ;
	


}
.nosotros-clientesprincipales-div {/*Ancho y altura son modificables al requerimiento de cada uno*/
width:191px;
height:100px;
overflow:hidden;
}


/**********ALIADOS********/

.box-actionImg3nosotros {
	cursor:pointer;
	/* border:1px solid #333;*/
	border:none;
	 width:204px;
	 height:150px;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.actionImg3nosotros {
	 position:relative;
}
.actionImg3nosotros img {
	 display:block;
	 width:100%;
	 height:100%;
}
.actionImg3nosotros .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 padding-top:18.2%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
	 -moz-transition:opacity .3s ease-out;
}
.actionImg3nosotros .hover .line1 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90.4%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3nosotros .hover .line2 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90.5%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	transition:transform .4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
}
.actionImg3nosotros .hover .sub_tit{
	color:#fff;
	font-size:16px;
	transform:translate3d(0,-10px,0);
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	opacity:0;
	transition:transform .5s ease-out .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-transform .5s ease-out .2s,opacity .5s ease-out .3s;
	-moz-transition:-moz-transform .5s ease-out .2s,opacity .5s ease-out .3s;
}
.actionImg3nosotros:hover .hover{
	 opacity:1;
}
.actionImg3nosotros:hover .hover .sub_tit{
	opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
}
.actionImg3nosotros:hover .line1{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}
.actionImg3nosotros:hover .line2{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}


/*******************************/

.img-nuestro-equipo{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.img-nuestro-equipo:hover{
-moz-border-radius: 0%;
 -webkit-border-radius: 0%;
 border-radius:0%;
}




/************** EFECTOS ICONOS **************/
/* Effect 3 */
/**/
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 1px ;
	width:84px;
	height:84px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	/*top: -9px;*/
}

.hi-icon:after {
	
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'icomoon';
	speak: none;
	font-size: 84px;
/*	line-height: 90px;*/
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.hi-icon-wrap {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.hi-icon-effect-3 .hi-icon {
	/*box-shadow: 0 0 0 4px #fff;*/
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: 0px;
	left: 0px;
	padding: 2px;
	z-index: -1;
	background: #FF8A0F;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #FF8A0F;
}

.hi-icon-effect-3b .hi-icon:hover {
	color: #474747;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


/**FILA 2**/


/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}

.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.0);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 1px #ED5B2F;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(91,167,70,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #5BA746;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.0), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.0), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.0), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.0), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}




/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	/*box-shadow: 0 0 0 4px rgba(255,255,255,1);*/
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
	background: rgba(91, 167, 70, .7);
	color: #fff;
	box-shadow: 0 0 0 3px rrgba(91, 167, 70, 0.3);
}

.hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}


/********************** PRODUCTOS Y SERVICIOS **********************/

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	color:#FF8A0F;
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #FF8A0F;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,138,15,.8);
	color: #474747;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 rgba(255,255,255,1);
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	box-shadow: 3px 3px rgba(255,138,15,.8);
}

.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	
}


/******************/

.demo-3 {
	list-style: outside none none;
   /* position:relative;
    width:300px;
    height:200px;
    overflow:hidden;
    float:left;
    margin-right:20px*/
}
.demo-3 figure {
    margin:2% 0 0 0;
    padding:0;
    position:relative;
    cursor:pointer;
    
}
.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:-10px ;
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.demo-3 figure h2 {
   
    color:#fff;
    font-size:20px;
    text-align:left
}
.demo-3 figure p {
    display:block;

    font-size:12px;
    line-height:18px;
    margin:0;
    color:#fff;
    text-align:left
}
.demo-3 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0px 0px;
  /*  background-color:rgba(26,76,110,0.5);*/
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure img.esconder {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0);
	  
}

.crooked-photo{
	cursor:pointer;
margin-top: 20px;
border: 5px solid #eee;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;

}
.crooked-photo:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
.fade-in-reflect{
  opacity: 0.8;
    border: 10px solid #eee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));

}
.fade-in-reflect:hover{opacity: 1; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);    box-shadow: 0px 0px 20px rgba(255,255,255,0.8);}

/******nosotros imagenes palm-mixtex - avatar***********/
.img-palm-mixtex{ cursor: pointer; display: block;  height: 150px; margin: auto;  transition: all 1s ease 0s;  width: 296px;}

.img-palm-mixtex:hover{ width: 325px; height:164px;}
	
.img-avatar{cursor:pointer; /*float: left;  */  margin: auto;  display:block;  -webkit-transition: margin 0.5s ease-out;    -moz-transition: margin 0.5s ease-out;    -o-transition: margin 0.5s ease-out;}	
.img-avatar:hover{ margin-top: 10px;}