/*-----------------------------------------------------------------------
LAYOUT - Grupo CH (modern browsers)

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

a.disabled{pointer-events: none;}
#subMenuMain a.disabled{opacity: .5;}

/*-------------------------------------------------------------------------
=NAVIGATIONS
-------------------------------------------------------------------------*/
/*=SUB MENU
-------------------------------------------------------------------------*/
#subMenu{
    display: block; position: relative; float: left; width: 100%; height: auto;
    text-align: center; margin: 0 auto;
    font: normal 400 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #FFF;
}
#subMenu > ul{display: block; position: relative; float: left; overflow: hidden; width: 75%;}
#subMenu > ul li{
    display: block; position: relative; float: left; width: 33.3333333%; height: auto;
    border: 1px solid #DBDBDB; border-right: 0; border-left: 0;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px;
}
#subMenu > ul li:first-child{border-left: 1px solid #DBDBDB;}
#subMenu > ul li a:before{display: inline-block; height: 20px; margin-right: 10px; line-height: 20px;}

#subMenu a{
    display: block; position: relative; float: left; width: 100%;
    background: #FFF; color: #adadad; padding: 20px 0; z-index: 10;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#subMenu a:hover{color: #ff4200;}
#subMenu .on a{background: #ff4200; color: #FFF; pointer-events:none;}
#subMenu > ul li.on, #subMenu .on .pesquisa{border: 1px solid #ff4200!important;}
#subMenu .on:after, #subMenu .on:before {
    position: absolute; top: 100%; width: 0; height: 0;
    border: solid transparent; content: " "; pointer-events: none;
}
#subMenu .on:after {
    border-color: rgba(243, 243, 243, 0); border-top-color: #ff4200; border-width: 10px;
    left: 50%; margin-left: -12px;
}
#subMenu .on:before {
    left: 50%; margin-left: -12px; border-color: rgba(239, 239, 239, 0);
    border-top-color: #ff4200; border-width: 11px;
}

/*=SUB MENU - Dropmenu
-------------------------------------------------------------------------*/
/*#subMenu .subMenuPlus{
    display: block; position: absolute; width: 25%; background: #FFF;
    right: 0; z-index: 100; overflow: hidden;
}
#subMenu .subMenuPlus:after{
    display: block; position: absolute; right: 20px; top: 20px; width: 20px; height: 24px;
    font: 16px/24px 'grupoIco', Helvetica, Arial, sans-serif; color: #ff4200;
    content: "4";
}
#subMenu .subMenuPlus ul{position: relative; float: left; width: 100%; border-bottom: 1px solid #DBDBDB;}
#subMenu .subMenuPlus ul li{
    display: block; position: relative; float: left; width: 100%;
    border: 1px solid #DBDBDB; border-top: none; border-bottom: none;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#subMenu .subMenuPlus ul li.on:after, #subMenu .subMenuPlus ul li.on:before {display: none;}
#subMenu .subMenuPlus ul li a{padding: 15px 0;}
#subMenu .subMenuPlus ul li.on{border: 1px solid #ff4200; border-top: none; border-bottom: none;}
#subMenu .subMenuPlus h4{
    display: block; position: relative; float: left; width: 100%; padding: 20px 0;
    font: normal 400 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #adadad;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border: 1px solid #DBDBDB;
}
#subMenu .subMenuPlus.active h4:after{color: #FFF;}
#subMenu .subMenuPlus h4.on{background: #ff4200; color: #FFF; border: 1px solid #ff4200;}
#subMenu .subMenuPlus.active:after{color: #FFF;}

#subMenu .subMenuPlus > ul{display: none;}
#subMenu .subMenuPlus:hover > ul{display: block;}*/

/*=MEDIA MENU
-------------------------------------------------------------------------*/
#mediaHeader{display: block; position: relative; float: left; width: 100%;}
#mediaHeader #subMenu > ul{width: 100%;}
#mediaHeader #subMenu > ul li{width: 20%;}
#mediaHeader #subMenu > ul li.last{border-right: 1px solid #DBDBDB;}
#mediaHeader #subMenu p{
    display: block; position: relative; float: left; width: 5%;
    font: normal 400 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #adadad;
}
#mediaHeader #subMenu p.on a{pointer-events: auto;}
#mediaHeader #subMenu .pesquisa{
    display: block; position: relative; float: left; width: 100%;
    border: 1px solid #DBDBDB; margin-left: -1px;
}
#mediaHeader #subMenu .pesquisa em{text-indent: -5555px; display: none;}
#mediaHeader #subMenu .pesquisa:after{
    display: block; position: relative; float: left; width: 100%;
    font: 35px/24px 'grupoIco', Helvetica, Arial, sans-serif; content: "7";
}

/* TAGS */
#mediaHeader .tags {display: block; position: absolute; top: -50px; float: left; width: 100%;}

/* SEARCH */
.pesquisaBox{display: none; position: relative; float: left; width: 100%; font-size: 14px; margin: 40px 0 30px 0;}
.pesquisaBox input{
    display: block; position: relative; float: left; width: 95%; border: none; padding: 0;
    border-bottom: 1px solid #dadada;
    font: normal 300 48px/52px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
}
.pesquisaBox button#btnSearch{
    display: block; position: relative; float: left; width: 5%; height: 52px;
    border: none; padding: 0; background: transparent; cursor: pointer;
}
.pesquisaBox button#btnSearch em{display: none;}
.pesquisaBox button#btnSearch:after{
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 52px;
    font: 48px/52px 'grupoIco', Helvetica, Arial, sans-serif; content: "3"; color: #adadad;
}
.pesquisaBox button#btnSearch:hover:after{color: #ff4200;}
.pesquisaBox p{clear: both; font-size: 14px; color: #adadad; padding-top: 10px;}
.pesquisaLayer{display: block; position: absolute; left: 0px; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255,.8);}


/*************************************************************************
=BLOCKS
**************************************************************************/
/*-------------------------------------------------------------------------
=INTRO
-------------------------------------------------------------------------*/
.intro h2, .intro h3, .intro h4,
.introOthers h2, .introOthers h3, .introOthers h4{text-align: center; max-width: 800px; margin: 0 auto 40px;}

/* SERVIÇOS */
.servicos {display: block; position: relative; margin: 40px auto; overflow: hidden;}
.servicos li{
    display: block; position: relative; float: left; padding-right: 3.90625%; text-align: center;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.servicos li p{font: normal 500 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333;}
.servicos span.line{margin: 25px auto 25px;}

/*-------------------------------------------------------------------------
=HOME
-------------------------------------------------------------------------*/
.home #contactos{margin-top: 40px;}

/*-------------------------------------------------------------------------
=COMPANY
-------------------------------------------------------------------------*/
.company h2, .company h3{text-align: center; max-width: 800px; margin: 0 auto;}
.company h2, .company h2 + p{color: #ff4200;}

.company .intro h3{color: #333!important; margin-bottom: 40px;}

.company span.line{background: #ff4200;}
.company #mainWrapper{border: none;}
.company section{margin-bottom: 130px;}
.company.grupo section{margin-bottom: 110px;}
.company section.last{margin-bottom: 0; padding-bottom: 110px;}
.company.grupo section.last{margin-bottom: 0; padding-bottom: 0;}
.company.grupo .portfolio {padding-top: 0; margin-bottom: 0;}
.company.grupo .portfolio .leftContent {
    display: block; position: absolute; width: 640px; left: 50%;
    top: 0; margin-left: -1280px;
}
.company.grupo .portfolio .rightContent {
    display: block; position: absolute; width: 640px; right: 50%;
    top: 0; margin-right: -1280px;
}
.company.grupo .portfolio .leftContent article{margin: 0 50px 50px 0; float: right;}
.company.grupo .portfolio .rightContent article{margin: 0 0 50px 50px; float: left;}

.company.grupo .portfolio div article > img{float: left;}
/*-------------------------------------------------------------------------
=COMPANY — Clientes
-------------------------------------------------------------------------*/
.clientes{text-align: center;}
.clientes h3{text-align: center; margin-bottom: 30px;}
.clientes ul{text-align: center;}
.clientes ul li{display: inline-block; text-align: center; padding: 0 2.34375% 2.34375%;}

/*-------------------------------------------------------------------------
=COMPANY — Galardões
-------------------------------------------------------------------------*/
.galardoes ul{text-align: center; margin-bottom: 20px;}
.galardoes ul li{margin: 0 2.34375% 2.34375%;display: inline-block; text-align: center;}
.galardoes ul li:last-child {margin-right: 0;}
/*-------------------------------------------------------------------------
=COMPANY — Portfolio
-------------------------------------------------------------------------*/
.portfolio .mainContent{
    display: block; position: relative; max-width: 1280px; overflow: hidden;
    margin: 0 auto; padding: 0 3.828125%;
}
.portfolio .mainContent article{display: block; position: relative; float: left; margin: 0 3.90625% 3.90625% 0;}
.portfolio .mainContent article > div{
    display: block; position: absolute; left: 0; bottom: 0;
    width: 100%; height: 100%; background: rgba(255, 66, 0, 0);
    -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}
.portfolio .mainContent a{
    display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%;
    border: 0; margin: 0;
}
.portfolio .mainContent a span{
    display: block; position: absolute; left: 50%; top: auto; bottom: 20px; margin: -25px 0 0 -25px;
    width: 50px; height: 45px; opacity: 0; color: #fff;
    -moz-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px);
    -moz-transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.portfolio .mainContent a span:after{display: block; text-align: center; font-size: 40px; width: 100%;}

.portfolio .mainContent article:hover > div{background: rgba(255, 66, 0, .9);}
.portfolio .mainContent article:hover a span{
    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;
}
.portfolio .mainContent article > img{display: block; width: 100%;}
.portfolio .mainContent article.noMargin{margin-right: 0;}
.portfolio .mainContent article.large{width: 60.9375% ;}
.portfolio .mainContent article.medium{width: 35.15625%;}
.portfolio .mainContent article.medium.horizontal{clear: left;}
.portfolio .mainContent article.medium.horizontal.noMargin{clear: none;}
.portfolio .mainContent article.small{width: 21.875%;}
.portfolio .mainContent .projInfo{
    position: relative; top: 50%; margin-top: -30px; height: auto;
    -webkit-transform: translateY(-50%);  transform: translateY(-50%);

    -webkit-transform-style: preserve-3d; -mz-transform-style: preserve-3d; transform-style: preserve-3d;
    -webkit-backface-visibility: hidden; -mz-backface-visibility: hidden; backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%; -mz-transform-origin: 50% 50%; transform-origin: 50% 50%;
    -webkit-perspective: 800px; -ms-perspective:800px; -mz-perspective:800px; perspective:800px;
}
.portfolio .mainContent .noLink .projInfo{margin-top: 0;}
.portfolio .mainContent .projInfo h4, .portfolio .mainContent .projInfo p{
    max-width: 450px; margin: 0 auto; text-align: center;
    color: #FFF; padding: 0 30px; opacity: 0;
}
.portfolio .mainContent .projInfo h4{
    -webkit-transform: translateY(50%); transform: translateY(50%);
    -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.portfolio .mainContent .projInfo p{
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.portfolio .mainContent .projInfo .line{
    background: #FFF; margin: 20px auto; opacity: 0; width: 0;
    /*-moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;*/
    -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
.portfolio .mainContent article:hover .projInfo h4, .portfolio .mainContent article:hover .projInfo p{
    -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1;
}
.portfolio .mainContent article:hover .projInfo .line{opacity: 1; width: 50px;}
.portfolio .mainContent article.active .projInfo h4, .portfolio .mainContent article.active .projInfo p{
    -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1;
}
.portfolio .mainContent article.active .projInfo .line{opacity: 1; width: 50px;}
.portfolio .mainContent article.active .btnHover{display: none!important;}


/* RSE */
.portfolio.rse .mainContent article.small p, .portfolio.rse .mainContent article.small .line,
.portfolio.rse .mainContent article.horizontal p, .portfolio.rse .mainContent article.horizontal .line{display: block;}
.portfolio.rse .twoColumns{
    padding: 40px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.portfolio.rse .twoColumns div{position: initial; float: left; width: 100%; height: auto; padding: 0;}
.portfolio.rse .twoColumns div p{font-size: 18px; line-height: 22px; font-weight: 400; margin-top: 25px;}
.portfolio.rse .mainContent .btn {position: absolute; height: auto; left: 40px; bottom: 40px; top: auto;}

.portfolio.rse .mainContent .projInfo{margin-top: 0;}
.portfolio.rse .mainContent .projInfo h4 img{display: inline-block; text-align: center; /*width: auto;*/ max-width: 100%;}
.portfolio.rse .mainContent a span{
    display: block; position: absolute; left: auto; right: 20px; top: auto; bottom: 20px; margin: 0; opacity: 1;
    width: 32px; height: 32px; border: 3px solid #fff;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);
    -moz-transition: all .1s ease-in-out 0s; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.portfolio.rse .mainContent a span:after{font-size: 25px; line-height: 32px;}
.portfolio.rse .mainContent article:hover a span{
    opacity: 0;
    -moz-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px);
    -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}
.portfolio.rse .mainContent .btn{
    display: block; position: absolute; width: auto;
    left: 40px; bottom: 40px;
}
.portfolio .mainContent article#idBCSD > div{background: rgba(37, 163, 69, .9);}
.portfolio .mainContent article#idRSOpt > div{background: rgba(134, 178, 0, .9);}
.portfolio .mainContent article#idUNGC > div{background: rgba(21, 60, 91, .9);}
.portfolio .mainContent article#idGrace > div{background: rgba(11, 119, 134, .9);}
.portfolio .mainContent article#idiGen > div{background: rgba(133, 1, 56, .9);}
.portfolio .mainContent article#idCHVol > div{background: rgba(0, 134, 170, .9);}

.portfolio .mainContent article#idBCSD:hover > div{background: rgba(37, 163, 69, 1);}
.portfolio .mainContent article#idRSOpt:hover > div{background: rgba(134, 178, 0, 1);}
.portfolio .mainContent article#idUNGC:hover > div{background: rgba(21, 60, 91, 1);}
.portfolio .mainContent article#idGrace:hover > div{background: rgba(11, 119, 134, 1);}
.portfolio .mainContent article#idiGen:hover > div{background: rgba(133, 1, 56, 1);}

/*-------------------------------------------------------------------------
=COMPANY — Produtos
-------------------------------------------------------------------------*/
.produtos .mainContent{
    display: block; position: relative; max-width: 1280px; overflow: hidden;
    margin: 0 auto;
}
.produtos .mainContent li{margin-bottom: 2.34375%;}
.produtos .mainContent li a{
    display: block; width: 100%; min-height: 100px;
    padding: 15px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.produtos .mainContent li a .prodInfo{display: block; position: relative; float: right; max-width: 375px; min-height: 70px;}
.produtos .mainContent li a .prodInfo p{
    display: table-cell; width: 375px; height: 70px; vertical-align: middle;
    font: normal 400 24px/27px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
    color: #FFF; padding-right: 70px; text-align: right;
}
.produtos .mainContent li a .prodInfo .btnView{
    display: block; position: absolute; top: 10px; right: 0; width: 40px; height: 50px;
    font-size: 40px; line-height: 50px; color: #FFF; text-align:center;
}
.produtos .mainContent li a .prodLogo{display: block; position: relative; float: left;}
.produtos .mainContent li a .prodLogo img{display: inline-block; vertical-align: middle;}

/* DINAMIC CONTENT */
.produtos .mainContent li.uniMarkets{background: #1d6073;}
.produtos .mainContent li.uniProjects{background: #3182b7;}
.produtos .mainContent li.uniEvents{background: #e10078;}
.produtos .mainContent li.uniIndustry{background: #3d2f72;}
.produtos .mainContent li.uniTourism{background: #00cdb8;}
.produtos .mainContent li.uniCulture{background: #66a0dc;}

/*-------------------------------------------------------------------------
=COMPANY — Social
-------------------------------------------------------------------------*/
ul.social li{display: block; position: relative; float: left; height: auto; text-align: center; margin-right: 25px;}
ul.social li a{display: inline-block; position: relative; width: auto;}
ul.social a img{
    display: block; position: relative; height: 30px; /*opacity: 1;
    -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; transition: opacity .1s linear;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;*/
}
/*ul.social a img.back{position: absolute; left: 0; top: 0; opacity: 0;}
ul.social a:hover .front{opacity: 0;}
ul.social a:hover .back{opacity: 1;}*/

/*-------------------------------------------------------------------------
=GRUPO — Visão / Missão / Valores
-------------------------------------------------------------------------*/
/* Visão */
h3.visao{margin: 3.90625% auto; font-size: 38px; line-height: 42px;}

/* Valores */
.valores{
    display: block; position: relative; max-width: 800px; height: auto;
    margin: 80px auto 0;
}
.valores ul{display: block; position: relative; width: 100%; height: auto;}
.valores ul li{
    display: block; position: relative; float: left; width: 50%; height: auto; margin: 20px 0 30px;
    font: normal 300 30px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #000;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.valores ul li.val02, .valores li.val04, .valores li.val06{text-align: right;}
.valores ul li.val03{padding-left: 50px;}
.valores ul li.val04{padding-right: 50px;}
.valores ul li.val05{padding-left: 100px;}
.valores ul li.val06{padding-right: 100px;}
.valores ul li.val07{width: 100%; text-align: center; margin: 10px 0 0;}
.valores .valNum{
    display: block; position: absolute; width: 160px; height: 160px; left: 50%; top: 0;
    margin-left: -80px; text-align: center; color: #fff; background: #ff4200;
    font: normal 400 100px/160px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif;
    -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;
}

/*-------------------------------------------------------------------------
=GRUPO — Fun Facts
-------------------------------------------------------------------------*/
.funFacts{display: block; position: relative; overflow: hidden; margin-bottom: 70px;}
.funFacts div{
    display: block; position: relative; float: left; /*width: 25%;*/ width: 22.75%;
    /*padding-right: 3.90625%;*/ margin-right: 3%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.funFacts div:last-child{margin-right: 0;}
.funFacts div h4, .funFacts div p{text-align: left; color:#333333;}
.funFacts div h4{font-size: 65px; line-height: 70px; margin-bottom: 10px;}

/*-------------------------------------------------------------------------
=GRUPO — Objeção de Consciência
-------------------------------------------------------------------------*/
/* Slider */
#navObsessoes.royalSlider, #navResp.royalSlider, #navRelatorios.royalSlider {width: 100%; height: 100%;}
#navRelatorios.royalSlider .rsOverflow{height: 620px;}
#navObsessoes.royalSlider .rsOverflow{height: 250px;}
#navResp.royalSlider .rsOverflow{height: 300px;}
#navRelatorios h2{display: none;}
#navObsessoes.royalSlider, #navResp.royalSlider{margin-top: 50px;}
#navRelatorios.royalSlider{padding-top: 160px;}
.royalSlider .rsOverflow{float: none; max-width: 700px; /*min-height: 250px;*/ min-height: 115px; padding-bottom: 0; margin: 0 auto;}
.royalSlider .rsSlide > div{padding: 0 50px;}

#navObsessoes:before, #navResp:before{
    display: block; position: absolute; width: 70px; height: 70px; left: 50%; top: 0;
    margin-left: -35px; content: "";
    background: #fff; text-align: center;
    font: normal 400 48px/63px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color: #fff;
    -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;
}
#navResp:before{background: #ff4200;}
.royalSlider h3{
    display: block; position: relative;
    text-align: center; letter-spacing: -1px; width: 100%;
    font-size: 38px; line-height: 42px;
}
.royalSlider .single, .royalSlider .double{margin-bottom: 50px;}
#navObsessoes.royalSlider h3{color:#fff; padding-top: 100px;}
#navResp.royalSlider h3{padding-top: 100px;}
#navResp p{
    font: normal 300 18px/27px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333;
    text-align: center; margin-top: 15px; width: 100%;
}
.royalSlider span.number{
    display: block; position: absolute; width: 70px; height: 70px; left: 50%; top: 0;
    margin-left: -35px; text-align: center;
    font: normal 400 48px/68px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color: #ff4200;
}
.royalSlider .rsABlock{position: relative; display: block; left: auto; top: auto;}
#navResp span.number{color: #fff;}

.grupo .noTop{padding-top: 0;}

/* Slider - Setas */
.royalSlider .rsArrow{
    display: block; position: absolute; width: 25px; height: 60px;
    background: transparent url(../imgs/royalslider-seta.png) no-repeat center center;
    background-size: 50% 50%;
}
#navObsessoes.royalSlider .rsArrow{top: 92px;}
#navResp.royalSlider .rsArrow{top: 92px;}
#navRelatorios.royalSlider .rsArrow{top: 150px;}

.royalSlider .rsArrow:after{
    display: none;
    /*display: block; position: absolute; top: 0;
    content: "3"; color: #dedede; font-size: 60px; line-height: 60px;
    font-family: 'grupoIco', Helvetica, Arial, sans-serif; text-transform: lowercase; letter-spacing: normal;*/
}
.royalSlider .rsArrow.rsArrowLeft{left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg);}
.royalSlider .rsArrow.rsArrowRight{right: 0;}

.royalSlider .rsNav{display: block; position: absolute; left: 0; top: 30px; width: 100%; height:50px; text-align: center;}
.rsNavItem {display: inline-block; margin: 0 5px;}
.rsNavItem .rsTmb{
    position: relative; float: left; height: auto; white-space: nowrap; background: transparent;
    font: normal 400 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200; z-index: 1;
    -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;
}
.rsNavItem .rsTmb:hover, .rsNavItem.rsNavSelected .rsTmb{color: #fff; cursor: pointer;}

#navRelatorios .rsNavItem .rsTmb{padding: 10px 15px; border: 2px solid #ff4200;}
#navRelatorios .rsNavItem .rsTmb:hover, #navRelatorios .rsNavItem.rsNavSelected .rsTmb{background: #ff4200; border: 2px solid #ff4200;}
/*#navObsessoes.royalSlider .rsArrow:after{color: #FFF;}*/
#navObsessoes.royalSlider .rsArrow{background-image: url(../imgs/royalslider-setaW.png);}

/*Bullets*/
.royalSlider .rsBullets{text-align: center; display: none;}
.royalSlider .rsBullets .rsBullet{
    display: inline-block; width: 8px; height: 8px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
    margin-right: 10px; background: #dadada;
}
.royalSlider .rsBullets .rsBullet:hover, .royalSlider .rsBullets .rsNavSelected{background: #ff4200; cursor: pointer;}
.bgOrange .royalSlider .rsBullets .rsBullet{background: #992800;}
.bgOrange .royalSlider .rsBullets .rsBullet:hover, .bgOrange .royalSlider .rsBullets .rsNavSelected{background: #fff;}

#navEquipa.royalSlider, #navEquipaMobile.royalSlider{width: 100%; height: 100%;}
#navEquipa.royalSlider .rsOverflow, #navEquipaMobile.royalSlider .rsOverflow{max-width: 100%; height: 620px;}
#navEquipa.royalSlider .rsArrow, #navEquipaMobile.royalSlider .rsArrow{
  top: 35%;
  background-image: url(../imgs/royalslider-setaW.png);
}
/*#navEquipa.royalSlider .rsArrowDisabled {
  background-image: url(../imgs/royalslider-seta.png);
  -webkit-transition: background-image .2s linear; -ms-transition: background-image .2s linear; transition: background-image .2s linear;
  display: none !important;
}*/
#navEquipa.royalSlider .rsBullets,
#navEquipaMobile.royalSlider .rsBullets {
  display: block;
  bottom: -40px;
  top: inherit;
}
#navEquipa.royalSlider .rsBullet,
#navEquipaMobile.royalSlider .rsBullet {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  margin: 0 12px;
  cursor: pointer;
  border-radius: 0;
  background: transparent;
}
#navEquipa.royalSlider .rsBullet span,
#navEquipaMobile.royalSlider .rsBullet span {
  display: block;
  width: 50px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #ffffff;
  opacity: .4;
  cursor: pointer;

  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#navEquipa.royalSlider .rsBullet.rsNavSelected span,
#navEquipaMobile.royalSlider .rsBullet.rsNavSelected span {
  opacity: 1;
}
#navEquipa.royalSlider .rsBullet:hover span,
#navEquipaMobile.royalSlider .rsBullet:hover span {
  height: 6px;
  top: 5px;
}
#navEquipa.royalSlider .rsContainer, #navEquipaMobile.royalSlider .rsContainer { transition-timing-function: cubic-bezier(.72,.08,.2,1) !important; }

.show-for-small { display: none!important;}
.hide-for-small { display: inherit!important;}


/*-------------------------------------------------------------------------
=GRUPO — Equipa
-------------------------------------------------------------------------*/
.equipa .mainContent{
    display: block; position: relative; max-width: 1180px;
    margin: 0 auto; overflow: hidden;
}
.equipa .mainContent li{
    display: block; position: relative; float: left; width: 25%; height: auto;
    text-align: center; padding: 0 3.90625%; margin-bottom: 7.8125%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.equipa .mainContent li .equInfo{
    display: block; position: relative; width: 100%; height: 20px;
    padding-top: 20px;
}
.equipa .mainContent li .equImgs{
    display: block; position: relative; width: 100%; max-width: 180px; height: auto;
    margin: 0 auto;
}
.equipa .mainContent li h4{
    font: normal 400 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #fff;
    letter-spacing: 0;
}
.equipa .mainContent li p{
    font: normal 500 15px/15px 'Whitney SmallCaps A', 'Whitney SmallCaps B', Helvetica, Arial, sans-serif;
    color: #ff907b; text-transform: lowercase;
}
/* Link + Imagem */
.equipa .mainContent li .action-hover, .equipa .mainContent li img{
    display: block; position: relative; width: 100%; height: 100%; overflow: hidden;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.equipa .mainContent li img{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
.equipa .mainContent li .action-hover{position: absolute; left: 0; top: 0;}

/* LinkedIn */
.equipa .mainContent li .action-hover span.icoLinked{
    display: block; position: absolute; left: 50%; top: 50%; width: 34px; height: 34px;
    margin: 34px 0 0 -17px; text-indent: -5555px; background: #008ac8;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.equipa .mainContent li .action-hover span.icoLinked:before{
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    color: #fff; text-indent: 0; font-size: 28px; line-height: 30px;
}


.equipa .mainContent li img {
  opacity: .6;
  -webkit-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
}
.equipa .mainContent li .equImgs:hover img {
  opacity: 1;
}

.equipa .drag-message {
  display: none;
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.equipa .drag-message svg {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: auto;
}
.equipa .drag-message span {
  display: block;
  font: normal 400 18px/23px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  margin-top: 15px;
}


/* Blank Member*/
.equipa .mainContent li.blankMember a span.hoverColor{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    padding: 0; border: 10px solid #FFF; background: #FFF; opacity: 1;
    -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.blankMember a:before, .equipa .mainContent li.blankMember a:after{
    display: block; position: absolute; width: 3px; height: 56px;
    left: 50%; top: 50%; margin: -28px 0 0 -1px;
    background: #ff4200; content: ""; z-index: 10;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.equipa .mainContent li.blankMember a:after{
    width: 56px; height: 3px;
    margin: -1px 0 0 -28px;
}
.equipa .mainContent li.blankMember a:hover:before,
.equipa .mainContent li.blankMember a:hover:after{background: #ff4200;}
/*.equipa .mainContent li.blankMember img{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible;}*/
.equipa .mainContent li.blankMember img {opacity: 0;}

/*-------------------------------------------------------------------------
=CARREIRAS — Testemunhos
-------------------------------------------------------------------------*/
.testemunhos h3{text-align: center;}

/* Slider */
#navTestemunhos.royalSlider{width: 100%; height: 150px; padding: 140px 0 0;}
#navTestemunhos .rsOverflow{float: none; max-width: 870px; margin: 0 auto; padding-bottom: 0;}
#navTestemunhos h4{
    font: normal 400 43px/46px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color:#333333;
    text-align: center; letter-spacing: -1px; width: 100%;
}
#navTestemunhos p{
    font: normal 300 24px/27px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#adadad;
    text-align: center; margin-top: 25px; width: 100%;
}
/* Slider - Tabs */
#navTestemunhos .rsTabs{display: block; width: 100%; text-align: center; position: absolute; top: 0;}
#navTestemunhos .rsTabs .rsTab{
    display: inline-block; padding: 0; margin: 0 15px; overflow: hidden;
    border: 3px solid #f3f3f3; width: 80px; height: 80px; background: #f3f3f3;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#navTestemunhos .rsTabs .rsTab .rsTmb{display: block; position: relative; width: 100%; height: 100%;}
#navTestemunhos .rsTabs .rsTab:hover, #navTestemunhos .rsTabs .rsNavSelected{cursor: pointer;}
#navTestemunhos .rsTabs .rsTab img{
    display: block; position: relative; width: 100%; height: 100%; overflow: hidden;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
#navTestemunhos .rsTabs .rsTab span.hoverColor{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: #ff4200; opacity: .45;
    -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s 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;
}
#navTestemunhos .rsTabs .rsTab:hover span.hoverColor, #navTestemunhos .rsTabs .rsNavSelected span.hoverColor{
    opacity: 0;
}

#navTestemunhos .rsABlock{position: relative; display: block; left: auto; top: auto;}

/*-------------------------------------------------------------------------
=CARREIRAS — Actividades
-------------------------------------------------------------------------*/
.actividades.bgPic{height: auto;}
.actividades.bgPic img{margin: 0;}
.actividades div{display: block; position: relative; height: 100%;}
.actividades .picsLeft{position: absolute; width: 640px; left: 50%; top: 0; margin-left: -1280px;}
.actividades .picsCenter{width: 100%; max-width: 1280px; margin: 0 auto;}
.actividades .picsRight{
    position: absolute; width: 640px; right: 50%;
    top: 0; margin-right: -1280px;
}
.actividades > div{padding-top: 2px!important;}
.actividades div div{display: block; position: relative; float: left; width: 100%; height: auto;}
.actividades div div.medium{width: 50%;}
.actividades div div div{
    display: block; position: absolute; left: 50%; top: 50%; max-width: 660px; height: auto;
    text-align: center; padding: 0 50px;
    -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
    -webkit-box-sizing: border-box; box-sizing: border-box;
}
.actividades div div.medium div{max-width: 550px;}
.actividades div div img{display: block; position: relative; width: 100%; height: auto;}
.actividades div div video{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.actividades div div .picColor{
    display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: #ff4200; opacity: .45;
}
.actividades div div div h4, .actividades div div div p{color: #FFF;}
.actividades div div div .line{background: #FFF; margin: 30px auto;}


.actividades .center{position: absolute; bottom: 30px; width: 100%; height: 100px;}
.actividades a.overplayer{
    position: relative; display: inline-block; width: 55px; height: 55px; opacity: 1; margin: 12px 0 10px 0;
    -webkit-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear;
}
.actividades a.overplayer span.play{
   position: absolute; top: 0; left: 0; display: inline-block; text-indent: -5555px;  width: 55px; height: 55px; opacity: 0;
   background: transparent url(../imgs/ico-play-small@2x.png) no-repeat; background-size: 55px 55px;
}
.actividades a.overplayer span.line{
    position: absolute; top: 0; left: 0; background: #FFFFFF; height: 2px; width: 55px; opacity: 1;
}
.actividades a.overplayer span{
    -webkit-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear;
}
.actividades a.overplayer.hover span.play{opacity: 1;}
.actividades a.overplayer.hover span.line{opacity: 0;}

.ie8 .carreiras .actividades,
.ie8 .carreiras .politicas .weImage { display: none; }
.ie8 .politicas ol li.right:first-child div span { top: 120px; }

/*-------------------------------------------------------------------------
=CARREIRAS — Políticas
-------------------------------------------------------------------------*/
.politicas .rules{
    display: block; position: relative; float: left; width: 100%; height: 520px;
    overflow: hidden;
}
.politicas .weaspire{
    display: block; position: absolute; width: 310px; height: 310px; margin: -100px 0 0 -155px;
    left: 50%; top: 50%; z-index: 10; background: #fff;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.politicas .weaspire:after{
    display: block; position: absolute; left: 0; bottom: 25px; width: 100%;
    text-align: center; color: #ff4200; font-size: 25px;
}
.politicas .weText{
    display: block; position: relative; float: left; width: 100%; margin-top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);
}
.politicas .weText h4, .politicas .weaspire .weText p{width: 100%; height: auto; text-align:center;}
.politicas .weText h4{padding: 0 20px;width: auto;font-size: 30px; line-height: 33px; color: #ff4200; letter-spacing:-1px;}
.politicas .weText p{font-size: 24px; line-height: 27px; color: #adadad; margin-top: 5px;}
.politicas .weImage{
    display: block; position: absolute; left: 50%; top: 50%; width: 844px; height: 844px;
    margin: -367px 0 0 -422px;
    background: transparent url(../files/carreiras/carreiras-rules-bg.jpg) no-repeat center center;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    -moz-transition: all .17s ease-in-out; transition: all .17s ease-in-out;
}
.politicas a.btnClose{
    display: block; position: absolute; right: 20px; top: 80px;
    color: #fff; z-index: 100; font-size: 30px;
}
.politicas a.btnClose span{display: none;}

/*Closed*/
/*.politicas.closed{margin: 0!important;}
.politicas.closed .wrapper, .politicas.closed .endPoint{display: none;}*/

/*-------------------------------------------------------------------------
=CARREIRAS — Politicas (from flashme!)
-------------------------------------------------------------------------*/
.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;}

/* Lista */
.politicas ol{padding-top: 40px;}
.politicas ol li{
    display: block; position: relative; float: left; width: 100%; height: auto;
    padding: 0 7.8125%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.politicas ol li div{
    display: block; position: relative; float: left; width: 50%; height: 100%;
    margin-top: -40px;
}
.politicas ol li img{
    display: block; position: relative; width: 100%;
    -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.politicas ol li h3{width: 100%; text-align: center;}
.politicas ol li p{
    position: absolute; left: -100%; top: 50%; width: 100%; color:#fff;
    padding: 0 70px 0 100px;
    -webkit-transform:translateY(-50%); transform:translateY(-50%);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.politicas ol li span{
    display: block; position: absolute; top: 50%; width: auto; height: auto;
    font: normal 400 400px/400px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color:#fff;
    -webkit-transform:translateY(-50%); transform:translateY(-50%);
}
.politicas ol li.right div:first-child{float: right;}
.politicas ol li.left p{left: 100%;  padding: 0 100px 0 70px;}
.politicas ol li.left span{left: -100px;}
.politicas ol li.right span{right: -100px;}
.politicas ol li.left span.mLeft{left: -150px;}
.politicas ol li.right span.mRight{right: -150px;}

.politicas .btn{margin-top: 60px;}
.politicas h3.icoGrupo:before{
    display: block; position: relative; color: #FFF;
    font-size: 55px; margin-bottom: 40px;
}
.endPoint{
    display: block; position: absolute; left: 50%; bottom: -110px; width: 3px; height: 195px;
    background: #FFF; margin-left: -1px;
}
.endPoint:before{
    display: block; position: absolute; left: -4px; top: 0px; width: 11px; height: 11px;
    background: #FFF; content: "";
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
}
/*-------------------------------------------------------------------------
=CARREIRAS — Ofertas
-------------------------------------------------------------------------*/
.carreiras .introOthers .btn{margin-bottom: 10px;}
.ofertas article{
    display: block; position:relative; float:left; overflow: hidden;
    width: 22.03125%;/* 282/1280 = 0.3078125 */ height: 300px; margin-right: 3.90625%;/* 50/1280 = 0.0390625 */
    margin-bottom: 3.90625%; background: #f3f3f3; padding: 20px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.ofertas article.last{margin-right: 0;}
.ofertas article h4{font-size: 30px; line-height: 33px; color: #333;}
.ofertas article p{font-size: 14px; line-height: 17px; color: #ff4200; margin-top: 10px;}
.ofertas article .pBottom{position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center;}
.ofertas article .btn{display: inline-block; float: none; margin: 0;}

/*-------------------------------------------------------------------------
=PRÉMIOS
-------------------------------------------------------------------------*/
.premios .podio{
    display: block; position: relative; margin: 0 auto;
    overflow: hidden; text-align: center;
}
.premios .podio li{
    display: inline-block; position: relative; margin: 70px 30px 0;
    overflow: hidden;
    height: 210px;
}
.premios .podio li h2{
    display: block; position: relative; margin: 10px 0 0; padding-top: 25px;
    border-top: 1px solid #fff;
}

/* Awwwards */
.awards .wrapper{padding-top: 40px;}
.awards .wrapper .awardBlock{overflow: hidden; margin-bottom: 0;}
.awards .awardBlock h2{color: #231f20; text-align: left; margin-bottom: 40px;}
.awards .awardBlock p{
    margin-bottom: 27px; letter-spacing: -1px;
    font: normal 300 24px/28px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
}
/*.awards .awardBlock .awardLeft, .awards .wrapper .awardRight{display: block; position: relative; float: left;}
.awards .awardBlock .awardLeft{width: 31.481481481481%; margin-right: 9.259259259259%;}
.awards .awardBlock .awardRight{width: 59.259259259259%; padding-top: 22px;}

.awards .awardBlock .awardLeft ul{position: relative; float: left; line-height: 70px;}
.awards .awardBlock .awardLeft ul li{position: relative; float: left; margin-right: 20px;}
.awards .awardBlock .awardLeft ul li img{width: 70%;}

.awards .wrapper .awardSpecial + .awardSpecial + .awardSpecial {margin: 0;}
.awards .double div.last{margin-left:10.90625%;}
.awards .double div{display:block;position:relative;float:left;width:44.046875%;}
.awards .awardBlock p{text-indent:50px;}
.awards .awardBlock p:first-child{text-indent:0;font-size:1.3em;text-align:justify;}*/
.awards .awardBlock h3{color:#333!important;margin-bottom:40px;text-align:center;max-width:700px;margin:0 auto 60px;}
.awards .centerBlock h2,.awards .centerBlock > p{margin-bottom:20px;text-align:center;max-width:700px;margin:0 auto;}
.awards .awardSpecial .awardDesc {margin-bottom: 45px;}
.awards .wrapper .awardSpecial {margin-bottom: 100px;}
.awards .centerBlock .awardDesc p{text-align:center;max-width:700px;margin:0 auto;}
.awards .awardBlock h2{text-align:center;margin-bottom:30px;}
.awards .awardBlock h2 + p{text-align:center;text-indent:0;color:#333333;}
.awards .awardBlock p:first-child{font-size:24px;}
.awards .awardBlock .awardDesc p{text-align:center;}
.awards .awardBlock .customWidth {max-width: 900px; margin: 0 auto 45px;}
.awards .wrapper .royalSlider {height: 200px;}

.premios .bgPic.premioBreak01{background: transparent url(../files/layout/premios-bg-01.jpg) no-repeat center top;}
.premios .bgPic.premioBreak02{background: transparent url(../files/layout/premios-bg-02.jpg) no-repeat center top;}
.premios .bgPic.premioBreak03{background: transparent url(../files/layout/premios-bg-04.jpg) no-repeat center top;}
.premios .bgPic.premioBreak04{background: transparent url(../files/layout/premios-bg-03.jpg) no-repeat center top;}
.premios .bgPic.premioBreak05{background: transparent url(../files/layout/premios-bg-05.jpg) no-repeat center top;}
.premios .royalSlider {width: 100%;}
.premios .prize_wrapper .prize {width: auto; margin: 0 2.34375% 0 0;}
/*Divs de prémios*/
.prize_wrapper {width: 100%; height: auto;}
.prize_wrapper .rsOverflow {padding-bottom: 0;margin: 0;max-width: 100%;}
.prize_wrapper .block_wrapper {text-align: center;}
.prize_wrapper .prize{text-align: left; display: inline-block;width: 100%;}
.prize_wrapper .prize ul{width: auto;margin: 0 auto;}
.prize_wrapper .prize ul li { display: inline-block; padding:0 30px 20px 0; width: auto; margin: 0;}
.prize_wrapper .prize span,.prize_wrapper .prize h6{
    font:normal 400 14px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
    white-space: nowrap; color:#adadad;
}
.prize_wrapper.royalSlider .rsArrow.rsArrowLeft,
.prize_wrapper.royalSlider .rsArrow.rsArrowRight{top:20px;}
.prize_wrapper .prize.last {margin: 0;}
.prize_wrapper.multiLogoSlider ul li.last {padding-right: 0;}

/*-------------------------------------------------------------------------
=CONTACTOS
-------------------------------------------------------------------------*/
.contactos{z-index: 5;}
.contactos .introOthers .btn{margin: 0 10px 10px 10px;}
.contactos .bgPic{height: 700px;}
.contactos .contactInfo{padding: 0;}
.contactos .contactInfo p{text-align: center; font: normal 300 30px/34px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;}
.contactos .contactInfo .center{margin-top: 50px;}
.contactos .contactInfo div{max-width: 760px; margin-top: 70px; overflow: hidden; padding: 0 20px;}
.contactos .contactInfo .wrapper{padding: 0;}
.contactos .contactInfo img{display: block; float: left; margin: 0 3.90625% 3.90625% 0;}
.contactos .contactInfo img.noMargin {margin-right: 0;}
.contactos .contactInfo img.large {width: 59.210526315789%;}
.contactos .contactInfo img.small {width: 36.842105263158%;}

.contactos .bgPic.lisboa{background: transparent url(../files/contactos/contactos-lisboa.jpg) no-repeat center top;}
.contactos .bgPic.coimbra{background: transparent url(../files/contactos/contactos-coimbra.jpg) no-repeat center top;}
.contactos .bgPic.porto{background: transparent url(../files/contactos/contactos-porto.jpg) no-repeat center top;}
.contactos .bgPic.ferreira{background: transparent url(../files/contactos/contactos-ferreiradoalentejo.jpg) no-repeat center top;}
.contactos .bgPic.luanda{background: transparent url(../files/contactos/contactos-luanda.jpg) no-repeat center top;}

/*-------------------------------------------------------------------------
=Consulting Card Flip
-------------------------------------------------------------------------*/
section .flipCards{overflow:visible; max-width: 1170px; margin: 0 auto;}

.cardsContainer {
    float:left; max-width: 48.71794871794872%; margin: 0 2.564102564102564% 2.564102564102564% 0;
    width: 100%; height: 365px;
    -webkit-perspective: 800; -moz-perspective: 800; -o-perspective: 800; perspective: 800;
}
.cardsContainer.odd{margin-right:0;}
.cardsContainer .card.cardOver{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);}
.card{
    position: relative; width: 100%; height: 100%;
    -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;
    -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
}
.card .front, .card .back{
    display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #ff4200;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;
}
.card .front{
    z-index: 2;
    -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); /* for firefox 31 */
}
.card .front img {position: absolute; left: 0; top: 0;}
.card .front h2{
    position: absolute; width:40%; top: 50%; left: 40px; margin-top: -70px;
    font:normal 400 50px/54px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color:#FFF;
    text-align:left; text-transform:capitalize;
}
.card .front a.clickFlip{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.card .front a.clickFlip span{
    display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: auto;
    font: normal 500 17px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #FFF;
    background: rgba(0,0,0, .2); padding: 20px 40px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.card .front a.clickFlip:hover span{bottom: 0; opacity: 1;}
.card .back{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);}


/* IE8-9 toggle Card Visibility */
/*Default*/
.ie8 .card .back, .ie9 .card .back {display: none;}
.ie8 .card .front, .ie9 .card .front {display: block;}
/*Clicked State*/
.ie8 .card.cardOver .back, .ie9 .card.cardOver .back {display: block;}
.ie8 .card.cardOver .front, .ie9 .card.cardOver .front {display: none;}

.card .back ul{position: absolute; left: 40px; top: 40px;}
.card .back .closeCard {float: right;cursor: pointer;}
.card .back .closeCard:after {
    display: block; float: left; position: relative; content: "x";
    width: 50px; height: 50px; text-align: center; text-indent: 0;
    font: 25px/50px 'grupoIco', Helvetica, Arial, sans-serif; color: #FFF;
}
.card .back ul li{
    margin: 0 0 15px; white-space: nowrap;
    font:normal 500 23px/28px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#FFF;
}
.card .back ul li a{color:#FFF;}
.center .viewMoreSlider, .mobiSlider{display: none;}
.royalSlider {display: block;}
.premios .prize_wrapper.mobiSlider{overflow: hidden;}


/*************************************************************************
**************************************************************************
=COLOR SECTIONS
CH Consulting (Laranja)  #ff4200  rgba(255, 66, 0, 1)
CH Academy (Bordeaux)    #b11e39  rgba(177, 30, 57, 1)
KWL (Verde)              #8a1a6a  rgba(143, 207, 55, 1)
Monstros&Cia (Roxo)      #8a1a6a  rgba(138, 26, 106, 1)
Events ( ddddddd)      #db0d59  rgba(138, 26, 106, 1)
Burocratik (Preto)       #000000  rgba(0, 0, 0, 1)
=CLASSES DE CONTROLE (pt ou en)
consulting , formacao , qualidade , comunicacao , design , grupo , premios, media, carreiras, contactos, page404
**************************************************************************
**************************************************************************/
/* ++ navigatin ++ */
#mainNav li.chconsulting a span{background: #ff4200;}
#mainNav li.chacademy a span{background: #b11e39;}
#mainNav li.kwl a span{background: #8fcf37;}
#mainNav li.monstroscia a span{background: #8a1a6a;}
#mainNav li.burocratik a span{background: #000000;}
#mainNav li.events a span{background: #db0d59;}



/* ++ Pics header ++ */
/*.home #slideWrapper .slideBg{background: transparent url(../files/headers/header-index-bg.jpg) no-repeat center top;}*/
.home #slideWrapper .slideBg.tiago{background: transparent url(../files/headers/paraquedas/header-tiago-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.rita{background: transparent url(../files/headers/paraquedas/header-rita-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.rui{background: transparent url(../files/headers/paraquedas/header-rui-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.carolina{background: transparent url(../files/headers/paraquedas/header-carolina-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.catarina{background: transparent url(../files/headers/paraquedas/header-catarina-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.eva{background: transparent url(../files/headers/paraquedas/header-eva-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.marco{background: transparent url(../files/headers/paraquedas/header-marco-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.patricia{background: transparent url(../files/headers/paraquedas/header-patricia-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.pimpao{background: transparent url(../files/headers/paraquedas/header-pimpao-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.rosa{background: transparent url(../files/headers/paraquedas/header-rosa-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.silvia{background: transparent url(../files/headers/paraquedas/header-silvia-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.sofia{background: transparent url(../files/headers/paraquedas/header-sofia-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.titiana{background: transparent url(../files/headers/paraquedas/header-titiana-bg.jpg) no-repeat center top;}

.home #slideWrapper .slideBg.crescer{background: transparent url(../files/headers/header-crescer-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.chsp15{background: transparent url(../files/headers/header-chsp15-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.chculture{background: transparent url(../files/headers/header-chculture-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.hrp14{background: transparent url(../files/headers/header-hrp14-2-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.incentivos2020{background: transparent url(../files/headers/header-incentivos2020-bg.jpg) no-repeat center top;}
.home #slideWrapper .slideBg.paraquedas{background-repeat: no-repeat; background-position: center top;}
.mobile .home #slideWrapper .slideBg.paraquedas{background-image: url(../files/headers/header-paraquedas1-bg.jpg);}

.grupo #slideWrapper .slideBg{background: transparent url(../files/headers/header-grupo-bg2.jpg) no-repeat center top;}
.chconsulting #slideWrapper .slideBg{background: transparent url(../files/headers/header-consulting-bg.jpg) no-repeat center top;}
.chacademy #slideWrapper .slideBg{background: transparent url(../files/headers/header-formacao-bg.jpg) no-repeat center top;}
.kwl #slideWrapper .slideBg{background: transparent url(../files/headers/header-qualidade-bg.jpg) no-repeat center top;}
.monstroscia #slideWrapper .slideBg{background: transparent url(../files/headers/header-comunicacao-bg.jpg) no-repeat center top;}
.burocratik #slideWrapper .slideBg{background: transparent url(../files/headers/header-design-bg.jpg) no-repeat center top;}
.events #slideWrapper .slideBg{background: transparent url(../files/headers/header-produtores-bg1.jpg) no-repeat center top;}

.slideInfo .legenda p.paraquedas-caption { position: relative; bottom: -20px; }

/* ++ content ++ */
/* GRUPO */
.grupo h2, .grupo h2 + p, .grupo h4,
.grupo .icons, .grupo .fourColumns article .title time.date,
.grupo form p:before{color: #ff4200;}
.grupo span.line, .grupo .twoColumns, .grupo .fourColumns article:hover,
.grupo .fourColumns article.other .title,
.grupo .fourColumns article:hover .title, .grupo .fourColumns article:hover > a,
.grupo .social .wrapper ul li a:hover,
.media .fourColumns .bgGrupo > a{background: #ff4200;}
.grupo #slideWrapper .slideInfo .for3d, .grupo .portfolio .mainContent article:hover > div {background: rgba(255, 66, 0, .9);}
.grupo ::-moz-selection{background: #ff4200; color: #FFF;}
.grupo ::selection{background: #ff4200; color: #FFF;}

.grupo .btn{border-color: #ff4200; color: #ff4200;}
.grupo .btn:hover{border-color: #ff4200; background: #ff4200;}

.grupo .btnOrange{border: 2px solid #fff!important; color: #fff;}
.grupo .btnOrange:hover{border-color: #fff!important; background: #fff;}

/* Consulting */
.chconsulting h2, .chconsulting h2 + p, .chconsulting h3, .chconsulting h4,
.chconsulting .icons, .chconsulting .fourColumns article .title time.date,
.chconsulting form p:before{color: #ff4200;}
.chconsulting span.line, .chconsulting .twoColumns, .chconsulting .fourColumns article:hover,
.chconsulting .fourColumns article.other .title, .chconsulting .fourColumns article:hover .title,
.chconsulting .bgGrey.fourColumns article:hover .title, .chconsulting .fourColumns article:hover > a,
.chconsulting ul.social li a:hover, .media .fourColumns .bgConsulting > a{background: #ff4200;}
.chconsulting #slideWrapper .slideInfo .for3d, .chconsulting .portfolio .mainContent article:hover > div {background: rgba(255, 66, 0, .9);}
.chconsulting ::-moz-selection{background: #ff4200; color: #FFF;}
.chconsulting ::selection{background: #ff4200; color: #FFF;}

.chconsulting .btn{border-color: #ff4200; color: #ff4200;}
.chconsulting .btn:hover{border-color: #ff4200; background: #ff4200;}

.chconsulting form .actions #btnSubmit{border: 2px solid #ff4200; color: #ff4200;}
.chconsulting form .actions #btnSubmit:hover{background: #ff4200;}
.chconsulting form .actions #btnSubmit:before{color: #FF4200;}

.noajax .chconsulting .btn:after{color: #ff4200;}

/* Formação */
.chacademy h2, .chacademy h2 + p, .chacademy h3, .chacademy h4,
.chacademy .icons, .chacademy .fourColumns article .title time.date,
.chacademy form p:before{color: #b11e39;}
.chacademy span.line, .chacademy .twoColumns, .chacademy .fourColumns article:hover,
.chacademy .fourColumns article.other .title, .chacademy .fourColumns article:hover .title,
.chacademy .bgGrey.fourColumns article:hover .title, .chacademy .fourColumns article:hover > a,
.chacademy ul.social li a:hover, .media .fourColumns .bgFormacao > a{background: #b11e39;}
.chacademy #slideWrapper .slideInfo .for3d, .chacademy .portfolio .mainContent article:hover > div {background: rgba(177, 30, 57, .9);}
.chacademy ::-moz-selection{background: #b11e39; color: #FFF;}
.chacademy ::selection{background: #b11e39; color: #FFF;}

.chacademy .btn{border-color: #b11e39; color: #b11e39;}
.chacademy .btn:hover{border-color: #b11e39; background: #b11e39;}

.chacademy form .actions #btnSubmit{border: 2px solid #b11e39; color: #b11e39;}
.chacademy form .actions #btnSubmit:hover{background: #b11e39;}
.chacademy form .actions #btnSubmit:before{color: #b11e39;}

.noajax .chacademy .btn:after{color: #b11e39;}

/* Qualidade */
.kwl h2, .kwl h2 + p, .kwl h3, .kwl h4,
.kwl .icons, .kwl .fourColumns article .title time.date,
.kwl form p:before{color: #8fcf37;}
.kwl span.line, .kwl .twoColumns, .kwl .fourColumns article:hover,
.kwl .fourColumns article.other .title, .kwl .fourColumns article:hover .title,
.kwl .bgGrey.fourColumns article:hover .title, .kwl .fourColumns article:hover > a,
.kwl ul.social li a:hover, .media .fourColumns .bgQualidade > a{background: #8fcf37;}
.kwl #slideWrapper .slideInfo .for3d, .kwl .portfolio .mainContent article:hover > div {background: rgba(143, 207, 55, .9);}
.kwl ::-moz-selection{background: #8fcf37; color: #FFF;}
.kwl ::selection{background: #8fcf37; color: #FFF;}

.kwl .btn{border-color: #8fcf37; color: #8fcf37;}
.kwl .btn:hover{border-color: #8fcf37; background: #8fcf37;}

.kwl form .actions #btnSubmit{border: 2px solid #8fcf37; color: #8fcf37;}
.kwl form .actions #btnSubmit:hover{background: #8fcf37;}
.kwl form .actions #btnSubmit:before{color: #8fcf37;}

.noajax .kwl .btn:after{color: #8fcf37;}

/* Comunicação */
.monstroscia h2, .monstroscia h2 + p, .monstroscia h3, .monstroscia h4,
.monstroscia .icons, .monstroscia .fourColumns article .title time.date,
.monstroscia form p:before{color: #8a1a6a;}
.monstroscia span.line, .monstroscia .twoColumns, .monstroscia .fourColumns article:hover,
.monstroscia .fourColumns article.other .title, .monstroscia .fourColumns article:hover .title,
.monstroscia .bgGrey.fourColumns article:hover .title, .monstroscia .fourColumns article:hover > a,
.monstroscia ul.social li a:hover, .media .fourColumns .bgComunicacao > a{background: #8a1a6a;}
.monstroscia #slideWrapper .slideInfo .for3d, .monstroscia .portfolio .mainContent article:hover > div {background: rgba(138, 26, 106, .9);}
.monstroscia ::-moz-selection{background: #8a1a6a; color: #FFF;}
.monstroscia ::selection{background: #8a1a6a; color: #FFF;}

.monstroscia .btn{border-color: #8a1a6a; color: #8a1a6a;}
.monstroscia .btn:hover{border-color: #8a1a6a; background: #8a1a6a;}

.monstroscia form .actions #btnSubmit{border: 2px solid #8a1a6a; color: #8a1a6a;}
.monstroscia form .actions #btnSubmit:hover{background: #8a1a6a;}
.monstroscia form .actions #btnSubmit:before{color: #8a1a6a;}

.noajax .monstroscia .btn:after{color: #8a1a6a;}

/* Design */
.burocratik h2, .burocratik h2 + p, .burocratik h3, .burocratik h4,
.burocratik .icons, .burocratik .fourColumns article .title time.date,
.burocratik form p:before{color: #000000;}
.burocratik span.line, .burocratik .twoColumns, .burocratik .fourColumns article:hover,
.burocratik .fourColumns article.other .title, .burocratik .fourColumns article:hover .title,
.burocratik .bgGrey.fourColumns article:hover .title, .burocratik .fourColumns article:hover > a,
.burocratik ul.social li a:hover, .media .fourColumns .bgDesign > a{background: #000000;}
.burocratik #slideWrapper .slideInfo .for3d, .burocratik .portfolio .mainContent article:hover > div {background: rgba(0, 0, 0, .9);}
.burocratik ::-moz-selection{background: #000000; color: #FFF;}
.burocratik ::selection{background: #000000; color: #FFF;}

.burocratik .btn{border-color: #000000; color: #000000;}
.burocratik .btn:hover{border-color: #000000; background: #000000;}

.burocratik form .actions #btnSubmit{border: 2px solid #000000; color: #000000;}
.burocratik form .actions #btnSubmit:hover{background: #000000;}
.burocratik form .actions #btnSubmit:before{color: #000000;}

.noajax .burocratik .btn:after{color: #000000;}

/*Events*/
.events h2, .events h2 + p, .events h3, .events h4,
.events .icons, .events .fourColumns article .title time.date,
.events form p:before{color: #db0d59;}
.events span.line, .events .twoColumns, .events .fourColumns article:hover,
.events .fourColumns article.other .title, .events .fourColumns article:hover .title,
.events .bgGrey.fourColumns article:hover .title, .events .fourColumns article:hover > a,
.events ul.social li a:hover, .media .fourColumns .bgComunicacao > a{background: #db0d59;}
.events #slideWrapper .slideInfo .for3d, .events .portfolio .mainContent article:hover > div {background: rgba(219, 13, 89, .9);}
.events ::-moz-selection{background: #db0d59; color: #FFF;}
.events ::selection{background: #db0d59; color: #FFF;}

.events .btn{border-color: #db0d59; color: #db0d59;}
.events .btn:hover{border-color: #db0d59; background: #db0d59;}

.events form .actions #btnSubmit{border: 2px solid #db0d59; color: #db0d59;}
.events form .actions #btnSubmit:hover{background: #db0d59;}
.events form .actions #btnSubmit:before{color: #db0d59;}

.events .capitalize{font-size: 36px;font-weight: bold;color: #db0d59;}
.events h5 {text-align: center; color: #db0d59;}


.noajax .events .btn:after{color: #db0d59;}