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

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


/*-------------------------------------------------------------------------
=NO AJAX MENU same as mobile version
-------------------------------------------------------------------------*/
.noajax #headerWrapper {height: 50px; padding: 10px 3.828125% 10px; margin: 20px 20px 0;}
.noajax #headerWrapper, .noajax #headerWrapper p {font-size: 20px;}
.noajax header h1{width: 190px; height: 45px; top: 2px; margin: 0;}
.noajax .hideNav{display: block;}
.noajax a#lingMenu {right: 35px; border: 0;}
.noajax #navWrapper{
    display: block; position: fixed; left: 0; top: 85px; width: 100%; height: auto;
    padding: 0 3.828125%!important; z-index: 0;
    border-width: 0 20px; border-style: solid; border-color: #f3f3f3;
    background: #FFF; opacity: 0;
    -moz-transition: -moz-transform .15s ease 0, opacity 0 ease .15s; -webkit-transition: -webkit-transform .15s ease 0, opacity 0 ease .15s; transition: transform .15s ease 0, opacity 0 ease .15s;
    -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px);
}
.noajax #navWrapper.on {
    text-align: center; opacity: 1; top: 85px; width: 100%; border-bottom: 1px solid #f3f3f3;
    -moz-transition: -moz-transform .15s ease 0; -webkit-transition: -webkit-transform .15s ease 0; transition: transform .15s ease 0;
    -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
}
.noajax #mainNav #selectCompany:after{display: none;}
/* Drop menu */
.noajax .headSelect, .headSelect{display: none; position: relative; float: left; margin: 0 0 10px 57px;}
.noajax .headSelect #dropCompany, .headSelect #dropCompany{display: none;}
/* main/sec menu */
.noajax #mainNav, .noajax #secNav{width: 50%; max-width: 640px; float: none; margin: 30px 0 20px; display: none;}
.noajax .on #mainNav, .noajax .on #secNav{display: inline-block;}
.noajax .on #secNav:before{
    display: block; position: relative; float: left; margin: 0 0 10px 59px; width: 100%;
    font-size: 23px; line-height: 25px; content: "-"; text-indent: -5555px;
}
.noajax #mainNav #selectCompany div:hover{cursor: default;}
.noajax #mainNav #selectCompany ul, .noajax #secNav ul{margin: 0 20px 0 59px;}
.noajax #mainNav #selectCompany ul{
    display: block; position: relative; float: left; left: 0; top: 0;
    opacity: 1; cursor: default;
}
.noajax #mainNav ul li, .noajax #secNav ul li{width: 100%; margin: 0 0 10px 0; padding: 0;}
.noajax #mainNav ul li a, .noajax #secNav ul li a{width: auto; float: left; font-size: 23px; line-height: 26px;}
/*.noajax #mainNav #selectCompany .selectSpace, .noajax #mainNav #selectCompany .selectActive #menuNameforCompany{display: none;}*/
.noajax #mainNav #selectCompany .selectActive #menuNameforCompany, .noajax #mainNav #selectCompany .selectSpace .what{display: none;}
.noajax #mainNav #selectCompany .selectSpace{
    display: block; width: 100%; margin: 0 0 10px 59px; color: #ff4200;
    font-size: 23px; line-height: 25px;
}
.noajax #mainNav #selectCompany ul li{margin-top: 0;}
.noajax #mainNav #selectCompany .on a {color: #333333;}
.noajax #mainNav .grupo{display: none;}
.noajax #secNav ul li.grupo{display: block;}
.noajax .topSpace{height: 40px; margin: 15px 0 0; padding: 15px 0;}

/* Btns */
.noajax a.btn:hover:after{color: #fff;}
.noajax a.btnOrange:hover:after{color: #ff4200;}

/* Company */
.company .bgGrey.fourColumns article .title{background: #fff;}

/*-------------------------------------------------------------------------
=MEDIA > VIEW > ARTICLE
-------------------------------------------------------------------------*/
.noajax.article header h1{position: absolute; top: 0; left: 50%; width: 50px; height: 45px; margin: 0 0 0 -25px;}
.noajax #lightbox a.btnClose, .noajax #lightbox a.btnClose.isajax{display: none!important;}
.noajax .noajax_artigos{
    display: block; width: 16px; height: 27px; text-indent: -5555px;
    position: absolute; top: 13px;left: 2px;
    background: transparent url(../imgs/ico-btn-back-close.png) no-repeat; background-size: 16px auto;
}
.noajax .noajax_artigos:hover{background-position: left bottom;}

/*-------------------------------------------------------------------------
=@MEDIA
-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
=MAX-WIDTH 1700px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1700px){
    /* GRUPO — Portfolio */
    .company.grupo .portfolio .rightContent, .company.grupo .portfolio .leftContent{display: none;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1440px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1440px){
    .noajax #mainNav, .noajax #secNav{float: left;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1366px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px){
    /* Video Modal MOBILE */
    #modalWrapper .videoLightbox { width: 920px; margin-left: -550px; margin-top: -339px; }
    section .wrapper{padding: 0 3.828125%;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1280px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px){
    header h1 {width: 200px; height: 50px; margin-top: 10px;}
    header #navWrapper {padding-left: 220px;}
    header #headerWrapper {padding: 15px 3.828125% 15px;}
    #mainNav #selectCompany ul{padding-bottom: 10px;}
    .noajax #mainNav #selectCompany ul{padding-bottom: 0;}
    .headSmall #mainNav #selectCompany ul{padding-bottom: 0;}
    #secNav ul li{margin-left: 15px;}
    .topSpace {height: 35px;}

    /* AWARDS */
    .awards .wrapper .awardBlock{padding: 0;}

    /* ACTIVIDADES */
    .actividades .picsLeft, .actividades .picsRight{display: none;}
    .actividades .picsCenter{width: 100%;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1200px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px){
    /* PORTFOLIO */
    .portfolio .mainContent .projInfo span.line{display: none!important;}
    .portfolio .mainContent .projInfo h4{margin-bottom: 20px;}
    .portfolio .mainContent .projInfo p{font-size: 16px; line-height: 18px; padding: 0 15px;}
    .portfolio .mainContent a .btnExternal{bottom: 25px;}
    .portfolio .mainContent a .btnExternal:after{font-size: 30px;}

    .portfolio.rse .twoColumns{padding: 30px;}
    .portfolio.rse .twoColumns div h2{font-size: 38px; line-height: 42px;}
    .portfolio.rse .twoColumns div p{margin-top: 5px;}
    .portfolio.rse .twoColumns .btn{left: 30px; bottom: 30px;}

    .btn em{display: inline;}

    .politicas ol li span{font-size: 350px;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1120px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1120px){
    /*General*/
    .topSpace {height: 35px; padding: 15px 0;}

    /*Flip Boxes*/
    .cardsContainer { height: 280px; }

    /* HEAD SMALL */
    header #headerWrapper{height: 50px; padding: 10px 3.828125% 10px;}
    #mainNav #selectCompany ul{padding-bottom: 0;}
    header #headerWrapper, header #headerWrapper p{font-size: 20px;}
    header h1 {width: 180px; height: 45px; margin-top: 2px;}
    header #navWrapper {padding: 15px 60px 0 190px; padding-right: 0; /* Para o menu idiomas comentado*/}

    #secNav ul li{margin-left: 15px;}
    #mainNav #selectCompany {margin-right: 15px;}
    /*#mainNav #selectCompany ul{padding-bottom: 20px;}*/
    #mainNav #selectCompany ul li{margin-top: 3px;}
    a#lingMenu {width: 34px; height: 30px; margin-top: 11px; font-size: 17px; line-height: 30px;}

    .twoColumns p, .twoColumns ul {font: normal 300 25px/29px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;}
    /*Portfolio*/
    .portfolio .mainContent a span {bottom: 25px;}
    .portfolio.rse .mainContent .projInfo h4{margin-bottom: 10px;}
}
/*-------------------------------------------------------------------------
=MIN-WIDTH 891px / MAX-WIDTH 1120px
-------------------------------------------------------------------------*/
@media only screen and (min-width: 891px) and (max-width: 1120px) {
    .ofertas article{width: 30.67708333333333%;}
    .ofertas article.prevLast{margin-right: 0;}

    .careers div .ofertas h4{margin-right: 0; width: 100%;}

    .card .front h2{font-size: 45px; line-height: 49px;}
    .card .front a.clickFlip span{font-size: 14px; line-height: 17px;}
    .card .back ul {top: 25px;}
    .card .back ul li {font-size: 20px; line-height: 20px;}

    .fourColumns #newsGrid article {
      width: 30.67708333333333%;
    }
    .fourColumns #newsGrid article:nth-child(3n+4){ margin-right: 0;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 1024px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
    .company section{margin-bottom: 90px;}
    .company.grupo section {margin-bottom: 70px;}
    section.bgGrey{margin-bottom: 70px;}
    section.bgOrange{margin-bottom: 70px;}
    section.bgPic{height: 400px;}
    .contactos .bgPic{height: 500px;}
    .hasPrlx #mainWrapper .bgPic {background-size: 1400px auto;}
    section.bgOrange.invert{margin-bottom: 70px;}
    section:before{bottom: -70px; height: 90px;}
    section:after{top: -90px; height: 90px;}
    section.bgPic:after, section.bgNegTop:after{height: 90px;}
    section.bgGrey:before, section.bgPic:before{bottom: -90px;}

    .btn em{display: none;}
    .spaceTop60{margin-top: 30px;}
    .spaceBottom130{margin-bottom: 65px;}

    /* Video Modal MOBILE */
    #modalWrapper .videoLightbox { width: 820px;  margin-left: -490px; margin-top: -296px; }
    #mainWrapper {margin: 0 15px; }
    header #headerWrapper, .noajax #headerWrapper {margin: 15px 15px;}
    .noajax #navWrapper, #fakeWhiteBg{border-width: 0 15px;}

    header h1 {width: 55px;}
    header #navWrapper {padding-left: 70px;}

    /* SLIDESHOW */
    #slideWrapper {height: 400px!important;}
    #slideWrapper .slideBg{background-size: 1600px auto!important;}
    .slideInfo, .contactos .slideInfo{width: 300px; height: 280px; margin-top: -190px; padding: 25px;}
    .contactos .slideInfo{margin-top: -130px;}
    .slideInfo .for3d, .contactos .slideInfo .for3d{width: 300px; height: 280px; padding: 25px; left: 0; top:20px;}
    #slideControll {top: -50px!important;}

    .slideInfo img{left: 25px; bottom: 0;}
    .slideInfo .linkExterno{right: 25px; bottom: 25px;}
    .slideInfo h2 {font-size: 40px; line-height: 44px;}
    .slideInfo p{font-size: 20px; line-height: 20px; bottom: 25px;}
    .slideInfo .btn{bottom: 25px;}
    span.line {margin: 25px auto 40px;}

    .slideTitle{top: 170px;}

    /* EQUIPA */
    .equipa .mainContent li{
      width: 33.33333333333333%;
      margin-bottom: 0;
    }
    .equipa .mainContent li .equInfo{height: 70px;}

    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 820px;
    }

    /* POLÍTICAS */
    .politicas .rules{height: 450px;}
    .politicas .weaspire {margin: -115px 0 0 -155px;}
    .politicas ol li{padding: 0 3.90625%;}
    .politicas ol li h3{font-size: 40px; line-height: 44px;}
    .politicas ol li span{display: none;}
    .politicas ol li.left p{padding: 0 0 0 20px;}
    .politicas ol li.right p{padding: 0 20px 0 0;}
    .politicas ol li.left span{left: -50px;}
    .politicas ol li.right span{right: -50px;}

    /* PORTFOLIO */
    .portfolio .mainContent .projInfo {margin-top: -20px;}
    .portfolio .mainContent .projInfo h4{margin-bottom: 10px;}

    /* careers */
    .careers div .ofertas a strong, .careers div .ofertas a span {width: 100%; margin-right: 0;}

    /* DESTAQUE */
    .destaque p{font-size: 36px; line-height: 40px;}

    /* MEDIA */
    .fourColumns #newsGrid article{width: 48.046875%;}
    .fourColumns #newsGrid article:nth-child(2n+3){ margin-right: 0;}

    /* FOOTER */
    #contactos .wrapper div, #contactos p, #contactos .wrapper div .newsletterForm input{font-size: 22px; line-height: 26px;}
    #contactos .wrapper div .newsletterForm input{padding-bottom: 4px;}
    footer .wrapper p.burocratikBy {padding: 30px 0;}
    footer .wrapper #brands li a img{width: auto; height: 50px;}

    /* LIGHTBOX */
    #lightBoxWrapper{margin: 0 15px;}
    #lightbox #main{padding: 30px;}

    .threeColumns div {padding: 50px 30px;}

    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 850px;
    }
}
/*-------------------------------------------------------------------------
=MIN-WIDTH 891px / MAX-WIDTH 1024px
-------------------------------------------------------------------------*/
@media only screen and (min-width: 891px) and (max-width: 1024px){
    .fourColumns.noticias article{width: 30.67708333333333%;}
    .fourColumns.noticias article.prevLast{margin-right: 0!important;}
    .fourColumns.noticias article.last{display: none;}
    .fourColumns .centerArticles article{width: 30.67708333333333%; float: left;}
    /*Portfolio*/
    .portfolio .mainContent article.topic span{display: none;}
    .portfolio .mainContent article.topic h2, .portfolio .mainContent .projInfo h4{font-size: 32px; line-height: 35px;}
    .portfolio .mainContent a .btnExternal{bottom: 10px;}
    .portfolio.rse .mainContent #idiGen .projInfo h4 img, .portfolio.rse .mainContent #idCHVol .projInfo h4 img{max-width: 80px;}
}
/*-------------------------------------------------------------------------
=MIN-WIDTH 700px / MAX-WIDTH 1024px
-------------------------------------------------------------------------*/
@media only screen and (min-width: 700px) and (max-width: 1024px){
    .actividades .picsCenter{margin-top: 45px;}
    .actividades div div.medium div p{display: none;}
    .actividades div div.medium div.spaceTop60{margin-top: 0;}
    .actividades a.overplayer span.play{opacity: 1;}
    .actividades a.overplayer span.line{opacity: 0;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 890px and 1024px landscape
-------------------------------------------------------------------------*/
@media only screen and (max-width: 890px), (max-device-width: 1024px) and (orientation:landscape){
    /* NAVEGAÇÃO MOBILE */
    header h1{width: 190px;}
    .hideNav{display: block;}
    a#lingMenu {right: 35px; border: 0;}
    #navWrapper{
        display: block; position: fixed; left: 0; top: 85px; width: 100%; height: auto;
        padding: 0 3.828125%!important; z-index: 0;
        border-width: 0 15px; border-style: solid; border-color: #f3f3f3;
        background: #FFF; opacity: 0;
        -moz-transition: -moz-transform .15s ease 0, opacity 0 ease .15s; -webkit-transition: -webkit-transform .15s ease 0, opacity 0 ease .15s; transition: transform .15s ease 0, opacity 0 ease .15s;
        -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px);
    }
    #navWrapper.on {
        opacity: 1; top: 85px; width: 100%; border-bottom: 1px solid #f3f3f3;
        -moz-transition: -moz-transform .15s ease 0; -webkit-transition: -webkit-transform .15s ease 0; transition: transform .15s ease 0;
        -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
    }
    #mainNav #selectCompany:after{display: none;}
    #mainNav, #secNav{width: 50%; float: left; margin: 30px 0 20px; display: none;}
    .on #mainNav, .on #secNav{display: block;}
    #mainNav #selectCompany ul, #secNav ul{margin: 0 20px 0 59px;}
    #mainNav #selectCompany ul{
        display: block; position: relative; float: left; left: 0; top: 0;
        opacity: 1; cursor: default;
    }
    #mainNav ul li, #secNav ul li{width: 100%; margin: 0 0 10px 0; padding: 0;}
    #mainNav ul li a, #secNav ul li a{width: auto; float: left; font-size: 23px; line-height: 26px;}
    /*#mainNav #selectCompany .selectSpace, #mainNav #selectCompany .selectActive #menuNameforCompany{display: none;}*/
    #mainNav #selectCompany .selectActive #menuNameforCompany, #mainNav #selectCompany .selectSpace .what{display: none;}
    #mainNav #selectCompany .selectSpace{
        display: block; margin: 0 20px 7px 59px; color: #ff4200;
        font-size: 23px; line-height: 25px;
    }

    #mainNav #selectCompany ul li{margin-top: 0;}
    #navWrapper #selectCompany .on a {color: #333333;}
    #mainNav .grupo{display: none;}
    #secNav ul{margin-top: 36px;}
    #secNav ul li.grupo{display: block;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 890px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 890px){
    .headSmall h1 {width: 180px;}

    /* General */
    .breakLine, h3.crTitle .breakLine {display: inline;}
    .hideMobile {display: none;}
    .hasPrlx #mainWrapper .bgPic {background-position: 50% 0!important;}
    /*Slider*/
    .prize_wrapper li img {height: 70px;width: auto;}
    .royalSlider .rsArrow {display: none!important;}
    .royalSlider .rsSlide > div {padding: 0 20px;}
    .prize_wrapper.royalSlider .rsArrow.rsArrowLeft, .prize_wrapper.royalSlider .rsArrow.rsArrowRight {top: 5px;}
    /*Acordeão dos prémios e clientes*/
    .prize_wrapper .prize ul li {padding: 0 30px 20px 30px}
    .prize_wrapper.multiLogoSlider ul li.last {padding-right: 30px;}
    .premios .prize_wrapper .prize {margin: 0 3.34375% 5.34375% 2.34375%; text-align: center;}
    .center .viewMoreSlider {display: inline-block;}
    .viewMoreSlider:after {display: block; content: '3';}
    .viewMoreSlider:after {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
    .viewMoreSlider.slider-open:after {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
    .prize_wrapper.mobiSlider {
        height:90px; overflow: hidden;
        -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear;
    }
    .chconsulting .royalSlider, .chacademy .royalSlider,
    .kwl .royalSlider, .monstroscia .royalSlider, .burocratik .royalSlider, .events .royalSlider,
    .premios .royalSlider {display: none;}
    .mobiSlider {display: block;}
    /*Páginas das empresas*/
    #clients_slider.slider-open, #mobi_clients_slider.slider-open { height: 160px; }
    #prizes_slider.slider-open, #mobi_prizes_slider.slider-open { height: 350px; }
    .kwl #clients_slider.slider-open, .kwl #mobi_clients_slider.slider-open { height: 380px; }
    .chconsulting .galardoes .viewMoreSlider { display: none; }
    .chconsulting #clients_slider.slider-open, .chconsulting #mobi_clients_slider.slider-open { height: 385px; }
    .chacademy #clients_slider.slider-open, .chacademy #mobi_clients_slider.slider-open { height: 198px; }
    .monstroscia #clients_slider.slider-open, .monstroscia #mobi_clients_slider.slider-open { height: 290px; }
    .monstroscia #prizes_slider.slider-open, .monstroscia #mobi_prizes_slider.slider-open { height: 438px; }
    .events #clients_slider.slider-open, .monstroscia #mobi_clients_slider.slider-open { height: 290px; }
    .events #prizes_slider.slider-open, .monstroscia #mobi_prizes_slider.slider-open { height: 438px; }
    .burocratik #clients_slider.slider-open, .burocratik #mobi_clients_slider.slider-open { height: 193px; }
    .burocratik #prizes_slider, .burocratik #mobi_prizes_slider { height: 103px; }
    .burocratik #prizes_slider.slider-open, .burocratik #mobi_prizes_slider.slider-open { height: 386px; }

    /*Página dos prémios*/
    .premios .prize_wrapper.mobiSlider,
    .premios .prize_wrapper.royalSlider { height: 190px; }
    .premios #mobi_prize_wrapper11 { height: 100px; }
    #mobi_prize_wrapper3.slider-open, #prize_wrapper3.slider-open { height: 785px; }
    #mobi_prize_wrapper4.slider-open, #prize_wrapper4.slider-open { height: 395px; }
    #mobi_prize_wrapper7.slider-open, #prize_wrapper7.slider-open { height: 980px; }
    #mobi_prize_wrapper11.slider-open, #prize_wrapper11.slider-open {height: 425px;}
    #mobi_prize_wrapper12.slider-open, #prize_wrapper12.slider-open { height: 490px; }

    /*Flip Boxes*/
    .cardsContainer {float: none; height: 365px; width: 100%; max-width: 570px; margin: 0 auto 30px;}
    .cardsContainer.odd {margin-right: auto;}
    /* Video Modal MOBILE */
    #modalWrapper .videoLightbox {width: 690px; margin-left: -405px; margin-top: -260px; }

    .contactos .intro .btn {margin: 0 5px;}
    .contactos .bgPic {height: 500px;}
    /*.bgPic .slideInfo {margin-top: -100px;}*/
    .slideInfo .btn {bottom: 25px;}
    .breakLine, h3.crTitle .breakLine {display: inline;}

    /* FOUR COLUMNS + NOTÍCIAS / UNIDADES */
    .fourColumns.unidades article{width: 30.67708333333333%;}
    .fourColumns.unidades article.noMargin{margin-right: 3.90625%!important;}
    .fourColumns.unidades article.prevLast{margin-right: 0;}

    /* FOUR COLUMNS */
    .fourColumns.noticias article, .fourColumns .row div, .fourColumns article {width: 48.046875%;}
    .fourColumns.noticias .noMargin, .fourColumns .row .noMargin, .fourColumns .noMargin {margin-right: 0!important;}
    .fourColumns .centerArticles article {float: left;}
    .fourColumns.noticias article.prevLast {margin-right: 3.90625%!important;}
    .fourColumns.noticias article.last{display: block;}

    /* TWO COLUMNS*/
    .twoColumns div{width: 100%; margin: 0;}
    .twoColumns .colGrey{min-height: 100px;}
    .twoColumns a.btnOrange{position: relative; float: left; margin: 30px 0 40px 40px; left: 0; top: 0;}
    .mensagem .twoColumns ul {position: relative; left: 0; bottom: 0; float: left; margin: 0 40px 40px;}

    /* CARREIRAS */
    .careers div .ofertas a span {width: 35%;}

    /* SINGLE COLUMN */
    .singleColumn .wrapper div{width: 100%;}

    /* OFERTAS */
    .ofertas article {width: 48.046875%;}
    .ofertas .noMargin{margin-right: 0!important;}

    /* COMPANY - SERVIÇOS */
    .servicos.col03{width: 100%;}
    .servicos.col03 li{width: 33.333333%;}
    .servicos.col02{width: 75%;}
    .servicos.col02 li{width: 50%;}
    .servicos.col01{width: 50%;}
    .servicos.col01 li{width: 100%;}

    /* PRODUTOS */
    .produtos .mainContent li a .prodInfo p{display: none;}

    /* PORTFOLIO */
    .portfolio .mainContent article {margin: 0 0 30px 0; width: 100%!important; overflow: hidden;}
    .portfolio .mainContent article p, .portfolio .mainContent article .line {display: block;}
    .portfolio .mainContent .projInfo {margin-top: 0;}
    .portfolio .mainContent .projInfo p{font-size: 18px; line-height: 22px; padding: 0 25px;}
    .portfolio .mainContent article.topic > img{display: none;}
    .portfolio .mainContent article.topic > div{position: relative; background: #ff4200;}
    .portfolio .mainContent article.topic h2, .portfolio .mainContent article.topic p{width: 50%;}
    .portfolio .mainContent article.topic .btn {position: relative; float: left; left: auto; top: auto; bottom: auto; margin: 30px 0 0 50%;}
    /* RSE */
    .portfolio.rse .mainContent article{max-height: 250px;}
    .portfolio.rse .mainContent article.topic{max-height: 100%;}
    .portfolio.rse .mainContent article.topic p{display: block!important;}
    /*.portfolio.rse .mainContent article p, .portfolio.rse .mainContent .projInfo span.line{display: none!important;}*/
    .portfolio.rse .mainContent article.medium > img{margin-top: -100px;}
    .portfolio.rse .mainContent article.medium.horizontal > img{margin-top: 0;}

    /* EQUIPA */
    .equipa .mainContent li{width:33.33333333333333%;}

    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 880px;
    }

    #navEquipa.royalSlider .rsBullet,
    #navEquipaMobile.royalSlider .rsBullet {
      width: 8px;
      height: 8px;
      margin-right: 10px;
      margin-left: 5px;
    }

    #navEquipa.royalSlider .rsBullets .rsBullet,
    #navEquipaMobile.royalSlider .rsBullets .rsBullet {
      width: 8px;
      height: 8px;
      background: #FFFFFF;
      opacity: .4;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
    }

    #navEquipa.royalSlider .rsBullets .rsNavSelected,
    #navEquipaMobile.royalSlider .rsBullets .rsNavSelected {
      opacity: 1;
    }

    #navEquipa.royalSlider .rsBullet span,
    #navEquipaMobile.royalSlider .rsBullet span {
      display: none;
    }

    #navEquipa.royalSlider .rsNav,
    #navEquipaMobile.royalSlider .rsNav {
      height: 55px;
    }

    /* SUB MENU */
    #subMenu > ul li a:before{display: none;}
    #subMenu a{padding: 10px 0; font-size: 18px;}
    #mediaHeader #subMenu .pesquisa:after{font-size: 25px;}

    /* CARREIRAS */
    .carreiras .twoColumns div:first-child{padding-bottom: 0;}

    /* CARREIRAS - Políticas */
    .politicas ol li {padding: 0;}
    .politicas ol li.left span, .politicas ol li.right span{display: none;}

    /* CONTACTOS */
    #contactos .wrapper div ul strong {width: 40%;}
    #contactos .certificados{
        position: relative; float: left; left: 50%; width: 180px; height: auto;
        padding: 3.90625% 0 0; margin: 0 0 0 -90px; clear: both;
    }
    #contactos .certificados li{margin: 0 5px 0 0;}

    /* FOOTER */
    footer {margin: 0 20px;}
    footer .wrapper #brands{display: none;}
    footer .wrapper p.burocratikBy{font-size:18px; padding: 30px 0;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 800px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 800px){
    /* THREE COLUMNS */
    .threeColumns div {width: 100%; min-height: 100%; padding: 25px;}
    .threeColumns div .breakLine{display: block;}

    /* valores */
    .valores {margin: 25px auto 0;}
    .valores .valNum {/*position: relative;*/ display: none;}
    .valores ul li {float: none;text-align: center; width: 100%; margin: 0 0 15px;}
    .valores ul li.val02, .valores li.val04, .valores li.val06 {text-align: center;}
    .valores ul li.val03, .valores ul li.val04, .valores ul li.val05, .valores ul li.val06 {padding: 0;}

    /* GRUPO — Fun Facts*/
    .funFacts div {width: 100%; padding: 0 15% 7%; margin-right: 0;}
    .funFacts div h4, .funFacts div p{text-align: center;}
    .funFacts div h4, .funFacts div p {max-width: 300px; margin: 10px auto;}

    .equipa .mainContent li {
      margin-bottom: 20px;
    }
    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 850px;
    }
}

/*-------------------------------------------------------------------------
=MAX-WIDTH 700px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 700px){
    .portfolio .mainContent article.topic h2, .portfolio .mainContent article.topic p {width: 100%;}
    .portfolio .mainContent article.topic .btn {margin-left: 0;}

    /* CARREIRAS — Actividades */
    .actividades div div.medium{width: 100%;}
    .actividades div div.medium div {max-width: 100%;}
    .actividades div div.large{width: 200%; margin-left: -50%;}
    .actividades div div.large div {max-width: 50%;}
    .actividades div div div{padding: 0 20px;}

    /* CARREIRAS — Políticas */
    .politicas ol li div{margin-top: 0;}
    .politicas ol li h3{font-size: 32px; line-height: 36px;}

    /* CONTACTOS */
    .contactos .introOthers .center{display: none; /*margin-bottom: 30px;*/}
    .contactos .introOthers h2{margin-bottom: 0;}
    .contactos .contactInfo p{font-size: 22px; line-height: 26px;}

    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 780px;
    }
    .equipa .mainContent li {
      margin-bottom: 30px;
    }
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 599px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {
    .company section{margin-bottom: 60px;}
    .company section.last {padding-bottom: 50px;}
    .company.grupo section {margin-bottom: 50px;}
    section.bgGrey{margin-bottom: 50px;}
    section.bgOrange{margin-bottom: 50px;}
    section.bgPic{height: 350px;}
    .contactos .bgPic{height: 350px;}
    .hasPrlx #mainWrapper .bgPic {background-size: 1000px auto;}
    section.bgOrange.invert{margin-bottom: 50px;}
    section:before{bottom: -50px; height: 50px;}
    section:after{top: -50px; height: 50px;}
    section.bgPic:after, section.bgNegTop:after{height: 50px;}
    section.bgGrey:before, section.bgPic:before{bottom: -50px;}

    /*correct paddings for mobile sliders*/
    .premios .prize_wrapper .prize { margin: 0; text-align: left;}
    .prize_wrapper .prize ul li{padding: 0 15px 15px 15px;}
    #prize_wrapper13.prize_wrapper .prize ul li{padding: 0;}
    .prize_wrapper.multiLogoSlider ul li.last{padding-right: 15px;}

    /*Páginas das empresas*/
    /*Acordeão dos prémios e clientes*/
    .prize_wrapper.royalSlider { height: 85px; }
    .chacademy #clients_slider.slider-open, .chacademy #mobi_clients_slider.slider-open { height: 385px; }
    .chconsulting .galardoes .viewMoreSlider { display: inline-block; }
    /*.chconsulting .galardoes #prizes_slider.slider-open, .chconsulting .galardoes #mobi_prizes_slider.slider-open { height: 210px; }
    .kwl #clients_slider.slider-open, .kwl #mobi_clients_slider.slider-open { height: 480px; }
    .burocratik #clients_slider.slider-open, .burocratik #mobi_clients_slider.slider-open { height: 330px; }
    .burocratik #prizes_slider, .burocratik #mobi_prizes_slider { height: 102px; }
    .burocratik #prizes_slider.slider-open, .burocratik #mobi_prizes_slider.slider-open { height: 591px; }
    .monstroscia #prizes_slider.slider-open, .monstroscia #mobi_prizes_slider.slider-open { height: 545px; }
    .monstroscia #clients_slider.slider-open, .monstroscia #mobi_clients_slider.slider-open { height: 383px; }
    .chconsulting #clients_slider.slider-open, .chconsulting #mobi_clients_slider.slider-open { height: 573px; }*/

    /* EQUIPA */
    #navEquipa.royalSlider .rsOverflow,
    #navEquipaMobile.royalSlider .rsOverflow {
      height: 1230px;
    }

    /*Página dos prémios*/
    .clientes ul li {padding: 0 15px 15px 15px;}
    .prize_wrapper .prize ul { text-align: center;}
    .premios .prize_wrapper.mobiSlider,
    .premios .prize_wrapper.royalSlider,
    .premios #mobi_prize_wrapper11 {height: 90px;}

    #prizes_slider.slider-open, #mobi_prizes_slider.slider-open{height: auto!important;}

    #mobi_prize_wrapper3.slider-open, #prize_wrapper3.slider-open, #mobi_prize_wrapper4.slider-open, #prize_wrapper4.slider-open,
    #mobi_prize_wrapper7.slider-open, #prize_wrapper7.slider-open, #mobi_prize_wrapper11.slider-open, #prize_wrapper11.slider-open,
    #mobi_prize_wrapper12.slider-open, #prize_wrapper12.slider-open {height: auto;}
    /*#mobi_prize_wrapper3.slider-open, #prize_wrapper3.slider-open { height: 508px; }
    #mobi_prize_wrapper4.slider-open, #prize_wrapper4.slider-open { height: 415px; }
    #mobi_prize_wrapper7.slider-open, #prize_wrapper7.slider-open { height: 715px; }
    #mobi_prize_wrapper11.slider-open, #prize_wrapper11.slider-open { height: 585px; }
    #mobi_prize_wrapper12.slider-open, #prize_wrapper12.slider-open {height: 312px;}*/

    #mobi_clients_slider.slider-open {height: auto!important;}

    section.introOthers{padding-top: 30px;}
    section .wrapper{padding: 0 20px;}

    /*Slider*/
    .prize_wrapper .block_wrapper {text-align: center; padding: 0 20px;}
    .prize_wrapper .prize {margin-right: 0; text-align: center;}
    /*.premioBreak03, .premioBreak04 {margin-top: 100px;}*/
    .royalSlider .rsSlide > div {padding: 0 30px;}

    /* AWARDS */
    .awards .wrapper{padding-top: 0;}
    .awards .wrapper .awardSpecial{margin-bottom: 50px;}

    h2{font-size: 38px; line-height: 42px;}
    h3, h3.crTitle{font-size: 32px; line-height: 35px;}
    h2 + p, h4{font-size: 22px; line-height: 26px;}
    h4{font-weight: 400;}
    p{font-size: 18px; line-height: 22px;}
    h2.largeTitle{font-size: 200px; line-height: 200px; padding-bottom: 0;}
    h2.separador span.line{display: none;}
    h2.separador:after{display: block;}

    .company h2, .company h3 {max-width: 300px;}

    /* MEDIA Mobile Nav */
    #subMenu {display: none;}
    .navSelect_wrapper {display: block;}

    /* MEDIA — Pesquisa */
    .pesquisaBox {margin: 20px 0 0px 0;}
    .pesquisaBox input, .pesquisaBox button#btnSearch:after{font-size: 38px; line-height: 42px;}
    .pesquisaBox button#btnSearch, .pesquisaBox button#btnSearch:after{height: 42px;}

    /* MEDIA — Paginação */
    .media .paginacao span, .media .paginacao a.btnNum{display: none;}

    /* buttons */
    a.btn{margin-top: 15px; font-size: 18px; line-height: 18px; min-height: 20px; font-weight: 500;}
    a.btn:after{color: #ff4200; opacity: 1;}
    a.btnOrange:after{color: #fff; opacity: 1;}
    a.btnPrev:after, a.btnNext:after, a.btnDown:after, a.btnMore:after, a.btnExternal:after, a.btnView:after{
        font-size: 20px; line-height: 36px; right: 7px;
    }
    a.btnView:after, a.btnExternal:after{font-size: 26px; line-height: 38px; width: 30px;}
    a.btnNum{width: 30px;}

    /* Actividades */
    .actividades h4{font-size: 36px; line-height: 40px;}
    .actividades p{display: none;}
    .actividades div div div.spaceTop60{margin-top: 0;}
    .actividades div div div .line{display: none;}
    span.line {margin: 25px auto;}
    .actividades a.overplayer span.play{opacity: 1;}

    /* HEADER */
    #navWrapper.on{top: 70px;}
    header #headerWrapper, .headSmall #headerWrapper,
    .noajax header #headerWrapper, .noajax .headSmall #headerWrapper{margin: 0; padding: 10px 20px;}
    header h1, .noajax header h1{top: 0px;}
    header #navWrapper{top: -100%; height: auto; border-width: 0; padding: 0 20px!important;}
    .noajax header #navWrapper.on, .noajax header #navWrapper.on {top: 70px!important; height: auto; padding: 0 20px!important;}
    #headervideo, .noajax #headervideo{display: none;}
    /*#mainNav, #secNav,
    #mainNav, .noajax #secNav{width: 100%; margin-bottom: 0!important;}
    #secNav, .noajax #secNav{margin-top: 0;}
    #mainNav, .noajax #mainNav{margin-top: 20px;}
    #mainNav #selectCompany ul, #secNav ul,
    .noajax #mainNav #selectCompany ul, .noajax #secNav ul{margin: 0 20px 0 59px; padding-bottom: 0;}
    #mainNav ul li, #secNav ul li,
    .noajax #mainNav ul li, .noajax #secNav ul li{margin-bottom: 7px;}*/
    .on #mainNav, .noajax .on #mainNav{display: none;}
    .on .headSelect, .on .noajax .headSelect,
    .on .headSelect #dropCompany, .noajax .on .headSelect #dropCompany{display: block;}
    .headSelect:after {
        display: none; position: absolute; right: 0px; top: 15px;
        width: 20px; font-size: 20px; line-height: 36px; height: 100%; ext-align: center;
    }
    .headSelect .curMenu{
        display: none; position: relative; float: left; width: auto; height: auto; margin: 20px 25px 0 0; padding: 0; border: 0;
        font: 400 23px/26px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#adadad;
        background: transparent;
    }
    .headSelect #dropCompany, .noajax .headSelect #dropCompany{
        display: block; position: relative; float: left; width: auto; height: auto; margin: 20px 0 0 0; padding: 0; border: 0;
        font: 400 23px/26px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#adadad;
        background: transparent;
    }

    #secNav, .noajax #secNav{width: 100%; margin-bottom: 15px !important; margin-top: 0;}
    .noajax .on #secNav:before{display: none;}
    #dropCompany, .noajax #dropCompany{margin-top: 20px;}
    #secNav ul, .noajax #secNav ul{margin: 0 20px 0 57px; padding-bottom: 0;}
    #secNav ul li, .noajax #secNav ul li{margin-bottom: 7px;}
    #secNav ul li.grupo{margin-bottom: 20px;}

    #slideWrapper {height: 320px!important;}
    #slideWrapper .slideBg{height: 100%; background-size: auto 100%!important; margin-top: 0;}
    .slideInfo h2 {font-size: 32px; line-height: 36px;}
    .slideInfo .btn {bottom: 30px;}
    .slideInfo p {width: auto; bottom: 20px;}
    .slideInfo img {left: 30px; bottom: 15px; max-width: 160px;}
    #slideWrapper .slideInfo {width: 210px; height: 190px; margin-top: -150px; padding: 30px;}
    #slideWrapper .slideInfo .for3d{width: 210px; height: 190px; padding: 30px;}

    #slideControll {top: -30px!important;}
    .contactos .slideInfo{width: 210px; height: 190px; margin-top: -110px; padding: 30px;}
    .noajax #navWrapper{border-width: 0;}

    #fakeWhiteBg{border-width: 0;}
    #mainWrapper{margin: 0;}

    .topSpace, .noajax .topSpace{height: 65px; padding: 0; margin: 0;}
    .spaceBottom130{margin-bottom: 70px!important;}

    /* SLIDE */
    #slideWrapper{background-size: auto 100%!important;}
    .destaque p {font-size: 30px; line-height: 34px;}

    /* SUB MENU */
    #mediaHeader #subMenu > ul{width: 100%;}
    #mediaHeader #subMenu > ul li{width: 100%; height: auto; border: 0; border-right: 0; border-left: 0; margin-bottom: 0px;}
    #mediaHeader #subMenu p{display: none;}

    /* SINGLE COLUMN */
    .singleColumn .wrapper div{padding: 0;}

    /* TWO COLUMNS */
    .twoColumns > div {padding: 20px;}
    .twoColumns {padding: 20px!important;}
    .twoColumns a.btnOrange{margin: 20px;}
    .twoColumns ul{margin-top: 30px;}
    .twoColumns p{font-size: 21px;}
    .careers .twoColumns, .mensagem .twoColumns{padding: 0!important;}
    .mensagem .twoColumns ul{margin: 0 20px 20px;}

    /* FOUR COLUMNS */
    .fourColumns{padding: 30px 0 0;}
    .fourColumns.noticias article, .fourColumns.unidades article, .fourColumns .row div, .fourColumns article {width: 100%; margin-right: 0; margin-top: 0;}
    .fourColumns article > a{padding-bottom: 0!important;}
    .fourColumns .row div {text-align: center;}
    .fourColumns .row .lista {margin: 10px 0 30px;}
    .fourColumns.noticias article .title{position: relative; height: auto; min-height: 65px; padding: 15px;}
    .fourColumns.noticias article .title h3{margin-bottom: 0;}
    .fourColumns article a:hover .title, .fourColumns article.text a:hover .title{height: auto;}
    .fourColumns article .title {position: relative;}

    .fourColumns #newsGrid article{width: 100%; margin: 0 0 15px;}
    .fourColumns article, .fourColumns .row div {margin-bottom: 30px;}

    /* OFERTAS */
    .ofertas article{width: 100%; height: auto; margin-right: 0; margin-top: 0;}
    .ofertas article .pBottom{position: relative; bottom: 0;}

    /* DOUBLE */
    .double div{width: 100%;}
    .double div.last{margin-left: 0;}

    /* GRUPO */
    .threeColumns div h3, .grupo h3{font-size: 32px; line-height: 35px; max-width: 100%;}

    /* INTRO */
    .intro h2, .intro h3{margin: 0 auto 25px;}
    .intro h4 {margin: 0 auto;}
    /*.intro .double{margin-bottom: 25px;}*/
    .servicos {margin: 0 auto;}

    .double div p, .double div ul li{text-align: center; margin-bottom: 25px; text-indent: 0px;}

    /* CARREIRAS */
    .careers div .ofertas h4{font-size: 22px; line-height: 26px;}

    /* PRÉMIOS */
    .premios .podio {margin-top: 25px;}
    .premios .podio li {margin: 15px 5px 0; height: auto;}
    .premios .podio li img{max-width: 40px; height: auto;}

    .prize_wrapper .prize span, .prize_wrapper .prize h6{display: none;}

    /* PRODUTOS */
    .produtos .mainContent li a{min-height: 50px; overflow: hidden; padding: 15px;}
    .produtos .mainContent li a .prodLogo img{width: auto; height: 50px;}
    .produtos .mainContent li a .prodInfo{min-height: 50px;}
    .produtos .mainContent li a .prodInfo .btnView {top: 0;}

    /* PORTFOLIO */
    .portfolio article.large > img, .portfolio article.horizontal > img{width: 150%!important; margin-left: -25%;}
    .portfolio .mainContent .projInfo span.line{display: block!important;}
    /* RSE */
    .portfolio.rse .mainContent article p, .portfolio.rse .mainContent .projInfo span.line{display: none!important;}

    /* SERVIÇOS */
    .servicos li{width: 100%!important;}
    .servicos li span.line{display: none;}
    .servicos li:first-child span.line {display: block;}
    .servicos li p{text-align: center; margin-bottom: 10px;}

    /* GRUPO — Fun Facts */
    .funFacts div h4{font-size: 35px; line-height: 35px;}

    /* CARREIRAS — Testemunhos */
    #navTestemunhos .rsTabs .rsTab{margin: 0 5px;}
    #navTestemunhos h4 {font-size: 26px; line-height: 29px;}

    /* CARREIRAS — Políticas */
    .politicas ol{padding-top: 0;}
    .politicas ol li{height: auto; padding: 0;}
    .politicas ol li div{width: 100%; height: auto; margin-top: 0;}
    .politicas ol li img{width: 280px; margin: 0 auto;}
    .politicas ol li h3{
        width: 100%; top: 140px!important;
        -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);
    }
    .politicas ol li.right p, .politicas ol li.left p{
        position: relative; left: 0; top: 0; width: 100%; max-width: 400px; margin: 0 auto;
        padding: 20px 10px 60px; text-align: center; color:#fff;
        -webkit-transform:translateY(0); transform:translateY(0);
    }
    .politicas .weaspire {width: 280px; height: 280px; margin: -120px 0 0 -140px;}
    .politicas .weText h4 {font-size: 26px; line-height: 29px;}
    h3.icoGrupo {margin: 30px 0 70px;}
    .endPoint {bottom: -70px; height: 105px;}
    .politicas .rules{height: 400px;}
    .politicas .weImage{display: none;}
    .politicas .center{margin: 0 0 30px;}
    .politicas .btn {margin-top: 0px;}

    /* EQUIPA */
    .equipa .mainContent li{width:50%;}
    .equipa .mainContent li h4{font-size: 18px!important; line-height: 22px!important;}
    .equipa .mainContent li p{font-size: 16px!important; line-height: 1 !important;}

    /* CARDS */
    .cardsContainer {height: 230px;}
    .cardsContainer .front img {position: absolute; left: auto; right: 0; top: 0; max-height: 230px; width: auto;}
    .card .front h2{left: 15px; width: 40%; font-size: 30px; line-height: 30px; margin-top: -50px!important;}
    .card .front a.clickFlip span{padding: 15px;}
    .card .back ul {left: 15px; top: 30px;}
    .card .back ul li{margin: 0 0 5px; font-size: 18px; line-height: 20px;}

    /* contactos */
    .contactos .contactInfo .wrapper{margin-top: 30px; padding: 0 3.828125%;}
    .contactos .contactInfo .wrapper div{display: none;}
    /*.contactos .introOthers .center a.btn{margin: 0 5px 5px 5px;}*/
    .contactos .contactInfo {margin-bottom: 50px;}

    /* prémios */
    .galardoes img{height: 70px; width: auto;}
    .galardoes ul li{ margin: 0; padding: 0 20px 20px 20px; }
    .galardoes ul li:last-child {margin-right: 10px;}

    /* CONTACTOS */
    #contactos{padding: 30px 0;}
    #contactos .wrapper div {width: 100%;}

    /* FOOTER */
    footer .wrapper p.designBy{padding: 25px 0;}

    /* FORM */
    form input, form textarea {padding: 5px 10px;}
    form label{display: none; position: relative; float: left;}
    form p {margin-bottom: 15px;}
    form p:before{display: none;}
    form .error .errorMsg{
        position: relative; float: left; width: 100%; height: auto; top: 0px; left: 0;
        padding: 5px 0;
        font-size: 14px; line-height: 18px; color: #e94b35; background: none;
        -moz-webkit-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    form .error .errorMsg:after{display: none;}
    form .actions p, form .actions #btnSubmit {
        /*padding: 10px 0; width: 100%; text-align: center;*/
        font: normal 400 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
        -moz-webkit-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    /*form .actions p:before, form .actions #btnSubmit:before {display: none;}*/

    /* LIGHTBOX */
    #lightBoxWrapper{opacity: 1; z-index: 0; margin: 0; padding-top: 68px;}
    #lightbox{width: 100%; margin: 0; padding: 0;}
    #lightbox .topSpace{display: none;}
    #lightbox #main{width: 100%;}
    #lightbox #main .tags{margin-right: 15px;}
    #lightbox #main .mediaContent.smallPic .mediaImage{width: 100%; margin-right: 0; margin: 15px 0 25px;}
    #lightbox #main header{padding-top: 0;}
    #lightbox #social a, #lightbox #social #mail{float: right; border-top: 0px;}
    #lightbox #social #mail .mailBox{left: -120px; top: 51px; width: 240px;}
    #lightbox #social a:hover{-webkit-box-shadow: none; box-shadow: none;}

    .noajax .wrapper{-webkit-box-sizing: inherit; box-sizing: inherit;}
    .noajax #lightbox #social{width: 100%;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 568px / PORTRAIT
-------------------------------------------------------------------------*/
@media only screen and (max-device-width: 599px){
    .headSelect{overflow: hidden;}
    .headSelect:after {display: block;}
    .headSelect .curMenu{display: block;}
    .headSelect #dropCompany, .noajax .headSelect #dropCompany{
        display: block; position: absolute; left: 0; top: 0; opacity: 0;
        font: 400 23px/26px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#adadad;
    }
}

/*-------------------------------------------------------------------------
=MAX-WIDTH 568px / PORTRAIT
-------------------------------------------------------------------------*/
@media only screen and (max-width: 568px) and (orientation:portrait){
    /* CONTACTOS */
    #contactos div{width: 100%; margin-bottom: 20px;}
    #contactos div ul strong {width: 40%;}
}

/*-------------------------------------------------------------------------
=MAX-WIDTH 414px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 414px) {
  #navEquipa.royalSlider .rsOverflow,
  #navEquipaMobile.royalSlider .rsOverflow {
    height: 480px;
  }
  .equipa .mainContent li p {
    display: none;
  }
  .equipa .mainContent li {
    margin-bottom: 0;
  }
  #navEquipa.royalSlider .rsSlide > div,
  #navEquipaMobile.royalSlider .rsSlide > div {
    padding: 0;
  }
  #navEquipa.royalSlider .rsContainer, #navEquipaMobile.royalSlider .rsContainer { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1) !important; }
  #navEquipa.royalSlider .rsBullets,
  #navEquipaMobile.royalSlider .rsBullets {
    bottom: -25px;
    width: 68%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
  }
  .show-for-small { display: inherit !important; }
  .hide-for-small { display: none !important; }
  .equipa .drag-message {
    display: block;
  }
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 414px
-------------------------------------------------------------------------*/
/*@media only screen and (max-width: 414px) and (orientation: landscape) {
  #navEquipa.royalSlider .rsOverflow {
    height: 820px;
  }
}*/
/*-------------------------------------------------------------------------
=MAX-WIDTH 375px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 375px) {
  #navEquipa.royalSlider .rsOverflow,
  #navEquipaMobile.royalSlider .rsOverflow {
    height: 450px;
  }
  #navEquipa.royalSlider .rsBullets,
  #navEquipaMobile.royalSlider .rsBullets {
    width: 76%;
    display: none;
  }
  .equipa .mainContent li {
    margin-bottom: 0;
  }
  #navEquipa.royalSlider .rsSlide > div,
  #navEquipaMobile.royalSlider .rsSlide > div {
    padding: 0;
  }
  #navEquipa.royalSlider .rsContainer, #navEquipaMobile.royalSlider .rsContainer { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1) !important; }
}

/*-------------------------------------------------------------------------
=MAX-WIDTH 320px
-------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
    /* Video Modal MOBILE */
    #modalWrapper .videoLightbox { width: 300px; margin-left: -150px; margin-top: -190px; }

    .galardoes ul li:last-child { margin-right: 0; }
    /*Páginas das empresas*/
    /*Acordeão dos prémios e clientes*/
    .prize_wrapper.royalSlider { height: 87px; }
    #navEquipa.royalSlider .rsOverflow, #navEquipaMobile.royalSlider .rsOverflow {height: 400px;}
    .equipa .mainContent li .action-hover span.icoLinked {margin-top: 20px;}

    /*
    .chconsulting #clients_slider.slider-open, .chconsulting #mobi_clients_slider.slider-open { height: 940px; }
    .chconsulting .galardoes #prizes_slider.slider-open, .chconsulting .galardoes #mobi_prizes_slider.slider-open { height: 305px; }
    .chacademy #clients_slider.slider-open, .chacademy #mobi_clients_slider.slider-open { height: 570px; }
    .kwl #clients_slider.slider-open, .kwl #mobi_clients_slider.slider-open { height: 755px; }
    .monstroscia #clients_slider.slider-open, .monstroscia #mobi_clients_slider.slider-open { height: 568px; }
    .monstroscia #prizes_slider.slider-open, .monstroscia #mobi_prizes_slider.slider-open { height: 920px; }
    .burocratik #clients_slider.slider-open, .burocratik #mobi_clients_slider.slider-open { height: 473px; }
    .burocratik #prizes_slider, .burocratik #mobi_prizes_slider { height: 103px; }
    .burocratik #prizes_slider.slider-open, .burocratik #mobi_prizes_slider.slider-open { height: 850px; }
*/

    /*Página dos prémios*/
    /*.premios .prize_wrapper.mobiSlider, .premios .prize_wrapper.mobiSlider,
    .premios #mobi_prize_wrapper11, .premios #prize_wrapper11 { height: 95px; }
    #mobi_prize_wrapper3.slider-open, #prize_wrapper3.slider-open { height: 682px; }
    #mobi_prize_wrapper4.slider-open, #prize_wrapper4.slider-open { height: 505px; }
    #mobi_prize_wrapper7.slider-open, #prize_wrapper7.slider-open { height: 803px; }
    #mobi_prize_wrapper11.slider-open, #prize_wrapper11.slider-open { height: 948px; }
    #mobi_prize_wrapper12.slider-open, #prize_wrapper12.slider-open { height: 490px; }*/

    /* ROYALSLIDER */
    #navObsessoes.royalSlider .rsOverflow{height: 370px;}
}
/*-------------------------------------------------------------------------
=MAX-WIDTH 768px / PORTRAIT
-------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) and (orientation: portrait){
    #lightbox aside article{width: 100%; max-height: auto;}
}

/*-------------------------------------------------------------------------
=ALL DEVICES / MAX-WIDTH 1024px
-------------------------------------------------------------------------*/
@media only screen and (max-device-width: 1024px) {
    /* buttons */
    a.btnNext, a.btnDown, a.btnMore, a.btnView,
    a.btnNext:hover, a.btnDown:hover, a.btnMore:hover, a.btnView:hover{padding: 10px 40px 10px 10px;}
    a.btnPrev, a.btnPrev:hover{padding: 10px 10px 10px 40px;}
    a.btnView, a.btnExternal, a.btnView:hover, a.btnExternal:hover{padding: 10px 40px 10px 10px;}

    /* slide */
    .slideTitle{
        position: relative; top: 50%;
        -moz-transform: translateX(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
    }
    .actividades a.overplayer span.play{opacity: 1;}
    .actividades a.overplayer span.line{opacity: 0;}

    /* portfolio */
    .portfolio .mainContent a .btnExternal{
        right: 10px; left: auto; bottom: 15px; height: 30px; opacity: 1;
        -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);
    }
    .portfolio .mainContent article > div {
        display: none; /*display: block; position: absolute; left: 0; bottom: 0;
        width: 100%; height: 100%; background: rgba(255, 66, 0, .3);*/
    }
    /*.portfolio .mainContent article.active > div {background: rgba(255, 66, 0, 0);}
    .chacademy .portfolio .mainContent article > div{width: 100%; height: 100%; background: rgba(177, 30, 57, .7);}
    .kwl .portfolio .mainContent article > div{width: 100%; height: 100%; background: rgba(143, 207, 55, .7);}
    .monstroscia .portfolio .mainContent article > div{width: 100%; height: 100%; background: rgba(138, 26, 106, .7);}
    .burocratik .portfolio .mainContent article > div{width: 100%; height: 100%; background: rgba(0, 0, 0, .7);}*/

    .portfolio.rse .mainContent article > div {
        display: block; position: absolute; left: 0; bottom: 0;
        width: 100%; height: 100%; background: rgba(255, 66, 0, .3);
    }
    .portfolio .mainContent article .projInfo h4, .portfolio .mainContent article .projInfo p{
        -moz-transform: translateX(0px); -webkit-transform: translateY(0px); transform: translateY(0px);
        opacity: 1;
    }
    .portfolio .mainContent article .projInfo{position: absolute; width: 100%;}
    .portfolio .mainContent article .projInfo .line{display: block!important; opacity: 1; width: 50px; margin: 10px auto;}
    .portfolio .mainContent article .btnHover{display: none!important;}

    .company .bgGrey.fourColumns article:hover .title{background: #fff!important;}
    .company .bgGrey.fourColumns article:hover .title:before{color: #333!important;}

    .fourColumns article:hover, .fourColumns article:hover > a, .fourColumns article:hover a .title{background: #f3f3f3!important;}
    .fourColumns article:hover .title h3{color: #333!important;}
    .fourColumns article:hover .title time.date{color: #ff4200!important;}
}
/*-------------------------------------------------------------------------
=MAX-HEIGHT 900px
-------------------------------------------------------------------------*/
@media only screen and (max-height: 900px) {
    #modalWrapper{ margin: -5px auto 7.8125% auto;}
}


/*-------------------------------------------------------------------------
=MEDIA QUERIES ROYALSLIDERS — Relatórios / Testemunhos / Obsessões / Resp
-------------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
    /*Tabs passam a Bullets*/
    .rsTabs{text-align: center;}
    .rsTabs .rsTab{
        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;
    }
    .rsTabs .rsTab:hover, .rsTabs .rsNavSelected{background: #ff4200; cursor: pointer;}
    .bgOrange .rsTabs .rsTab{background: #992800;}
    .bgOrange .rsTabs .rsTab:hover, .rsTabs .rsTabs .rsNavSelected{background: #fff;}
    /*relatorios*/
    #navRelatorios.royalSlider{padding: 0 0 50px; margin-top: 50px;}
    #navRelatorios.royalSlider .rsNav{top: auto; height: auto; bottom: 0px;}
    #navRelatorios.royalSlider .rsArrow {top: 120px;}
    #navRelatorios .rsNavItem .rsTmb{display: none;}
    #navRelatorios h2 {display: block; max-width: 100%;}
}
@media only screen and (max-width: 1024px) {
    /*obsessoes*/
    #navObsessoes.royalSlider .rsOverflow{height: 250px;}
    /*responsabilidade*/
    #navResp.royalSlider .rsOverflow{height: 300px;}
    /*relatorios*/
    #navRelatorios.royalSlider .rsArrow{display: none!important;}
    #navRelatorios.royalSlider .rsSlide > div{padding: 0;}
}
@media only screen and (max-width: 700px) {
    /*obsessoes*/
    #navObsessoes.royalSlider .rsOverflow{height: 300px;}
    /*relatorios*/
    #navRelatorios.royalSlider .rsOverflow{height: 750px;}
}
@media only screen and (max-width: 599px) {
    .royalSlider .rsOverflow{padding-bottom: 0;}
    /*testemunhos*/
    #navTestemunhos.royalSlider{padding: 120px 0 0;}
    #navTestemunhos.royalSlider .rsSlide > div {padding: 0;}
    /*obsessoes*/
    #navObsessoes.royalSlider .rsSlide > div{padding: 0;}
    #navObsessoes.royalSlider .rsArrow{display: none!important;}
    #navObsessoes.royalSlider .rsBullets{display: block; position: absolute; left: 0; bottom: 20px; top: auto; height: auto;}
    .rsNavItem {display: none;}
    /*responsabilidade*/
    #navResp.royalSlider .rsOverflow{height: 400px;}
    #navResp.royalSlider .rsSlide > div{padding: 0;}
    #navResp.royalSlider .rsArrow{display: none!important;}
    #navResp.royalSlider .rsBullets{display: block; position: absolute; left: 0; bottom: 40px; top: auto; height: auto;}
    .rsNavItem {display: none;}
}
@media only screen and (max-width: 400px) {
    #navResp.royalSlider, #navRelatorios.royalSlider{margin-top: 0px;}
    /*obsessoes*/
    #navObsessoes.royalSlider .rsOverflow{height: 370px;}
    #navObsessoes.royalSlider .rsSlide > div{padding: 0;}
    #navObsessoes.royalSlider .rsArrow{display: none!important;}
    #navObsessoes.royalSlider .rsBullets{display: block;}
    /*relatorios*/
    #navRelatorios.royalSlider{padding-top: 0;}
    #navRelatorios.royalSlider .rsOverflow{height: 980px;}
}

/*-------------------------------------------------------------------------
=IE 8/9 styles
-------------------------------------------------------------------------*/
.ie9 a.btnOrange {padding: 10px 15px;}
.ie9 .btnOrange:after {content: none;}
.ie9 .actividades .picsCenter {width: 100%;}
.ie9 .actividades .picsLeft, .ie9 .actividades .picsRight {display: block;}
.ie9 .actividades div div div {top: 40%;}
.ie9 .bgPic h3.crTitle {margin-top: 0;}
.ie9 .produtos .mainContent li a .prodInfo {width: 375px;}
.ie9 .produtos .mainContent li a .prodInfo p {float: left; width: 300px; margin-top: 20px;}
.ie8 header h1 {width: 210px;}
.ie8 header #navWrapper {padding-left: 220px;}
.ie8 #secNav ul li {margin-left: 10px;}
.ie8 #mainNav #selectCompany { margin-right: 10px; }
.ie8 header h1 a {background: url(../imgs/ie8_logo-grupoch.png) no-repeat left 80%;}
.ie8 #mainNav #linksCompany, .ie9 #mainNav #linksCompany { display: none; }
.ie8 #mainNav:hover #linksCompany, .ie9 #mainNav:hover #linksCompany { display: block; opacity: 1; filter: alpha(opacity=100); }
.ie8 #mainNav #linksCompany, .ie9 #mainNav #linksCompany { display: none; }
.ie8 #mainNav:hover #linksCompany,
.ie9 #mainNav:hover #linksCompany { display: block; opacity: 1; filter: alpha(opacity=100); }
.ie8 #mainNav #selectCompany span, .ie9 #mainNav #selectCompany span { padding-right: 10px; }
.ie8 .slideInfo {background: rgb(255, 66, 0); filter:alpha(opacity=90);}
.ie8 section:after { border-color: #FFF; filter: alpha(opacity=0); }
.ie8 section:before { border-color: #FFF; filter: alpha(opacity=0); }
.ie8 footer .wrapper #brands li a img.back { opacity: 0; filter: alpha(opacity=0); }
.ie8 footer .wrapper #brands li a img { opacity: 1; filter: alpha(opacity=100); }
.ie8 .actividades.bgPic { margin-top: 80px }
.ie8 .btnGoto { padding: 10px 25px }
.ie8 .btnGoto:after { right: 5px }
.ie8 .actividades div div.medium + .medium div { margin-left: -301px }
.ie8 .actividades div div.medium + .medium + div div { margin-left: -391px }
.ie8 .actividades div div.medium + .medium + div + .medium + .medium div { margin-left: -301px }
.ie8 .actividades div div div { top: 30% }
.ie8 section.bgOrange:before { border-color: #ff4200; filter: alpha(opacity=0); }
.ie8 .politicas a.btnClose { top: 130px }
.ie8 .pBottom a.btnSmall:after, .ie8 .center .btnDown:after { display: none; content: none; }
.ie8 .pBottom a.btnSmall:hover:after { display: block; content: "6"; }
.ie8 section.bgOrange { padding-bottom: 50px }
.ie8 .bgPic h3.crTitle { margin-top: 0; top: 40%; }
.ie8 .center .btnDown:hover:after { display: block; content: "4"; }
.ie8 .contactos .bgPic { padding-bottom: 150px; padding-top: 80px; }
.ie8 .fourColumns article.other .title { opacity: 0; filter: alpha(opacity=0); }
.ie8 .fourColumns article.other:hover .title { bottom: 0; opacity: 1; filter: alpha(opacity=100); }
.ie8 .portfolio .mainContent a span, .ie8 .portfolio .mainContent .projInfo h3, .ie8 .portfolio .mainContent .projInfo p { opacity: 0; filter: alpha(opacity=0); }
.ie8 .chconsulting #slideWrapper .slideInfo, .ie8 .chconsulting .portfolio .mainContent article:hover > div { background: rgb(255, 66, 0); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 .portfolio .mainContent article:hover .projInfo h3, .ie8 .portfolio .mainContent article:hover .projInfo p { opacity: 1; filter: alpha(opacity=100); }
.ie8 .monstroscia #slideWrapper .slideInfo, .ie8 .monstroscia .portfolio .mainContent article:hover > div { background: rgb(138, 26, 106); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 .portfolio .mainContent article:hover > div { background: rgb(138, 26, 106); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 .burocratik #slideWrapper .slideInfo, .ie8 .burocratik .portfolio .mainContent article:hover > div { background: rgb(0, 0, 0); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 .kwl #slideWrapper .slideInfo, .ie8 .kwl .portfolio .mainContent article:hover > div { background: rgb(143, 207, 55); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 .chacademy #slideWrapper .slideInfo, .ie8 .chacademy .portfolio .mainContent article:hover > div { background: rgb(177, 30, 57); opacity: 0.9; filter: alpha(opacity=90); }
.ie8 #navTestemunhos .rsTabs .rsTab span.hoverColor { background: none; }
.ie8 .politicas ol li span { top: 0; }
.ie8 .politicas ol li.left div p { left: 100%; }
.ie8 .politicas ol li.right div p { left: -100%; }
.ie8 .politicas ol li.right div { float: right; }
.ie8 .politicas ol li.left div { float: left; }
.ie8 .politicas ol li.right div span { right: -100px; }
.ie8 .politicas ol li.left div span { left: -100px; }
.ie8 .politicas h3.icoGrupo:before { display: none; }
.ie8 #headnav, .ie8 #toload {min-width: 1024px;}