/*-----------------------------------------------------------------------
FLASHME animations - Grupo CH(modern browsers)

Version:    1.0 - 2014
author:     Burocratik
email:      alex@burocratik.com - ana@burocratik.com
website:    http://www.burocratik.com

-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
=MAIN NAVIGATION
-------------------------------------------------------------------------*/
#mainNav #selectCompany .selectSpace span{
    display: inline-block; float: none; padding:0; width: auto;  overflow: hidden;
    -webkit-transition: max-width .8s ease, opacity .3s linear;
    -ms-transition: max-width .7s ease, opacity .4s linear;
    transition: max-width .7s ease, opacity .4s linear;
}
#selectCompany .selectSpace span.what, #selectCompany .selectSpace span.we{max-width: 100px; opacity:1;}
#selectCompany.atCompany .selectSpace span.what{max-width: 0; opacity: 0;}
#selectCompany.atCompany .selectSpace span.we{max-width: 100px; opacity: 1;}

/*-------------------------------------------------------------------------
=PAGE TRANSITIONS - HEADER
-------------------------------------------------------------------------*/
#toload #slideWrapper.toAnimSlide{
    height: 550px; overflow: visible;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}
#toload #slideWrapper.toAnimSlide.goAnim{
    -webkit-animation: animslideWrapperIN .4s ease both;
    -ms-animation: animslideWrapperIN .4s ease both;
    animation: animslideWrapperIN .4s ease both;
}
#toload #slideWrapper.toAnimSlide.exitAnim{
    -webkit-animation: animslideWrapperOUT .3s ease both;
    -ms-animation: animslideWrapperOUT .3s ease both;
    animation: animslideWrapperOUT .3s ease both;
}

@keyframes animslideWrapperIN{
    0% {height: 550px;}
    100% {height: 600px;}
}
@-webkit-keyframes animslideWrapperIN{
    0% {height: 550px;}
    100% {height: 600px;}
}

@keyframes animslideWrapperOUT{
    0% {height: 600px;}
    100% {height: 550px;}
}
@-webkit-keyframes animslideWrapperOUT{
    0% {height: 600px;}
    100% {height: 550px;}
}

@media only screen and (max-width: 1024px){
    #toload #slideWrapper.toAnimSlide {height: 400px;}
    #toload #slideWrapper.toAnimSlide.goAnim{
        -webkit-animation: animslideWrapperIN2 .4s ease both; animation: animslideWrapperIN2 .4s ease both;
    }
    #toload #slideWrapper.toAnimSlide.exitAnim{
        -webkit-animation: animslideWrapperOUT2 .3s ease both; animation: animslideWrapperOUT2 .3s ease both;
    }
    @keyframes animslideWrapperIN2{
        0% {height: 400px;}
        100% {height: 450px;}
    }
    @-webkit-keyframes animslideWrapperIN2{
        0% {height: 400px;}
        100% {height: 450px;}
    }
    @keyframes animslideWrapperOUT2{
        0% {height: 450px;}
        100% {height: 400px;}
    }
    @-webkit-keyframes animslideWrapperOUT2{
        0% {height: 450px;}
        100% {height: 400px;}
    }


}
#toload #slideWrapper.toAnimSlide.goAnim .slideBg{
     -webkit-animation: animSlideBg .5s ease  both; animation: animSlideBg .5s ease both;
}
#toload #slideWrapper.toAnimSlide.exitAnim .slideBg{
     -webkit-animation: animSlideBgOUT .3s ease  both; animation: animSlideBgOUT .3s ease both;
}

@keyframes animSlideBg{
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}
@-webkit-keyframes animSlideBg{
    0% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1.1);}
}

@keyframes animSlideBgOUT{
    0% {transform: scale(1.1);}
    20% {opacity:1;}
    100% {transform: scale(1); opacity: 0;}
}
@-webkit-keyframes animSlideBgOUT{
    0% {-webkit-transform: scale(1.1);}
    20% {opacity:1;}
    100% {-webkit-transform: scale(1); opacity: 0;}
}

/* animacao quadrado  */
#slideWrapper.toAnimSlide .slideInfo{
    -webkit-perspective: 800px; -ms-perspective:800px; -mz-perspective:800px; perspective:800px;
}

#slideWrapper.toAnimSlide .slideInfo .for3d{
     -webkit-transform-style: preserve-3d; -mz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;
    -webkit-backface-visibility: hidden; -mz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%; -mz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;
    -webkit-transform: rotateX(-92deg); -ms-transform: rotateX(-92deg); -mz-transform: rotateX(-92deg); transform: rotateX(-92deg);
}

#slideWrapper.toAnimSlide.goAnim .slideInfo .for3d, #slideWrapper.toAnimSlide .slideInfo .for3d.flipIN{
    -webkit-animation: animSquareIN .9s ease .1s both; animation: animSquareIN .9s ease .1s both;
}
#slideWrapper.toAnimSlide.exitAnim .slideInfo .for3d, #slideWrapper.toAnimSlide .slideInfo .for3d.flipOUT{
    -webkit-animation: animSquareOUT .3s ease both; animation: animSquareOUT .3s ease both;
}

@keyframes animSquareIN{
    0% {transform: rotateX(-92deg);}
    35%{transform: rotateX(5deg);}
    65%{transform: rotateX(-5deg);}
    100% {transform: rotateX(0);}
}
@-webkit-keyframes animSquareIN{
    0% {-webkit-transform: rotateX(-92deg);}
    35%{-webkit-transform: rotateX(5deg);}
    65%{-webkit-transform: rotateX(-5deg);}
    100% {-webkit-transform: rotateX(0);}
}

@keyframes animSquareOUT{
    0% {transform: rotateX(0); opacity:1;}
    70% {opacity:1;}
    100% {transform: rotateX(88deg); opacity:0;}
}
@-webkit-keyframes animSquareOUT{
    0% {-webkit-transform: rotateX(0); opacity:1;}
    70% {opacity:1;}
    100% {-webkit-transform: rotateX(88deg); opacity:0;}
}

/* VIDEO  */
#headervideo, #slideWrapper video{
    display: block; position: absolute; left:50%; top: 50%; width: 100%; height: auto;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1024px){
    #headervideo, #slideWrapper video{top: 44%;}
}
@media only screen and (max-width: 891px){
    #headervideo, #slideWrapper video{top: 35%;}
}
@media only screen and (max-width: 800px){
    #headervideo, #slideWrapper video{display: none;}
}

/* next content*/
#toload .intro .wrapper{
    opacity: 0;
    -webkit-transition: opacity 0.1s linear .5s;
    -ms-transition: opacity 0.1s linear .5s;
    transition: opacity 0.1s linear .5s;
}
/*.noajax #toload .intro .wrapper{opacity: 1; -webkit-transition: none; transition: none;}*/
#toload .intro.goAnim .wrapper{opacity: 1;}
#toload .intro.exitAnim .wrapper{opacity: 0; -webkit-transition: none; -ms-transition: none; transition: none;}

/* SLIDESHOW : must be in the next content to be on top of separator as image (:after)*/
#slideWrapper.hasSlideShow .slideBg{
    opacity: 0;
    -webkit-transition: opacity 0.5s linear .25s; -ms-transition: opacity 0.5s linear .25s; transition: opacity 0.5s linear .25s;
}
#slideWrapper.hasSlideShow .slideBg.on{opacity:1;}

#slideControll{
    position: absolute; top: -60px;  left: 50%; width: 400px; margin-left:-200px; text-align: center; z-index: 10; opacity: 0; display: block;
    -webkit-transition: opacity 0.3s linear .6s; -ms-transition: opacity 0.3s linear .6s; transition: opacity 0.3s linear .6s;
}
#slideControll.go{opacity: 1;}
#slideControll li span br{display: none;}
#slideControll li{
    position: relative; display: inline-block; width: 50px; height: 20px; margin: 0 12px; cursor: pointer;
}
#slideControll li span{
    display: block; width: 50px;  height: 2px; position: absolute; left: 0; top: 6px; background: #ffffff; text-indent: -5555px;
    -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#slideControll li:hover span{height: 6px; top:5px;}
#slideControll li.on{cursor: pointer; pointer-events:none;}
#slideControll li.on span{background: #ff4200; cursor: pointer; pointer-events:none;}
#loadedWrapper .intro.exitAnim #slideControll{display: none;}
 /* with link*/
#slideshow-haslink{
    position: absolute; top: 0; left: 0; z-index: 10; display: none;
    width: 100%; height: 100%; background: transparent; text-indent: -5555px;
}

/*--------------------------------------------------------------------------
=CONTACTS
-------------------------------------------------------------------------*/
#toload #mainWrapper .introOthers{
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0) scale(.9); -ms-transform: translate3d(0, 10px, 0) scale(.9);
    -mz-transform: translate3d(0, 10px, 0) scale(.9); transform: translate3d(0, 10px, 0) scale(.9);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    -ms-transition: -ms-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    -mz-transition: -mz-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    transition: transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
}
#toload #mainWrapper .introOthers.goAnim{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);  -ms-transform: translate3d(0, 0, 0) scale(1);
    -mz-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);
}
.first{
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0);
    -mz-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);
    -webkit-transition: -webkit-transform .3s linear 0s, opacity .2s linear 0s;
    -ms-transition: -webkit-transform .3s linear 0s, opacity .2s linear 0s;
    -mz-transition: -mz-transform .3s linear 0s, opacity .2s linear 0s;
    transition: transform .3s linear 0s, opacity .2s linear 0s;
}
.first.goAnim{
    opacity: 1; -webkit-transform: translateY(0);  -ms-transform: translateY(0); transform: translateY(0);
    -webkit-transition: -webkit-transform  .35s cubic-bezier(0.175, 0.885, 0.320, 1.275) .3s, opacity .15s linear .3s;
    -ms-transition: -webkit-transform  .35s cubic-bezier(0.175, 0.885, 0.320, 1.275) .3s, opacity .15s linear .3s;
    transition: transform .35s cubic-bezier(0.175, 0.885, 0.320, 1.275) .3s, opacity .15s linear .3s;
}
.contactos section.bgPic:after{top: -1px;}

/*-------------------------------------------------------------------------
=CARREIRAS — Politicas
-------------------------------------------------------------------------*/
.politicas .weaspire{cursor: pointer;}
.politicas.open .weaspire{cursor: default;}
.politicas .weaspire:after{
    -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
    -webkit-transition: -webkit-transform .6s ease; -ms-transition: -ms-transform .6s ease; transition: transform .6s ease;
}
.politicas .weaspire:hover:after{-webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

.politicas .weImage{
    -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
    -webkit-transition: all .45s ease-out; -ms-transition: all .45s ease-out; transition: all .45s ease-out;
}
.politicas .hover .weImage{
   -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);
}
.politicas.open .weImage{
    transition-duration: .2s; transition-duration: .2s; transition-duration: .2s;
    -webkit-transform: scale(.15); -ms-transform: scale(.15); transform: scale(.15);
}

.politicas{
    margin: 0!important;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transition: margin .1s ease .55s; -ms-transition: margin .1s ease .55s; transition: margin .1s ease .55s;
}
.politicas.open{margin-bottom: 110px!important;}
.politicas .wrapper, .politicas .endPoint{display: none;}
.politicas a.btnClose{display: none;}
.carreiras .careers:after{display: block;}

/*-------------------------------------------------------------------------
=CH CONSULTINGS - PRODUCTS
-------------------------------------------------------------------------*/
#prodsGrid article{
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);  -ms-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out; transition: opacity .3s linear, transform .3s ease-out;
}
#prodsGrid article.show{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

/*-------------------------------------------------------------------------
=MEDIA SECTIONS
-------------------------------------------------------------------------*/
/*#newsGrid{
    position: relative; min-height: 700px; overflow: hidden; width: 100%;
}*/
.fourColumns #newsGrid article{
    /*display: block; position:relative; float:none; overflow: hidden; width: 22.03125%; min-height: 200px; margin: 0  0 45px 0;*/
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);  -ms-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0);
    -webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out; transition: opacity .3s linear, transform .3s ease-out;
}
.fourColumns #newsGrid article.show{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
/*.fourColumns #newsGrid .gutter-sizer{width: 3.90625%;}*/

/* btn more */
/*#moreNews.off{cursor: default; pointer-events:none;}
#moreNews span{
    display: block; position: absolute; top: 0; left: 0; z-index: -1;
    background: #FF4200; color: #fff; width: 100%; height: 100%; opacity: 0;
    -webkit-transition: opacity .3s linear; transition: opacity .3s linear;
}
#moreNews.loading span{opacity:1; z-index: auto;}*/

/* loading new section */
#loadingMedia{
    display: block; position: absolute; left: 50%; top: 113px; opacity: 0;
    margin-left: -30px; padding: 20px; z-index: 20; background: #FFF;
    -webkit-transition: opacity .2s linear; transition: opacity .2s linear;
}
#loadingMedia.show{opacity:1;}

@media only screen and (max-width: 1024px){
   .fourColumns #newsGrid article{width: 48.046875%;}
   .fourColumns #newsGrid article:nth-child(2n+3){ margin-right: 0;}
}
@media only screen and (max-width: 1120px) and (min-width: 891px){
    .fourColumns #newsGrid article {width: 30.67708333333333%;}
}
@media only screen and (max-width: 599px) {
   .fourColumns #newsGrid article{width: 100%; margin-right: 0;}
}

/*-------------------------------------------------------------------------
=FLIP CARDS
-------------------------------------------------------------------------*/
.card .front a.clickFlip span{
    bottom: -30px; opacity: 0;
    -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out;
}
.cardsContainer .front h2 , .cardsContainer .front img {-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;}
.cardsContainer .front img {top: 25px;}
.cardsContainer .front:hover img {top: 0;}
.cardsContainer .front h2 {margin-top: -70px;}
.cardsContainer .front:hover h2 {margin-top: -90px;}

/*-------------------------------------------------------------------------
=LIGHTBOX
-------------------------------------------------------------------------*/
#lightBoxWrapper{
    display: block; position: relative; float: left; top: 0; left:0; width: 100%; height: 100%;
    margin: 0; z-index: 1000; /*background: #000; opacity:.9;*/ background: rgba(0, 0, 0, .9); padding: 0 7.8125%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#lightbox{margin: 7.8125% auto; padding: 0 50px 0 0;}
#lightbox #main{
    max-width: 1050px;
    padding: 0 3.90635% 3.90635%;
}
#lightbox #main .tags{position: absolute; left: 3.90635%; top: 0;}
#lightbox #social{position: absolute; right: -50px; width: 50px; height: 100%;}
#lightbox #social a{
    border-top: 1px solid #e5e5e5; top: 0;
    -webkit-transition: all .15s ease-out; transition: all .15s ease-out;
}
#lightbox #social a:hover{
    background: #FFF;
    -webkit-box-shadow: 3px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 3px 0px 3px 1px rgba(0, 0, 0, .1);
}

/*#lightbox.videoLightbox #social a{top:50px;}*/
#lightbox #social a.btnClose{right: 0; border-top:none;}
#lightbox #social a.btnClose:hover{background: #FF4200;}
#lightbox #social a.btnClose:after{color: #fff;}
/*.noajax #lightbox #social .btnClose{display: none;}*/
#lightbox aside{margin-top: 0;}
#lightbox .topSpace{display: none;}

/* when refresh or shared link */
.refreshedArticle #lightBoxWrapper {background: rgba(0, 0, 0, 0);}
.refreshedArticle footer {display: none;}
.refreshedArticle #modalBgreForfreshedArticle {
    display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000000; opacity: 0.83; z-index: 0;
}
.refreshedArticle .noajax_artigos{display: none;}

/* animation on enter
NOTE: position absolute to minimize painting; can't be none or transforms not apply;
*/
#modalBg{
    display:block; position: absolute; top: -5px; left:-5x; width: 1px; height: 1px; z-index: -1; opacity:0;
    -webkit-transition: opacity .1s linear; -ms-transition: opacity .1s linear;
    -mz-transition: opacity .1s linear; transition: opacity .1s linear;
}
#modalBg.goAnim{
    position: fixed; top: 0; left:0; width: 100%; height: 100%; z-index: 1000; opacity:.83;
}
#modalBg.exitAnim{opacity:0;}

#modalWrapper{
    position: absolute; top: -5px; left: -5px; height: 1px; max-width: 1px; margin: 0;
    z-index: -1; background: transparent; padding: 0 7.8125%; display: block;
}
#modalWrapper.goAnim{
    position: relative; top: 0; left: 0; height: auto; max-width: 1100px; margin: 7.8125% auto;
    z-index: 1005; background: transparent; padding: 0 7.8125%;
}
#modalWrapper #lightbox{
    opacity: 0; display: block;
    -webkit-transform: translate3d(0, 10px, 0) scale(.9); -ms-transform: translate3d(0, 10px, 0) scale(.9);
    -mz-transform: translate3d(0, 10px, 0) scale(.9); transform: translate3d(0, 10px, 0) scale(.9);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    -ms-transition: -ms-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    -mz-transition: -mz-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
    transition: transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275), opacity .1s linear;
}
#modalWrapper.goAnim #lightbox{
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);  -ms-transform: translate3d(0, 0, 0) scale(1);
    -mz-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
#modalWrapper.exitAnim #lightbox{
    opacity: 0; display: block;
    -webkit-transform: translate3d(0, 10px, 0) scale(.9); -ms-transform: translate3d(0, 10px, 0) scale(.9);
    -mz-transform: translate3d(0, 10px, 0) scale(.9); transform: translate3d(0, 10px, 0) scale(.9);
    -webkit-transition: -webkit-transform .1s linear, opacity .1s linear;
    -ms-transition: -ms-transform .1s linear, opacity .1s linear;
    -mz-transition: -mz-transform .1s linear, opacity .1s linear;
    transition: transform .1s linear, opacity .1s linear;
}

#modalWrapper.video_modalWrapper{position: fixed;}
#lightbox.videoLightbox h2{white-space: nowrap; overflow: hidden;}
#lightBoxWrapper .videoLightbox, #modalWrapper .videoLightbox {
    position: fixed; width: 1050px; height: 777px; top: 50%; left: 50%; margin: -389px 0 0 -525px; display: block;
}

#lightbox.videoLightbox.issuLightbox {width: 1050px; height: 620px; margin: -310px 0 0 -525px;}


@media only screen and (max-width: 1366px), screen and (max-height: 815px) {
    #lightbox.videoLightbox { width: 920px; height: 681px; margin: -341px 0 0 -460px;}
    #lightbox.videoLightbox.issuLightbox { width: 920px; height: 534px; margin: -267px 0 0 -460px; }
}
@media only screen and (max-width: 1024px), screen and (max-height: 720px){
    #lightbox.videoLightbox{ width: 820px; height: 607px; margin: -303px 0 0 -410px;}
    #lightbox.videoLightbox.issuLightbox{ width: 820px; height: 475px; margin: -238px 0 0 -410px;}
}
@media only screen and (max-width: 890px), screen and (max-height: 640px){
    #lightbox.videoLightbox{width: 690px; height: 551px; margin: -275px 0 0 -345px;}
    #lightbox.videoLightbox.issuLightbox{width: 690px; height: 405px; margin: -203px 0 0 -345px;}
}

/* BTN CLOSE */
body #lightbox a.btnClose:after{
    content: ""; width: 50px; height: 50px; position: absolute; left: 0; top: 0;
    background: transparent url(../imgs/icon-btn-close.png) no-repeat center center; background-size: 16px 16px;
    -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg);
    -mz-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: -ms-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -mz-transition: -mz-transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: transform .25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
body #lightbox a.btnClose:hover:after{
    -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);
    -mz-transform: rotate(90deg); transform: rotate(90deg);
}


/*-------------------------------------------------------------------------
=FOUR COLUMNS
-------------------------------------------------------------------------*/
.fourColumns article > a{
    padding-bottom: 95px;
    -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out;
}

.fourColumns article .title{
    display: block; position: absolute; left: 0; bottom: 20px; padding: 20px 20px 0; width: 100%; height: 80px; min-height: 80px;
    overflow: hidden; z-index: 20; background: #f3f3f3;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out;
}
.fourColumns article img{-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;}

.fourColumns article:hover .title{height: 120px; min-height: 120px;}
.fourColumns article:hover img{-webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px);}

/* Video */
.fourColumns article.video a .icoPlay{-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out;}
.fourColumns article.video a:hover .icoPlay{-webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px);}

/* Other (Brochuras) */
.fourColumns article.other > a{padding-bottom: 0;}
.fourColumns article.other .title{background: #ff4200; opacity: 0; height: auto; bottom: -30px;}
.fourColumns article.other:hover{background: transparent!important;}
.fourColumns article.other:hover .title{bottom: 0; opacity: 1;}
.fourColumns article.other .title{-webkit-transition: bottom .15s ease-out; -moz-transition: bottom .15s ease-out; transition: bottom .15s ease-out;}

.fourColumns article.other .title h3{color: #FFF;}
.fourColumns article.other .title:before{color: #fff;}

/*-------------------------------------------------------------------------
=EQUIPA
-------------------------------------------------------------------------*/
/* LinkedIn */
.equipa .mainContent li a span.icoLinked{
    opacity: 0;
    -moz-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px);
    -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
/* Função */
.equipa .mainContent li .equInfo p{
    opacity: 0;
    -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out;
}
.equipa .mainContent li .equInfo.hover p{opacity: 1;}
/* Hover Color */
.equipa .mainContent li .action-hover span.hoverColor{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    padding: 0; border: 10px solid #ff4200; background: #ff4200; opacity: .4;
    display: none;
    -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.equipa .mainContent li .action-hover:hover span.hoverColor{border-width: 0px; background: transparent;}
.equipa .mainContent li .action-hover:hover span.icoLinked{
    opacity: 1;
    -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);
    -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}
/* Blank Member*/
.equipa .mainContent li.blankMember a:hover:before,
.equipa .mainContent li.blankMember a:hover:after{background: #fff;}
.equipa .mainContent li.blankMember a:hover span.hoverColor{border: 3px solid #FFF; background: #ff4200;}

/* Black and White filter */
img.desaturate{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
    filter: gray; -webkit-filter: grayscale(1);
}
.rsNavSelected img.desaturate{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
    filter: none; -webkit-filter: grayscale(0);
}
.hover img.desaturate{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
    filter: none; -webkit-filter: grayscale(0);
}

/*-------------------------------------------------------------------------
=COMPANY — Produtos
-------------------------------------------------------------------------*/
.produtos .mainContent li a .prodInfo p{
    /*opacity: .3;*/ width: 375px; padding-right: 0px;
    -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);
    -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.produtos .mainContent li a:hover .prodInfo p{
    -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); transform: translateX(-70px);
    opacity: 1;
}
.produtos .mainContent li a .prodInfo .btnView{
    -moz-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px); opacity: 0;
    -moz-transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s;
}
.produtos .mainContent li a:hover .prodInfo .btnView{
    -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-transition: all .15s ease-in-out .05s; transition: all .15s ease-in-out .05s;
    opacity: 1;
}

/*--------------------------------------------------------------------------
=CARREIRAS
-------------------------------------------------------------------------*/
#videoHRP3{
    position: absolute; left: -5555px; opacity: 0;
    -webkit-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear;
}
#videoHRP3.hover{position: absolute; left: 0;}
#videoHRP3.massiveFade{opacity: 1;}

/*-------------------------------------------------------------------------
=BUTTONS
-------------------------------------------------------------------------*/
a.btn{
     padding: 10px 15px;
    -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;
}

/* BTN Previous, Next, Down, More */
a.btnPrev:after, a.btnNext:after, a.btnDown:after, a.btnMore:after, a.btnExternal:after, a.btnView:after, a.btnPlay:after{
    opacity: 0;
    -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; transition: opacity 0.1s linear;
}
a.btnDown:hover:after, a.btnPrev:hover:after, a.btnNext:hover:after, a.btnMore:hover:after, a.btnExternal:hover:after, a.btnView:hover:after, a.btnPlay:hover:after{opacity: 1;}
a.btnNext:hover, a.btnDown:hover, a.btnMore:hover, a.btnView:hover{padding: 10px 40px 10px 15px;}
a.btnPrev:hover{padding: 10px 15px 10px 40px;}
a.btnView:hover, a.btnExternal:hover{padding: 10px 50px 10px 15px;}
a.btnPlay:hover{padding: 10px 50px 10px 15px;}

/* BTN Custom (SlideShow Home) */
a.btnCustom{color: #FFF; border-color: #FFF;}
a.btnCustom:after{color: inherit; opacity: 0;}
a.btnCustom:hover{color: inherit; border: 2px solid #fff; background: #fff;}
a.btnCustom:hover:after{color: inherit;}

/* Btn Submit */
#btnSubmit{
     padding: 10px 15px!important;
    -webkit-transition: all .1s linear!important; -moz-transition: all .1s linear!important; transition: all .1s linear!important;
}
#btnSubmit:hover{padding: 10px 55px 10px 15px!important;}
#btnSubmit:before{opacity:0;}
#btnSubmit:hover:before{opacity:1;}

/* CONTACTOS — espaços entre botões*/
.contactos .introOthers .btn{margin: 0 15px 10px 10px;}
.contactos .introOthers .btn:hover{padding: 10px 40px 10px 15px;}
.contactos .introOthers .btn:hover{margin: 0 0 0 0;}

/*-------------------------------------------------------------------------
=ARTICLE PARALAX
-------------------------------------------------------------------------*/
.hasPrlx #mainWrapper .bgPic{background-position: 50% 40px;}
.hasPrlx .bgPic{-webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}