/*#current>span,.menu ul li a>span:hover,.menu ul>li:hover>a>span, h2.form-signin-heading {
	border-bottom: 3px solid #00923f; 
}*/
@font-face{font-family:'Nexa Light Regular';font-style:normal;font-weight:400;src:url("nexa-light-webfont.woff") format('woff');src:url("nexa-light-webfont.eot") format('eot'),}
@font-face{font-family:'Nexa Bold Regular';font-style:normal;font-weight:400;src:url("nexa-bold-webfont.woff") format('woff');src:url("nexa-bold-webfont.eot") format('eot'),}

.info{
	/*background: #0c2160;*/
	color:#00923f;
	min-height: 30px;
	text-align: right;
    padding-right: 3em;
	/*display:inline-block;*/
}

a.mail-system:hover, a.page-system:hover{text-decoration: underline}



.hr-system{
	margin-top: 6px;
	border-color:#226cba;
	max-width: 100px;
}

.tp-caption.slider-system{
	color: #fff;
	font-size: 50px;
	line-height: 52px!important;
}
.tp-caption.black_bold_bg_20{
	padding: 16px 15px!important;
}

.tp-caption.subtitle-slider-system{
	font-size: 25px!important;
}

a.btn-system{
	color:#fff!important;
}

.portfolio-title>.h3-system{
	font-weight: 300;
}

.app-img{
	max-height: 340px;
	max-width: 300px;
}



.team .item .team-member-links a.youtube:hover, .member-social.dark a.youtube:hover, header .social li.youtube:hover, footer .social li.youtube:hover{
	background:#c4302b;
}

.slidedown>.container{
	 margin-right: 0;
	 padding-right: 0px;
	 padding-left: 0px;
}

.logo-color{
	min-width: 70px;
	min-height: 70px;
}



h4.h3-system{
	margin-bottom: 8px!important; 
	/*color:#fff!important;*/
}

h2{
	margin: 0!important;
}




#latest-posts h3{
	font-weight: 300!important;
}
.our-clients h3{
	font-weight: 300!important;	
}
p.title{
	line-height: 14px!important;
	font-weight: 700;
}

p.latest-body{
	line-height: 14px!important;
	font-size: 12px;
}



.tp-caption>a{
	background: #06ae4f;
	font-size: 20px!important;
	border:1px solid #fff;
}
h3.light-system{
	color:#8c92b6!important;
}

.product-lead>.pattern-overlay{
	background:#fff;
}

.title-nosotros{
	font-weight: 700;
	font-size: 25px;
	/*margin: 0;*/
	color: #226cba;
	padding-top: 50px;
	/*color:#fff;*/
	/*border-bottom: 1px solid #0c2160*/
}

.product-lead::before{
	content: "";
	border-right: 70px solid transparent;
 	border-top: 16px solid transparent;
 	border-left: 67px solid transparent;
 	border-bottom: 39px solid #fff;
 	margin-left: 45%;
	/*border-color:transparent transparent white white;*/
	border-style:solid;
	position: absolute;
	z-index: 20;
	margin-top: -54px;
	/*-webkit-transform: rotate(90deg);*/
	/*display: inline-table;*/
}

.product-lead::after{
	content: "\f103";
    font: normal normal normal 40px/1 FontAwesome;
    z-index: 20;
	margin-top: -25px;
	position: absolute;
	top:0;
	color:#00923f;
	margin-left: 49.05%;
}
.portfolio-title>h2{
	color:#fff;
}

.portfolio-title>.hr-system{
	margin-top: 6px;
	border-color:#fff;
	max-width: 100px;
}

.grid figure{
	width: 33.3%!important;
}

.portfolio-item-link>img{
	width: 100%;
	max-height: 300px;
}

.figcaption-system{
	background: transparent!important;
	opacity: 1!important;
	padding-left: 1em!important;
	padding-right: 1em!important;
    top: 0!important;
    padding-top: 1.2em!important;
}
.servicios-system{
	padding-left: 5em!important;
	padding-right: 5em!important;
	padding-top: 9em!important;
	display: grid;
	background:#ffffff4d;
	widht:100%;
	height:100%
}

.figcaption-system>.servicios-system>p{
	left:0;
	font-weight: bold;
	/*padding-left: 2em;
	padding-right: 2em;*/
	/*padding-top: 10px;*/
	font-size: 77%!important;
}

.portafolio-footer{
	padding-top: 3em;
}

.portafolio-footer h3{
	margin-bottom: 34px!important;
	color:#fff;
	font-weight:300;
	font-size: 24px;
}

.portafolio-footer a{
	border-radius: 20px;
	border:1px solid #fff;
	padding: 6px 50px;
	transition: all .5s ease-in-out;
	font-size: 25px;
	color:#fff;
	font-weight: 700;
}
.our-clients hr{
	border-color:#c3bebe!important;
}

.our-clients h2{
	color:#226cba!important;
}

#services>.pattern-overlay{
	background-image: url(../img/siguenos.jpg);
	background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
}

#services{
    /*height: 200px;*/
    height: 230px;
}



.service-box li{
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #00923f;
}

 #services li.facebook:hover{
 	background: #4C66A4;
 }

 #services li.twitter:hover{
 	background: #2C77BA;
 }

 #services li.youtube:hover{
 	background: #c4302b;
 }

 #footer p{
 	margin: 0;
 }

 .footer-top {
    /*border-bottom: 1px solid #414f5a;*/
    color: #fff;
    padding: 0!important;
    padding-top: 20px!important;
    padding-bottom: 0!important;
}

#nosotros p{
	line-height: 20px;
}

#main .fullwidthbanner{height: 455px!important}

.service-box{padding-left: 41.5%}
a.prev, a.next{background: #fff!important;color: #20343f!important}


.page-principal .our-clients, .service-reasons{padding-top: 40px!important;height: 320px;}
#client-carousel{
    /*display: inline-block;
    display: inline;*/
    display: list-item;
}

.fullwidthbanner-container a.btn-grey:hover{color: #06ae4f!important;}
a.btn-grey::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff!important;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 1s!important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition-duration: 1s!important;
}

a.btn-grey:focus:before, a.btn-grey:hover:before{    
    transform: scaleX(1);
    webkit-transform: scaleX(1);
}

a.btn-grey{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform: perspective(1px) translateZ(0)
}

a.btn-servicios:hover{color: #226cba!important;}

a.btn-servicios::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff!important;
    border-radius: 20px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 1s!important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition-duration: 1s!important;
}

a.btn-servicios:focus:before, a.btn-servicios:hover:before{    
    transform: scaleX(1);
    webkit-transform: scaleX(1);
}

a.btn-servicios{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform: perspective(1px) translateZ(0)
}


.product-lead::after{
    cursor: pointer;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.menu ul li a:hover span.menu-iper{border-bottom: 3px solid #00923f;}

.page-principal  .after-services::after{
    content: "";
    padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
    margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


/************footer***********************************/
.hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:hover:before{
	right: 0;
}

.hvr-overline-from-left{
	/*display: inline-block;*/
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-left:before{

    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #fff !important;
    height: 2px !important;
    /*background: #2098D1;
    height: 4px;*/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-from-left:before{
	top: 18px !important;
}

#footer h3{
    border-left: 3px solid #005723;
    padding-left: 5px;
    line-height: 20px; 
}

/********************PAGE NOSOTROS******************/
.page-nosotros .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-nosotros .pattern-overlay{
    /*background-color: #194c7c;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-nosotros .deco-nosotros{
	padding: 0;
    height: 300px;
}

.page-nosotros #services{
	height: 300px;
}
.page-nosotros .deco-nosotros::before{
	content: "";
	padding: 0;
    border-right: 340px solid transparent;
    border-top: 16px solid transparent;
    border-left: 340px solid transparent;
    border-bottom: 17px solid #fff;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    margin-top: 0px;
     -webkit-transform: rotate(180deg); 
    /* display: inline-table; */
}
.page-nosotros .deco-nosotros::after{
	content: "";
	padding: 0;
    border-right: 340px solid transparent;
    border-top: 16px solid transparent;
    border-left: 340px solid transparent;
    border-bottom: 17px solid #fff;
    /*margin-top: 35px;*/
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
     /*-webkit-transform: rotate(180deg); */
    /* display: inline-table; */
}
.color-green1{
	background: #127b3d;
}

.color-green2{
	background: #17954b;
}

.page-nosotros #services .contenerdor{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 13%;
    margin-left: 13%;
}

.page-nosotros #services .contenerdor-right{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 13%;
}

.page-nosotros .text-background{background-color: #26542a;width: 40%;}
.page-nosotros .text-down{border-left:3px solid #18d766;padding-left: 10px;}

.page-nosotros #services p{
	margin: 0;
	color:#fff;
}

.page-nosotros #services>.pattern-overlay{
	background-color: transparent;
}

.page-nosotros #services li{
    font-family: Nexa Light Regular;
    position: relative;
    padding-left: 20px;
    color:#fff;
    display: block;
    line-height: 20px;
}

.page-nosotros #services li::before{    
    position: absolute;
    left: 0;
    color: #fff!important;
    font-family: FontAwesome;}

.page-nosotros .our-clients, .service-reasons{padding-top: 40px!important;height: 320px;}
/*.page-nosotros  .after-services{
    margin-top: 59px;
}*/
.page-nosotros  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-nosotros .content-about h2{
	color:#226cba;
}

.page-nosotros .team-member img{
	max-width: 450px;
}

.page-nosotros .team-member{
	margin: 0;
	max-width: 450px;
}

.page-nosotros .our-clients{
	padding: 60px 0;
}

/********************END NOSOTROS*********************/
/****PAGE CONSULTORIA***/
.page-consultoria .breadcrumb-wrapper{
	background-image: url(../img/banner-consultoria.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-consultoria .pattern-overlay{
    /*background-color: #194c7c;*/
    /*background-color: #194c7cad;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-consultoria  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-consultoria  .after-services{
    margin-top: 49px;
}

.page-consultoria .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-consultoria .img-hover-system:hover img.photo-services{
	/*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-consultoria .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-consultoria .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-consultoria h2.title{
    font-size: 30px!important;
}

/********************END SERVICIOS*********************/
/****PAGE CAPACITACIONES***/
.page-capacitaciones .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-capacitaciones .pattern-overlay{
    /*background-color: #194c7c;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-capacitaciones  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-capacitaciones  .after-services{
    margin-top: 49px;
}

.page-capacitaciones .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-capacitaciones .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-capacitaciones .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-capacitaciones .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-capacitaciones h2.title{
    font-size: 30px!important;
}
/********************END CAPACITACIONES*********************/
/****PAGE AMBIENTAL***/
.page-ambiental .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-ambiental .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-ambiental  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-ambiental  .after-services{
    margin-top: 49px;
}

.page-ambiental .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-ambiental .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-ambiental .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-ambiental .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-ambiental h2.title{
    font-size: 30px!important;
}

/********************END AMBIENTAL*********************/
/****PAGE INFORMACION***/
.page-informacion .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-informacion .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-informacion  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-informacion  .after-services{
    margin-top: 49px;
}

.page-informacion .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-informacion .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-informacion .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-informacion .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-informacion h2.title{
    font-size: 30px!important;
}

/********************END INFORMACION*********************/
/****PAGE INDECI***/
.page-indeci .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-indeci .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-indeci  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-indeci  .after-services{
    margin-top: 49px;
}

.page-indeci .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-indeci .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-indeci .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-indeci .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-indeci h2.title{
    font-size: 30px!important;
}

/********************END INDECI*********************/
/****PAGE PROYECTOS***/
.page-proyectos .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-proyectos .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-proyectos  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-proyectos  .after-services{
    margin-top: 49px;
}

.page-proyectos .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-proyectos .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-proyectos .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-proyectos .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-proyectos h2.title{
    font-size: 30px!important;
}

/********************END PROYECTOS*********************/
/****PAGE NAVES INDUSTRIALES***/
.page-navesindustriales .breadcrumb-wrapper{
	background-image: url(../img/banner-nosotros.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-navesindustriales .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-navesindustriales  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-navesindustriales  .after-services{
    margin-top: 49px;
}

.page-navesindustriales .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-navesindustriales .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-navesindustriales .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-navesindustriales .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-navesindustriales h2.title{
    font-size: 30px!important;
}

/********************END NAVES INDUSTRIALES*********************/
/****PAGE OUTSORSING***/
.page-outsorsing .breadcrumb-wrapper{
	background-image: url(../img/banner-outsorsing.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-outsorsing .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-outsorsing  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-outsorsing  .after-services{
    margin-top: 49px;
}

.page-outsorsing .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-outsorsing .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-outsorsing .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-outsorsing .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-outsorsing h2.title{
    font-size: 30px!important;
}

/********************END OUTSORSING********************/
/****PAGE SALUD OCUPACIONAL***/
.page-saludocupacional .breadcrumb-wrapper{
	background-image: url(../img/banner-salud.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-saludocupacional .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-saludocupacional  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-saludocupacional  .after-services{
    margin-top: 49px;
}

.page-saludocupacional .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-saludocupacional .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-saludocupacional .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-saludocupacional .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-saludocupacional h2.title{
    font-size: 30px!important;
}

/********************END SALUD OCUPACIONAL********************/
/****PAGE SEGURIDAD***/
.page-seguridad .breadcrumb-wrapper{
	background-image: url(../img/banner-seguridad.jpg)!important;
	background-repeat: no-repeat; 
    height: 405px;
    background-position: top;
}

.page-seguridad .pattern-overlay{
    /*background-color: #0f1113;*/
    background-color: #0f11139c;
    height: 100%;
}

.page-seguridad  .after-services::after{
	content: "";
	padding: 0;
    border-right: 48em solid transparent;
    border-top: 16px solid transparent;
    border-left: 48em solid transparent;
    border-bottom: 30px solid #222c34;
   	margin-top:50px;
    /* border-color: transparent transparent white white; */
    border-style: solid;
    position: absolute;
    z-index: 20;
    bottom:0;
}

.page-seguridad  .after-services{
    margin-top: 49px;
}

.page-seguridad .img-hover-system img.photo-services{
    vertical-align: text-top;
}

.page-seguridad .img-hover-system:hover img.photo-services{
    /*background: #4f5156;*/
    outline: 3px solid #00923f;
    outline-offset: -3px;
    /*filter: opacity(30%);*/
}

.page-seguridad .img-hover-system:hover .border-image{
    position: absolute;
    /*background-color: #5a5d66;*/
    background-color:#5a5d669e ;
    height: 163px;
    width: 162px;
    margin-top: -166px;
    margin-left: 3px;
}

.page-seguridad .img-hover-system:hover .border-image img{
    display: inherit!important;
}

.page-seguridad h2.title{
    font-size: 30px!important;
}

/******************PAGE CONTACTENOS*******************/
.page-contactenos h2{
    color:#226cba;
}

.page-contactenos .data-iper{
    background-image: url(../img/contactenos1.jpg);
    background-repeat: no-repeat;
    height: 337px;
    width: 338px;
}

.page-contactenos .btn-special{
    padding: 13px 18px;
}

button{
    font-family: Nexa Bold Regular!important;
}

.page-contactenos button.btn-email{
    background-color: #01b9e6!important;
    border: 0;
    color: #fff;
}
.page-contactenos button.btn-email i{
    color: #454545!important;
}

.page-contactenos .fondo-data-iper{
    /*background-color: #1b518e;*/
    background-color: #1b518eb3;
    height: 100%;
}

.page-contactenos .fondo-data-iper img{
    max-width: none;
}

.page-contactenos .fondo-data-iper p{
    margin: 0;
}

.page-contactenos .fondo-data-iper li.fondo-icono{
    background-color: #1e2830;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 50px;
    height: 50px;
}

.page-contactenos .fondo-data-iper li.fondo-icono a{
    color: #fff;
}

.page-contactenos .google-maps iframe{
    width: 100%;height: 100%;
}


.google-maps{height: 318px!important;}

button.btn-email{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform: perspective(1px) translateZ(0);
}

button.btn-email:hover{
    color:#01b9e6!important;
}

button.btn-email:focus:before, button.btn-email:hover:before{
    transform: scaleX(1);
    webkit-transform: scaleX(1);
}

button.btn-email::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff!important;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 1s!important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    transition-duration: 1s!important;
}

.data-iper li.facebook:hover{background: #4C66A4;}
.data-iper li.twitter:hover{background: #2C77BA;}
.data-iper li.youtube:hover{background: #c4302b;}