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

Version:    1.0 - 2013
author:     Burocratik
email:      ana@burocratik.com - alex@burocratik.com
website:    http://www.burocratik.com
----------------------------------------------------------------------
Cinza Bg                 #f3f3f3
Cinza Border             #DBDBDB
Cinza Links Main         #ADADAD
Cinza Links Sec / Texto  #333333
----------------------------------------------------------------------*/

@import url(reset.css);

/*----------------------------------------------------------------------*/
html, body{ /* need html and min-height and not just height for ipad*/
    width: 100%; min-height: 100%; color: #333333; background: #f3f3f3; overflow-x: hidden;
    text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
    -moz-font-feature-settings:"calt=1, liga=1, clig=1, kern=1"; -moz-font-feature-settings:"calt" 1, "liga" 1, "clig" 1, "kern" 1,;
    -ms-font-feature-settings:"calt", "liga", "clig", "kern"; -o-font-feature-settings:"calt", "liga", "clig", "kern";
    -webkit-font-feature-settings:"calt", "liga", "clig", "kern"; font-feature-settings:"calt", "liga", "clig", "kern";
}
/*@font-face {
    font-family: 'grupoWL';
    src: url('../fonts/grupo-wLight.eot');
    src: url('../fonts/grupo-wLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-wLight.woff') format('woff'),
         url('../fonts/grupo-wLight.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'grupoWBk';
    src: url('../fonts/grupo-wBook.eot');
    src: url('../fonts/grupo-wBook.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-wBook.woff') format('woff'),
         url('../fonts/grupo-wBook.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'grupoWM';
    src: url('../fonts/grupo-wMedium.eot');
    src: url('../fonts/grupo-wMedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-wMedium.woff') format('woff'),
         url('../fonts/grupo-wMedium.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'grupoCSB';
    src: url('../fonts/grupo-cSBold.eot');
    src: url('../fonts/grupo-cSBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-cSBold.woff') format('woff'),
         url('../fonts/grupo-cSBold.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'grupoCR';
    src: url('../fonts/grupo-cRoman.eot');
    src: url('../fonts/grupo-cRoman.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-cRoman.woff') format('woff'),
         url('../fonts/grupo-cRoman.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}*/
@font-face {
    font-family: 'grupoIco';
    src: url('../fonts/grupo-icons.eot');
    src: url('../fonts/grupo-icons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/grupo-icons.woff') format('woff'),
         url('../fonts/grupo-icons.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}

h2{font: normal 300 48px/52px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#ff4200; letter-spacing:-2px; text-align: center;}
h2 + p{font: normal 300 30px/34px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; padding-top: 5px; letter-spacing:-1px; color:#FF4200;}

h2.largeTitle{font-size: 300px; line-height: 300px; padding-bottom: 80px;}

h2.separador{display: block; position: relative; width: 100%; max-width: 100%; text-align: center;}
h2.separador:after{display: block; position: relative; width: 100%; height: auto; margin: 16px 0; font-size: 30px; line-height: 30px;}
h3{font: normal 400 48px/52px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif; color:#333333; letter-spacing:-1px;}
h4{font: normal 300 36px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#ff4200;}
h5{font: normal 500 28px/32px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333;}
p{font: normal 400 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333;}
.linespace p{padding-bottom: 10px;}
.breakLine, h3.crTitle .breakLine{display: block;}
.spaceBottom130{margin-bottom: 130px!important;}
.spaceBottom30{margin-bottom: 30px!important;}

/**/
h3.crTitle{
    display: block; position: relative; width: 100%; height: auto;
    font: normal 400 48px/52px 'Chronicle Display A', 'Chronicle Display B', Georgia, 'Times New Roman', Times, serif;
    color: #fff; text-align: center;
}
h3.crTitle span{display: inline-block; position: relative; max-width: 800px; }
h3.icoGrupo{float: left; width: 100%; margin: 70px 0 150px; text-align: center;}

/**/
.bgPic h3.crTitle, .politicas ol h3.crTitle{
    position: absolute; left: 0; top: 50%;
    -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.bgPic h3.crTitle{margin-top: 45px; padding: 0 3.828125%;}

/**/
span.line{
    display: block; position: relative; width: 50px; height: 2px;
    background: #ff4200; margin: 30px auto 45px;
}
a{color: #ff4200;}
a.wLink{color: #fff;}
strong{font-weight: 500;}

/* ICONS */
/*.icoGrupo:before, .icoPremios:before, .icoMedia:before, .icoCarreiras:before,*/
.icoLinked:before,
.btnTwitter:after, .btnFacebook:after, .btnMail:after, .btnClose:after, .arrLeft:after, .arrRight:after,
.icoNews:before, .icoVideo:before, .icoPress:before, .icoBrochuras:before, .icoPesquisa:before, .icoPlay:before,
.icoWorld:before, .icoEquipa:before, .icoMember:before,
.sepWorld:after, .sepGrupo:after, .sepPremios:after, .sepMedia:after, .sepCarreiras:after, .sepNoticias:after, .sepEquipa:after,
.btnPrev:after, .btnNext:after, .btnDown:after, .btnMore:after, .btnExternal:after, .btnHover:after, .btnView:after, .btnPlay:after,
#mainNav #selectCompany:after, #formBox .sent:after, #newsForm .sent:before {font-family: 'grupoIco', Helvetica, Arial, sans-serif; text-transform: lowercase; letter-spacing: normal;}

/* Menu */
/*.icoGrupo:before {content: "k";}
.icoPremios:before {content: "g";}
.icoMedia:before {content: "u";}
.icoCarreiras:before {content: "h";}*/

/* Social */
.icoLinked:before {content: "e";}

.btnTwitter:after{content: "f";}
.btnFacebook:after{content: "c";}
.btnMail:after{content: "r";}
.btnClose:after{content: "x";}
.arrLeft:after{content: "0";}
.arrRight:after{content: "1";}

/* Media section */
.icoNews:before {content: "i";}
.icoVideo:before {content: "o";}
.icoPress:before {content: "8";}
.icoBrochuras:before {content: "j";}
.icoPesquisa:before{content: "7";}
.icoPlay:before{content: "9";}

/* General */
.icoWorld:before{content: "v";}
.icoEquipa:before{content: "q";}
.icoMember:before{content: "m";}
/*.icoReset:before{content: "6";}*/

/* Separadores */
.sepWorld:after{content: "- v -";}
.sepGrupo:after{content: "- k -";}
.sepPremios:after{content: "- g -";}
.sepMedia:after{content: "- o -";}
.sepCarreiras:after{content: "- h -";}
.sepNoticias:after{content: "- i -";}
.sepEquipa:after{content: "- n -";}

/*BOTÕES*/
.btnHover:after{content: "2";}
.btnPrev:after{content: "3"; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.btnNext:after{content: "3";}
.btnDown:after{content: "4";}
.btnMore:after{content: "5";}
.btnExternal:after{content: "6";}
.btnView:after{content: "7";}
.btnPlay:after{content: "9";}

/*FORMS*/
#formBox .sent:after, #newsForm .sent:after { content: '#'; }

/*OTHERS*/
#mainNav #selectCompany:after{content: "4";}
h2.separador:after {display: none;}
/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
header{
     display: block; position: fixed; width: 100%; z-index: 100;
     font: normal 400 23px/26px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #adadad;
}
header p{font: normal 400 23px/26px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #adadad; float: left; white-space: nowrap;}
header a{color:#adadad; white-space: nowrap;}
header a:hover{color: #ff4200;}
header h1{
    position: absolute; width: 250px; height: 65px; text-indent: -5555px; z-index: 100;
    /*-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;*/
}
header h1 a{
    display: block; position: absolute; width:100%; height:100%;
    background: transparent url(../imgs/logo-grupoch.png) no-repeat; background-size: auto 100%;
}

/* Header Wrapper */
header #headerWrapper{
    display: block; position: relative; height: 65px;
    margin: 20px 20px 0; padding: 30px 3.828125% 30px; background: #FFF;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
    -ms-transition: all .25s ease; transition: all .25s ease;
}
header #headerWrapper:before{
    display: block; position: absolute; left: 0; top: -20px; width: 100%; height: 20px;
    background: #f3f3f3; content: ""; z-index: 999;
}
header #headerWrapper .wrapper{padding: 0!important;}

.topSpace{
    display: block; position: relative; float: left; width: 100%; height: 65px;
    margin: 20px 0 0; padding: 30px 0; background: #FFF;
    -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}

/* Shadow */
header .headerShadow{
    display: block; position: absolute; left: 0; bottom: -6px; width: 100%; height: 6px;
    padding: 0 110px; opacity: .5; z-index: 10; background-size: auto 12px;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
header .headerShadow:before, header .headerShadow:after{
    display: block; position: absolute; bottom: 0; width: 90px; height: 6px; content: "";
    background: transparent url(../imgs/headerWrapper-shadow-bg.png) no-repeat;
    background-size: auto 12px;
}
header .headerShadow:before{left: 20px; background-position: top left;}
header .headerShadow:after{right: 20px; background-position: top right;}
header .headerShadow span{
    display: block; position: relative; float: left; width: 100%; height: 6px;
    background: transparent url(../imgs/headerWrapper-shadow-bg.png) repeat-x bottom center;
    background-size: auto 12px;
}

/* Navigations wrapper*/
#navWrapper{
    display: block; position: relative; float: left; width: 100%; padding: 26px 60px 0 280px; padding-right: 0; /* Para o menu idiomas comentado*/
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index:0;
}
#navWrapper .on a{color: #333333;}
#navWrapper .inactive a{
  pointer-events: none;
  color: #dcdcdb;
}

/* MAIN NAV */
#mainNav{display: block; position: relative; float: left; width: auto;}

#mainNav #selectCompany{
    display: block; position: relative; float: left; width: auto; height: auto;
    white-space: nowrap; margin-right: 25px;
}
#mainNav #selectCompany:after{
    display: block; position: absolute; right: 0; top: 0; font-size: 20px;
}
#mainNav #selectCompany div{display: block; position: relative; float: left;}
#mainNav #selectCompany div:hover{cursor: pointer;}
#mainNav #selectCompany div:hover .selectActive span{color: #333;}
#mainNav #menuNameforCompany{color: #333333;}

#mainNav #selectCompany span, #mainNav #selectCompany ul{display: block; position: relative; padding-right: 20px;}
#mainNav #selectCompany span{float: left;}
#mainNav #selectCompany span.on{color: #333333;}
#mainNav #selectCompany ul{
    display: block; position: absolute; left: -5555px; top: 23px;
    opacity: 0; padding: 0; margin: 0; overflow: hidden;
    -moz-transition: opacity .4s ease .1s; -webkit-transition: opacity .4s ease .1s; transition: opacity .4s ease .1s;
}
#mainNav #selectCompany ul li{display: block; position: relative; margin-top: 8px; overflow: hidden;}
#mainNav #selectCompany ul li a{display: block; position: relative; float: left; /*line-height: 25px;*/}
#navWrapper #selectCompany .on a{color: #dcdcdb;}
#mainNav.hover #selectCompany ul{display: block; position: absolute; left: 0px; top: 23px; opacity: 1; height: auto;}

/* SEC NAV */
#secNav, #secNav ul, #secNav ul li{display: block; position: relative; float: left;}
#secNav{float: right; padding-right: 60px;}
#secNav ul li{margin-left: 25px;}
#secNav ul li.grupo{display: none;}

/* SELECT MOBILE */
.navSelect_wrapper {
    display: none; position: relative; float: left; line-height: 35px; width: 100%; height: auto;
    padding: 3px 10px 0; margin: 20px 0 0; border: 2px solid #ff4200;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.navSelect_wrapper:after{
    display: block; position: absolute; right: 7px; top: 0px; width: 20px;
    font-size: 20px; line-height: 36px; height: 100%; color: #ff4200; text-align: center;
}
select#navSelect{
    position: relative; width: 100%; height: auto; padding: 0; margin: 0; border: 0;
    font: normal 400 18px/18px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200;
    background: transparent;
}

/* IDIOMA */
#lingMenu {
  display: block;
  position: absolute;
  width: 42px;
  /* width: 34px; */
  height: 29px;
 /*  height: auto; */
  right: 0px;
  /* margin-top: 22px; */
  margin-top: 24px;
  border: 2px solid #D8D8D8;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
          transition: all .25s ease;
}
#lingMenu:hover{
  height: 79px;
 /*  border-color: #ff4200; */
}
#lingMenu:hover .active a{ color:#ff4200;}
#lingMenu li.active{line-height: 30px;}
#lingMenu li{line-height: 22px; }

/* #lingMenu li:last-child { margin-top:-5px;} */

#lingMenu a{
  display: inline-block;
  width: 100%;
  text-indent: -10px;
}
#lingMenu .active a{pointer-events: none;}
#lingMenu .active::after{
  display: block;
  position: absolute;
  right: 3px;
  top: 0;
  font-family: 'grupoIco', Helvetica, Arial, sans-serif;
  text-transform: lowercase;
  letter-spacing: normal;
  font-size: 14px;
  content: "4";
}
#lingMenu:hover .active::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
#lingMenu .btn-off{display: none;}



/* a#lingMenu {
  display: block;
  position: absolute;
  width: 34px;
  height: 30px;
  right: 0px;
  margin-top: 22px;
  border: 2px solid #D8D8D8;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: border .3s ease, margin .3s ease;
     -moz-transition: border .3s ease, margin .3s ease;
          transition: border .3s ease, margin .3s ease;
}
a#lingMenu span{
    display: block; position: absolute; left: 0; top: 0; width: 100%;
    background: #FFF;
    -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;
}
a#lingMenu .off{margin-top: 100%;}
a#lingMenu:hover {border-color: #ff4200;}
a#lingMenu:hover .active{margin-top: -100%;}
a#lingMenu:hover .off{margin-top: 0px;} */


/* MOBILE NAV */
.hideNav{
    display: none; position: relative; float: right; width: 27px; height: 19px; z-index: 100;
    margin-top: 15px;
}
.hideNav a{display: block; position: relative; width: 100%; height: 100%; text-indent: -5555px;}
.hideNav a:before, .hideNav a:after, .hideNav a span{
    display: block; position: absolute; width: 27px; height: 3px;
    background: #8d8f91; left: 0px; content: "";
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.hideNav a:before{top: 0px;}
.hideNav a:after{bottom: 0px;}
.hideNav a span{top: 8px;}
.hideNav.active a span{opacity: 0;}
.hideNav.active a:before{
    top: 8px;
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.hideNav.active a:after{
    bottom: 8px;
    -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}

/* HEAD SMALL */
.headSmall #headerWrapper {height: 50px; padding: 10px 3.828125% 10px;}
.headSmall h1 {margin-top: 2px; width: 55px; height: 45px;}
.headSmall h1 a {background-size: auto 100%;}
.headSmall #navWrapper {
    padding: 15px 60px 0 70px; padding-right: 0; /* Para o menu idiomas comentado*/
    /*-ms-transition: padding 0.3s ease; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease;*/
}
/* .headSmall a#lingMenu, .mobile a#lingMenu {margin-top: 9px;} */
.headSmall #lingMenu{margin-top: 13px;}

/* .mobile a#lingMenu {margin-right: 10px;} */
.mobile #lingMenu {
  margin-top: 9px;
  margin-right: 37px;
  right: 0;
}
.headSmall .topSpace{height: 70px; padding: 0;}

/*-------------------------------------------------------------------------
=HEADER BG
-------------------------------------------------------------------------*/
#slideWrapper{
    display: block; position: relative; float: left; width: 100%; height: 600px;
    background: #ffffff; z-index: 0; overflow: hidden;
}
#slideWrapper .slideBg{
    position: absolute; width: 100%; height: 800px; margin-top: -80px;
    -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 800px; perspective:800px;
    background-position: 50% 50%; background-repeat: no-repeat;
    -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1); opacity:1;
}
#slideWrapper.hasSlideShow .slideBg.on{opacity:1;}
#slideWrapper.hasSlideShow .slideBg{opacity: 0;}
#slideControll{display: none;}

.slideInfo{
    display: block; position: relative; width: 400px;/* 394/1280 = 0.3078125 */ height: 350px;/* 394/1280 = 0.3078125 */
    margin: -230px auto 0; top: 50%; z-index: 20;
}
.slideInfo .for3d{
    display: block; position: absolute; top: 0; left: -50px; width: 400px; height: 350px;
    padding: 50px; background: rgba(255, 66, 0, .9);
}
.slideInfo .for3d .legenda{display: none;}
.slideInfo .for3d .legenda.on{display: block;}

.slideInfo h2{font: normal 300 60px/62px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#FFFFFF!important; text-align: left!important; position: relative;}
.slideInfo p{
    display: block; position: absolute; bottom: 50px; width: 394px; height: auto;
    font: normal 300 30px/30px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#FFFFFF;
}

.slideInfo .legenda div{display: block; position: absolute; bottom: 50px; width: 394px; height: auto;}
.slideInfo .legenda div p{display: block; position: relative; bottom: auto; width: auto; height: auto;}

/*.slideInfo .loadVideo{
    display: block; position: absolute; bottom: 50px; right: 50px; width: 25px; height: 25px; opacity: 0;
    background: transparent url(../imgs/loading-anim-header.gif) no-repeat center center;
}
.loadingVideo .slideInfo .loadVideo{
    opacity: 1;
    -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
}*/

.slideInfo p .changeVideo{display: block; position: relative; float: left; cursor: pointer;}
.slideInfo p.second .underline{
    display: block; position: absolute; left: 0; bottom: -3px;
    width: 100%; height: 1px; background: #fff;
    -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.noajax .slideInfo p.second{display: none;}
.loadingVideo #slideControll li, .loadingVideo .slideInfo .changeVideo {cursor: default; pointer-events: none;}

/* ANIMATION */
.slideInfo .legenda div p.first{
    opacity: 1;
    -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
}
.slideInfo .legenda div p.upDisapear{
    opacity: 0;
    -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px);
}
.slideInfo .legenda div p.upRise{
    opacity: 0;
    -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px);
}
.slideInfo .legenda div p.second{float: left;}

.slideInfo .btn{position: absolute; bottom: 50px; padding: 10px 15px;}
.slideInfo img, .slideInfo .linkExterno{
    display: block; position: absolute; width: auto; height: auto;
}
.slideInfo img{left: 50px; bottom: 25px; max-width: 250px;}
.slideInfo .linkExterno{right: 50px; bottom: 50px; font-size: 21px; line-height: 21px; color: #FFF; }
.slideInfo .linkExterno em{display: none;}
.slideTitle{
    display: block; position: absolute; left: 0; top: 200px; z-index: 0;
    width: 100%; height: auto; margin: 0 auto; padding: 0 3.828125%;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.slideTitle img{
    display: block; position: relative;
    width: 100%; max-width: 1310px; margin: -20px auto 0;
}

.contactos .slideInfo{
    display: block; position: relative; width: 400px;/* 394/1280 = 0.3078125 */ height: 350px;/* 394/1280 = 0.3078125 */
    margin: -250px auto 0; top: 50%; z-index: 20; padding: 50px; background: rgba(255, 66, 0, .9);
}

/*-------------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#fakeWhiteBg{
    position: absolute; width: 100%; height: 100%; background: #fff;
    border-width: 20px 20px 0 20px; border-style: solid; border-color: #f3f3f3;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#mainWrapper{
    display: block; margin: 0 20px; background: #FFF; overflow: hidden;
    -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.company #mainWrapper{background: transparent;}

.wrapper{
    /* z-index: 10;  must be biger for lang menu*/
    z-index: 15;
    display: block;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 3.828125%;
}
section {
    display: block; position:relative; float: left; width: 100%; padding: 60px 0 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    background: #fff;
}
section article{margin-bottom: 3.90625%;/* 50/1280 = 0.09765625 */}
section .wrapper {
    overflow: hidden; padding: 0 /*3.828125%*/;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.politicas .wrapper {padding: 0 3.828125%;}

/*BG grey*/
section.bgGrey{background: #f3f3f3; margin-bottom: 110px;}

/*BG orange*/
section.bgOrange{background: #ff4200; margin-bottom: 110px;}
section.bgOrange h2, section.bgOrange h3{color: #FFF;}
section.bgOrange .line{background: #FFF!important;}

/*BG Pic */
section.bgPic{
    display: block; height: 500px; background: #f3f3f3;
    overflow: hidden; padding: 0;
}
section.bgPic img{display: block; margin: -100px auto 0;}
.bgPic .slideInfo{margin: -190px auto 0;}

/*BG orange - invert*/
section.bgOrange.invert{background: #ff4200; margin-bottom: 110px; padding-top: 0;}

/*BG orange - invert*/
section.noTop:after{display: none;}
section.noBottom{margin-bottom: 0!important;}

/*SECTION :before/:after */
section:before{
    display: block; position: absolute; left: 0px; bottom: -110px; width: 100%; height: 130px;
    border: none; margin: 0; content: "";
    background: transparent url(../imgs/slideWrapper-bottom-bg.png) no-repeat center bottom;
    background-size: 3000px 130px;
}
section:after{
    display: block; position: absolute; left: 0px; top: -130px; width: 100%; height: 130px;
    border: none; margin: 0; content: "";
    background: transparent url(../imgs/slideWrapper-top-bg.png) no-repeat center bottom;
    background-size: 3000px 130px;
}
.home .intro:before{display: none;}

/* bgOrange */
section.bgOrange:before{background: transparent url(../imgs/slideWrapper-bottom-bg-orange.png) no-repeat center bottom; background-size: 3000px 130px;}
section.bgOrange:after{background: transparent url(../imgs/slideWrapper-top-bg-orange.png) no-repeat center bottom; background-size: 3000px 130px;}

/* bgOrange Invert */
section.bgOrange.invert:after{top: 0; background: transparent url(../imgs/slideWrapper-bottom-bg.png) no-repeat center bottom; background-size: 3000px 130px;}

/* bgGrey */
section.bgGrey:before {/*background: transparent url(../imgs/slideWrapper-bottom-bg-grey.png) no-repeat center bottom;*/ display: none;}
section.bgGrey:after {background: transparent url(../imgs/slideWrapper-top-bg-grey.png) no-repeat center bottom; background-size: 3000px 130px;}

/* bgPic + bgNegTop */
section.bgPic:after, section.bgNegTop:after{
    display: block; position: absolute; left: 0px; top: 0; width: 100%; height: 130px;
    border: none; margin: -2px 0 0; content: "";
    background: transparent url(../imgs/slideWrapper-bottom-bg.png) no-repeat center bottom;
    background-size: 3000px 130px;
}
section.bgGrey:before, section.bgPic:before{bottom: -130px;}
section.last:before{display: none;}

/*SECTION :before/:after */
/*section:before{
    position: absolute; content: ""; width: 0px; height: 0px;
    left: 50%; bottom: -110px; margin-left: -1300px;
    border-style: solid; border-width: 110px 1300px 0 1300px;
    -webkit-transform:rotate(90deg);
    -webkit-transform: scale(0.9999); transform: scale(0.9999);
}
section:after{
    position: absolute; content: ""; width: 0px; height: 0px;
    left: 50%; top: -110px; margin-left: -1300px;
    border-style: solid; border-width: 110px 1300px 0 1300px;
    -webkit-transform: scale(0.9999); transform: scale(0.9999);
}
/*section.intro:after{
    display: block; position: absolute; left: 0px; top: -130px; width: 100%; height: 130px;
    border: none; margin: 0;
    background: transparent url(../imgs/slideWrapper-top-bg.png) no-repeat center bottom;
}
section.bgPic:after, section.bgNegTop:after{
    position: absolute; content: ""; width: 0px; height: 0px;
    left: 50%; top: 0; margin-left: -1300px;
    border-style: solid; border-width: 110px 1300px 0 1300px;
    -webkit-transform: scale(0.9999); transform: scale(0.9999);
}
*/
/**/
/*section:before{border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
section.bgGrey:before{border-color: #f3f3f3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
section.bgOrange:before{border-color: #ff4200 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}

section:after{border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) #fff;}
section.bgGrey:after{border-color: rgba(0, 0, 0, 0) #f3f3f3 rgba(0, 0, 0, 0) #f3f3f3;}
section.bgOrange:after{border-color: rgba(0, 0, 0, 0) #ff4200 rgba(0, 0, 0, 0) #ff4200;}

section.bgOrange.invert:after{border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
section.bgPic:after{border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}*/

.content{
    display: block; position: relative; max-width: 1280px; clear: left;
    margin: 0 auto; padding: 0 3.828125% 3.828125% /*4.68775%*/;
}
.content:after{
    position: absolute; content: ""; width: 0px; height: 0px;
    left: 50%; top: -110px; margin-left: -1300px;
    border-style: solid; border-width: 110px 1300px 0 1300px;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) #fff;
    -webkit-transform: scale(0.9999); transform: scale(0.9999);
}
.content section:before, .content section:after{display: none;}
.media .content{padding-top: 60px;}
.media .fourColumns{padding-top: 40px;}

/*-------------------------------------------------------------------------
=GENERIC BUTTONS — Border
-------------------------------------------------------------------------*/
a.btn{
    position: relative; float: left; height: auto; min-height: 24px;
    font: normal 400 24px/23px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200; z-index: 1;
    border: 2px solid #ff4200; white-space: nowrap; margin-top: 30px; background: transparent;
    /*-webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear;*/
}
a.btn:after{color: #ff4200;}
a.btn:hover, a.btn.active{color: #fff; border: 2px solid #ff4200; background: #ff4200;}
a.btn:hover:after{color: #fff;}

/* BTN Previous, Next, Down, More */
a.btnPrev:after, a.btnNext:after, a.btnDown:after, a.btnMore:after, a.btnExternal:after, a.btnView:after, a.btnPlay:after{
    display: block; position: absolute; right: 10px; top: -2px; width: 20px; height: 100%;
    padding: 2px 0; /*opacity: 0;*/
    font: 25px/45px 'grupoIco', Helvetica, Arial, sans-serif; text-align: center;
    /*-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear;*/
}
a.btnView:after, a.btnExternal:after{font-size: 32px; line-height: 42px; width: 30px;}

a.btnPlay:after{font-size: 32px; line-height: 42px; width: 30px;}

a.btnPrev:after{left: 10px;}
a.btnNext, a.btnDown, a.btnMore, a.btnView{padding: 10px 40px 10px 15px;}
a.btnPrev{padding: 10px 15px 10px 40px;}
a.btnView, a.btnExternal{padding: 10px 50px 10px 15px;}

a.btnPlay{padding: 10px 50px 10px 15px;}

/* BTN Numbers */
a.btnNum{
    width: 40px; padding: 10px 5px!important; border: 2px solid transparent; text-align: center;
    font: normal 500 24px/23px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200;
    /*-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear;*/
}
a.btnNum:hover{border: 2px solid #ff4200;}

/* BTN Orange */
a.btnOrange, a.btnOrange:after{color: #FFF; border-color: #FFF;}
a.btnOrange:hover{color: #ff4200; border: 2px solid #fff; background: #fff;}
a.btnOrange:hover:after{color: #ff4200;}

/* BTN inherit color */
a.btnColor, a.btnColor:after{color: #FFF; border-color: #FFF;}
a.btnColor:hover{color: inherit; border: 2px solid #fff; background: #fff;}
a.btnColor:hover:after{color: inherit;}

/* BTN Loading */
a.btnLoading{cursor: default; pointer-events: none; padding: 10px 40px 10px 15px!important;}
a.btnLoading:after{
    display: block; position: absolute; right: 10px; top: 0px; width: 20px; height: 100%;
    content: ""; opacity: 1!important;
    background: url(../../public/imgs/loading-anim-media.gif) no-repeat center center;
}
a.btnLoading:hover{background: #fff; color: #ff4200;}
a.btnMore .txtLoading{display: none;}
a.btnLoading .txtLoading{display: block;}
a.btnLoading .txtLoadMore{display: none;}
#moreNews.btnMore:active{color: #ff4200; background: #fff!important;}

/* BUTTON SMALL */
a.btnSmall{font-size: 18px; line-height: 18px;}
a.btnSmall:after{line-height: 37px;}

/* MEDIA */
.media .paginacao {display: none;}
.noajax .media .paginacao {display: block;}
.media .paginacao a.btn, .media .paginacao a.btnNum{
    display: inline-block; text-align: center; float: none; margin: 0;
}
.media .paginacao span{
    display: inline-block; text-align: center; height: auto; margin: 0 7px 0 5px;
    font: normal 500 18px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200;
}

.media .paginacao {display: none;}
.noajax .media .paginacao {display: block; margin: 30px 0;}


/* CENTER BUTTONS */
.center{text-align: center; clear: both;}
.spaceTop60{margin-top: 60px;}
.center .btn{float: none; display: inline-block; margin: 0;}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------
=SINGLE COLUMN
-------------------------------------------------------------------------*/
.singleColumn .wrapper{overflow: hidden; margin-top: 3.90625%;}
.singleColumn .wrapper div{
    display: block; position: relative; float: left;
    width: 75%; height: 100%; padding: 40px 0 0;
    font: normal 400 18px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.singleColumn .wrapper h2{text-align: left;}

/*-------------------------------------------------------------------------
=TWO COLUMNS
-------------------------------------------------------------------------*/
.twoColumns{position: relative; overflow: hidden; padding: 0; background: #ff4200;}
.twoColumns div{
    display: block; position: relative; float: left;
    width: 50%; height: 100%; padding: 40px;
    font: normal 400 18px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333; /*background: #f3f3f3;*/
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.twoColumns div h2, .twoColumns div p{color:#FFF; float: left; max-width: 600px; text-align: left;}
.twoColumns div:first-child{color: #FFF; height: 100%; border: 0; background: transparent; min-height: 150px;}
.twoColumns .colGrey{background: #f3f3f3; min-height: 300px;}
.twoColumns h2{width: 100%;}
.twoColumns h2 + p, .twoColumns ul{max-width: 400px;}
.twoColumns p, .twoColumns ul{font: normal 300 30px/34px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #FFF!important;}
.twoColumns ul{float: left; margin-top: 70px;}

.mensagem .twoColumns ul{position: absolute; left: 40px; bottom: 40px;}
.mensagem .twoColumns ul li{white-space: nowrap;}

/*-------------------------------------------------------------------------
=THREE COLUMNS
-------------------------------------------------------------------------*/
.threeColumns{display: block; position: relative; overflow: hidden; max-width: 1160px; margin: 0 auto;}
.threeColumns div{
    display: block; position: relative; float:left; overflow: hidden;
    width: 30.67708333333333%;/* 282/1280 = 0.3078125 */ min-height: 395px; padding: 70px 50px;
    margin: 3.90625% 3.90625% 0 0;/* 50/1280 = 0.0390625 */ background: #f3f3f3;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.threeColumns div.last{margin-right: 0;}
.threeColumns div h3{margin: 0!important; font-size: 38px; line-height: 42px;}

/*-------------------------------------------------------------------------
=FOUR COLUMNS
-------------------------------------------------------------------------*/
.fourColumns .row{display: block; position: relative; overflow: hidden;}
.fourColumns article, .fourColumns .row div{
    display: block; position:relative; float:left; overflow: hidden;
    width: 22.03125%;/* 282/1280 = 0.3078125 */ min-height: 200px; margin-right: 3.90625%;/* 50/1280 = 0.0390625 */
    margin-bottom: 3.90625%; background: #f3f3f3;
    -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.media .fourColumns article{margin-bottom: 3.90625%;}
.fourColumns .centerArticles{width: 100%; text-align: center;}
.fourColumns .centerArticles article{display: inline-block; float: none;}

.fourColumns article > a{
    display: block; position: relative; float: left; width: 100%; padding-bottom: 0;
    background: #f3f3f3;
}
.fourColumns article .noLink{
    display: block; position: relative; float: left; width: 100%;
    padding-bottom: 95px; background: #f3f3f3;
}
.fourColumns .last, .fourColumns .row .last{margin-right: 0;}
.fourColumns article .title{
    display: block; position: relative; float: left; padding: 20px; width: 100%; height: auto; min-height: 100px; background: #f3f3f3;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fourColumns article .title h3{font: normal 400 18px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333; letter-spacing: normal; text-align: left; margin-bottom: 0;}
.fourColumns article .title time.date{font: normal 400 14px/17px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#ff4200; margin-bottom: 3px;}
.fourColumns article img{display: block; position: relative; float: left;  width: 100%; height: auto;}

/* FOUR COLUMNS + NOTÍCIAS / UNIDADES */
/*.fourColumns.noticias article{width: 30.67708333333333%;}
.fourColumns.noticias article.prevLast{margin-right: 0!important;}
.fourColumns.noticias article.last{display: none;}*/
.fourColumns article.other .title{min-height: 30px;}
.fourColumns article.other:hover .title{min-height: 30px; height: auto;}

/* NEWS Exceptions */
/* Text */
.fourColumns article.text a{padding-bottom: 0;}
.fourColumns article.text a .title{
    position: relative; float: left; height: auto;
    padding-top: 100px; padding-bottom: 20px;
}
.fourColumns article.text .title h3{
    font: normal 300 30px/34px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333;
}
.fourColumns article.text:hover .title{
    -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px);
}

/* Video */
.fourColumns article.video a .icoPlay{
    display: block; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px;
    margin: -70px 0 0 -25px; text-align: center; z-index: 10; padding: 0; color: #fff;
    background: transparent url(../imgs/ico-play-small@2x.png) no-repeat;
    background-size: 50px 50px;
}
.fourColumns article.video a .icoPlay:before{display: none;}


/* PRESS KITS + BROCHURAS */
/*.fourColumns article.other > a{padding-bottom: 0;}*/
.fourColumns article .title h3{margin: 0;}
.fourColumns article .title h3, .fourColumns article.other .title:before{color: #333;}
.fourColumns article.other .title:before{
    display: block; position: absolute; left: 30px; top: 50%; margin-top: -15px;
    width: 40px; height: 30px; content: "7";
    font: 45px/30px 'grupoIco', Helvetica, Arial, sans-serif; color: #333; text-align: left;
}
.fourColumns article.brochura > a{background: transparent!important;}
.fourColumns article.other .title{padding: 30px 20px 30px 90px;}
.fourColumns article.other .title h3{
    display: block; position: relative; float: left; width: 100%;
    font: normal 500 14px/17px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333;
}

/* Press Kits */
.fourColumns article.kits .title h3{color: #fff;}
.fourColumns article.kits .title:before{content: "8"; font-size: 35px; color: #fff;}
.fourColumns article.kits .tags{background: rgba(0,0,0,.1);}
.fourColumns article.kits .title, .fourColumns article.kits:hover .tags{background: rgba(0,0,0,.2)!important;}

/* 4 columns text */
.fourColumns .row div{background: transparent; text-align: left; min-height: 21px;}
.fourColumns .row div h4{color: #333333;}
.fourColumns .row .lista{
    display: block; position: relative; margin-top: 7%;
    font: normal 400 18px/21px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
}
.fourColumns .row .lista li{margin-bottom: 10px;}
.clientsList .fourColumns{margin-top: 10%;}

.fourColumns #newsGrid article{float:left;}

/* TAGS */
.tags{
    display: block; position: absolute; left: 20px; top: 20px; width: auto; height: auto;
    z-index: 30; padding: 7px 7px 7px 30px; margin-right: 20px;
    font: normal 500 13px/13px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #fff;
    -webkit-transition: background .1s linear; -moz-transition: background .1s linear; transition: background .1s linear;
    background: #adadad;
}
.tags:before{
    display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 100%;
    content: "t"; text-align: center;
    font: 20px/25px 'grupoIco', Helvetica, Arial, sans-serif; color: #fff;
}
.tags a{color: #fff; white-space: nowrap; display: inline-block;}
.tags a:hover{text-decoration: underline;}
.fourColumns article:hover .tags{background: #e93f00;}

.fourColumns article:hover, .fourColumns article:hover > a, .fourColumns article:hover a .title{background: #ff4200;}
.fourColumns article:hover .title h3, .fourColumns article:hover .title time.date,
.fourColumns article.other:hover .title:before{color: #FFF!important;}

/*-------------------------------------------------------------------------
=MEDIA
-------------------------------------------------------------------------*/
.media section:before, .media section:after{display: none;}

#newsGrid{
  position: relative;
  min-height: 700px;
  overflow: hidden;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 /* -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: center;*/
}
.fourColumns #newsGrid article{
    display: block;
    position:relative;
    float:none;
    overflow: hidden;
    width: 22.03125%;
    min-height: 200px;
    /*margin: 0  0 3.90625% 0;*/
    margin-left: 0;
    margin-right: 3.90625%;
    margin-top: 0;
    margin-bottom: 3.90625%;
}
.ff3 .fourColumns #newsGrid article { margin-bottom: 30px;}
@media only screen and (min-width: 1121px){
  .fourColumns #newsGrid article:nth-child(4n+5){ /* + 5 because of gutter-sizer */
    margin-right: 0;
  }
}


no-flexbox .fourColumns #newsGrid article{
  float: left;
  margin-left: 1.48%;
  margin-right: 1.48%;
  margin-top: 0;
  margin-bottom: 3.90625%;
}

/* with masonry *
#newsGrid{
  position: relative;
  min-height: 700px;
  overflow: hidden;
  width: 100%;
}
.fourColumns #newsGrid article{
    display: block;
    position:relative;
    float:none;
    overflow: hidden;
    width: 22.03125%;
    min-height: 200px;
    margin: 0  0 3.90625%;
} */
.fourColumns #newsGrid .gutter-sizer{
  display: none; /* if not using mansory*/
  width: 3.90625%;
}

/*.media .fourColumns #newsGrid article.other.kits{min-height: 200px;}
.media .fourColumns #newsGrid article.other{min-height: 400px;}*/

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

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

/*-------------------------------------------------------------------------
=MEDIA HEADER
-------------------------------------------------------------------------*/
#mediaHeader .tags{
    display: block; position: relative; width: auto; height: auto; left: 0; top: 0;
    padding: 0 0 0 35px; background: transparent;
    font: normal 500 18px/18px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #ff4200;
}
#mediaHeader .tags:before{font: 16px/29px 'grupoIco', Helvetica, Arial, sans-serif; color: #ff4200;}
#mediaHeader .tags a{display: inline-block; color: #ff4200;}

/*-------------------------------------------------------------------------
=PRODUCTS ARTICLES
-------------------------------------------------------------------------*/
#linksProds .btn {margin: 0 10px 10px;}
#prodsGrid > div{display: none; overflow: hidden;}
#prodsGrid > div.active{display: block;}

/*-------------------------------------------------------------------------
=DOUBLE
-------------------------------------------------------------------------*/
.double{display: block; position: relative; max-width: 950px; margin: 0 auto; overflow: hidden;}
.double div{display: block; position: relative; float: left; width: 48.046875%;}
.double div.last{margin-left: 3.90625%;}
.double div p{line-height: 25px; text-indent: 50px;}
.double div p.noIdent{text-indent: 0;}
.double div ul{font: normal 400 18px/25px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;}
.double div ul li{text-indent: 50px;}
.double div ul li:before{content: "— ";}

/*-------------------------------------------------------------------------
=SINGLE
-------------------------------------------------------------------------*/
.single{display: block; position: relative; max-width: 600px; margin: 0 auto; overflow: hidden;}
.single p{text-align: center;}
.single ol{font: normal 400 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333; list-style: decimal;}
.single ol li{list-style-position: inside; margin-top: 15px; text-align: left;}

/*-------------------------------------------------------------------------
=CAREERS — Two Columns
-------------------------------------------------------------------------*/
/*.careers{padding: 0;}*/
.careers:before, .careers:after{display: none;}
.careers div .ofertas{margin-top: 0px; max-width: 100%; width: 100%;}
.careers div .ofertas li{display: block; position: relative; height: auto; overflow: hidden; margin-bottom: 15px;}
.careers div .ofertas li:last-child{margin-bottom: 0;}
.careers div .ofertas a{
    display: block; position: relative; float: left; width: 100%; height: auto; overflow: hidden;
    font: normal 400 18px/20px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #adadad;
}
.careers div .ofertas h4{
    display: block; position: relative; width: 100%;
    font-size: 30px; line-height: 34px; color: #333333;
}
.careers div .ofertas a:hover h4{color: #ff4200;}

/**/
.careers a.btnOrange{position: absolute; left: 40px; bottom: 40px;}


/*-------------------------------------------------------------------------
=CONTACTOS
-------------------------------------------------------------------------*/
#contactos{
     display: block; position: relative; margin: 0; padding: 3.828125% 0;
     font: normal 300 30px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
     letter-spacing: -1px;
}
#contactos .wrapper{min-height: 160px;}
#contactos p{font: normal 300 30px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;}
#contactos a{color: #333333;}
#contactos a:hover{color: #ff4200; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#contactos a.email{font-family: 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;}
#contactos .wrapper div{
    display: block; position:relative; float:left; height: auto;
    width: 50%;/* 541/1280 = 0.42265625 */ margin-bottom: 20px;
}
#contactos .wrapper div strong{display: inline-block; font-weight: normal; color: #adadad;}
#contactos .wrapper div span{white-space: nowrap;}
#contactos .wrapper div ul, #contactos .wrapper div p{float: left;}
#contactos .wrapper div ul{width: 100%;}
#contactos .wrapper div ul strong{width: 40% /*28.125%*/ /* 180/640=0.28125*/;}
#contactos .wrapper div p{width: 40%; /* 296/640=0.4625*/ /*padding-right: 3%;*/}
#contactos .wrapper div p strong{width: 100%;}
#contactos .wrapper div ul.redes{width: 60%; /*53.75%*/}
#contactos .wrapper div ul.redes li{position: relative;}

#contactos:before/*, #contactos:after*/{display: none;}

/* SUBSCRIBE NEWSLETTER */
/*#contactos #subscribeNews{position: relative; z-index: 10;}
#contactos form{
    display: block; position: relative; float: left;
    width: 100%; height: 100%; background: red; z-index: 0; opacity: 0;
    -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);
    -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out;
}
#contactos form input{
    display: block; position: relative; float: left; width: 90%; padding: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    font: normal 400 30px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
    border-bottom: 1px solid #adadad;
}
#contactos form #btnSubmitNews {
    position: relative; float: left; width: auto; padding: 10px 20px 10px 55px; margin: 10px 0 0;
    font: normal 300 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; text-align: left; color: #ff4200;
    background: transparent; border: 2px solid #ff4200;
}
#contactos form #btnSubmitNews:before{
    display: block; position: absolute; left: 0; top: 0; width: 55px; height: 44px;
    font: 18px/44px 'grupoIco', Helvetica, Arial, sans-serif; color: #FF4200;
    padding: 0; text-align: center;
}
#contactos form #btnSubmitNews:before{content: "i";}
#contactos form #btnSubmitNews:hover{background: #ff4200; color: #FFF; cursor: pointer;}
#contactos form #btnSubmitNews:hover:before{color: #FFF;}

#contactos .subscribe form{-webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1;}
#contactos .subscribe a{color: #ff4200;}*/

/* Certificados */
#contactos .certificados{
    display: block; position: absolute; top: 0; right: 3.828125%;
    width: 55px; height: 160px; text-indent: -5555px;
}
#contactos .certificados li{
    display: block; position: relative; float: left; width: 55px; height: 50px;
    margin-bottom: 5px;
}
#contactos .certificados li:nth-child(1){
    background: transparent url(../imgs/logos-apcer.png) no-repeat 0 0;
    background-size: auto 50px;
}
#contactos .certificados li:nth-child(2){
    background: transparent url(../imgs/logos-apcer.png) no-repeat -55px 0;
    background-size: auto 50px;
}
#contactos .certificados li:nth-child(3){
    background: transparent url(../imgs/logos-apcer.png) no-repeat -110px 0;
    background-size: auto 50px;
}


/*-------------------------------------------------------------------------
=FORM
-------------------------------------------------------------------------*/
form p{display: block; position: relative; width: 100%; margin-bottom: 20px; /*padding: 0!important;*/}
form label{display: none;}
form input, form textarea{
    width: 100%; padding: 10px 20px 10px 55px; border: 0px; margin: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    font: normal 300 18px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
}
form textarea{height: 100px; resize: none;}
#formBox p{max-width: 100%;}

/* ERROR MSG */
form .errorMsg {
    display: none; position: absolute; right: 15px; top: 11px; width: auto; height: 14px;
    padding: 5px 10px;
    background: #e94b35; font: normal 400 12px/14px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #FFF;
}
form .errorMsg:after {
    position: absolute; top: 50%; right: 100%;
    border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none;
    border-color: rgba(233, 75, 53, 0); border-right-color: #e94b35;
    border-width: 12px; margin-top: -12px;
}
form .parsley-error-list {display: none!important;}
form .error input, form .error textarea, form .parsley-error{border: 2px solid #e94b35!important; color: #e94b35;}
form p.error:before, form p.parsley-error:before {color: #e94b35!important;}
form .error .errorMsg, form .parsley-error .errorMsg{display: block;}

/* ACTIONS */
form .actions{margin: 0; padding: 0; width: 100%;}
form .actions p{
    display: block; position: absolute; left: 0; top: 0; margin: 0;
    padding: 10px 20px 10px 55px; width: auto; white-space: nowrap;
    border: 2px solid #00b28c; color: #00b28c!important; background: #f3f3f3;
    font: normal 300 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; text-align: left;
}
form .actions #btnSubmit{
    width: auto; float: left; padding: 10px 55px 10px 20px; margin: 0;
    font: normal 300 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; text-align: left;
    background: #fff; border: 2px solid #ff4200; color: #ff4200; position: relative;
}
form .actions #btnSubmit:hover{background: #ff4200; color: #FFF!important; cursor: pointer;}
form p:before, form .actions #btnSubmit:before{
    display: block; position: absolute; left: 0; top: 0; width: 55px; height: 44px;
    font: 25px/44px 'grupoIco', Helvetica, Arial, sans-serif; color: #FF4200;
    padding: 0; text-align: center;
}
form .actions #btnSubmit:before {right: 0; left: auto;}
form .icoName:before{content: "l";}
form .icoEmail:before{content: "@";}
form .icoPhone:before{content: "u"; font-size: 20px;}
form .icoMessage:before{content: "w";}

form .actions #btnSubmit:before{content: "r";}
form .actions #btnSubmit:hover:before{color: #fff!important;}
form span.actionSent {
    display: none; position: relative; float: left; width: auto; padding: 10px 20px; margin: 0;
    font: normal 300 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #e94b35!important;
    text-align: left; background: transparent; border: 2px solid #e94b35;
}
form .actions p.actionLoad{color: #adadad; border-color: #adadad;}
form .actions p.actionLoad img{
    display: block; position: absolute; left: 20px; top: 11px;
    width: 20px; height: 20px;
}
.colGrey form .actions #btnSubmit {
    background-color: #f3f3f3;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.colGrey form .actions #btnSubmit:hover {background: #ff4200;}

/*FORM*/
#formBox p{padding: 0;}
#lightbox #social #mail .mailBox #formBox input, #formBox input, #formBox textarea {border: 2px solid #FFF;}
#lightbox #social #mail .mailBox #formBox input.error, #formBox .error {border: 2px solid #f25648;}
#newsForm input.error {border-color: #f25648; }
#newsForm button:focus {outline: none;}
#newsForm button:after, #formBox .actions:after {width: 25px;height: 25px;display: block;}
#newsForm .sending:after { content: ''; cursor: default; background: transparent url(../imgs/loading-anim-media.gif) no-repeat center; }
#newsForm .sent:after {color: #00b28c!important;}

/* sending / send */
#formBox #btnSubmit.sending, #formBox #btnSubmit.sent,
#formBox #btnSubmit.sending:hover, #formBox #btnSubmit.sent:hover{
    pointer-events: none; background-color: transparent!important;
    padding-right: 20px!important;
}
#formBox #btnSubmit.sending:hover:before, #formBox #btnSubmit.sent:hover:before{display: none;}
#formBox #btnSubmit.sending:after, #formBox #btnSubmit.sent:after,
#formBox #btnSubmit.sending:hover:after, #formBox #btnSubmit.sent:hover:after{
    display: block; position: relative; float: right; width: 20px; height: 24px;
    margin-left: 15px;
}
#formBox #btnSubmit.sent, #formBox #btnSubmit.sent:hover{border-color: #00b28c!important; color: #00b28c!important;}
#formBox #btnSubmit.sending, #formBox #btnSubmit.sending:hover{
    opacity: .5;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
/*#formBox #btnSubmit.sending, #formBox #btnSubmit.sending:hover {border-color: #ff4200!important; color: #ff4200!important;}*/
/*#formBox #btnSubmit.sending:after {
    content: '';
    background: transparent url(../imgs/loading-gray-anim-media.gif) no-repeat center;
}*/
button:focus {outline:0 !important;}
/* error */
.error {cursor: default;}

/* animation for error */
form.ops button {
-webkit-animation:animSUBMIT .8s linear both;
   -moz-animation:animSUBMIT .8s linear both;
    -ms-animation:animSUBMIT .8s linear both;
     -o-animation:animSUBMIT .8s linear both;
        animation:animSUBMIT .8s linear both;
}
@-webkit-keyframes animSUBMIT{
    0% {-webkit-transform:translateX(0);}
    10%,30%,50%{-webkit-transform:translateX(-6px);}
    70%,90%{-webkit-transform:translateX(-2px);}
    80%{-webkit-transform:translateX(2px); }
    20%,40%,60%{ -webkit-transform:translateX(6px); }
    100% { -webkit-transform:translateX(0); }
}
@-moz-keyframes animSUBMIT{
    0% { -moz-transform:translateX(0); }
    10%,30%,50%{ -moz-transform:translateX(-6px); }
    70%,90%{ -moz-transform:translateX(-2px); }
    80%{ -moz-transform:translateX(2px); }
    20%,40%,60%{ -moz-transform:translateX(6px); }
    100% { -moz-transform:translateX(0); }
}
@-o-keyframes animSUBMIT{
    0% { -o-transform:translateX(0); }
    10%,30%,50%{ -o-transform:translateX(-6px); }
    70%,90%{ -o-transform:translateX(-2px); }
    80%{ -o-transform:translateX(2px); }
    20%,40%,60%{ -o-transform:translateX(6px); }
    100% { -o-transform:translateX(0); }
}
@keyframes animSUBMIT{
    0% { transform:translateX(0); }
    10%,30%,50%{ transform:translateX(-6px); }
    70%,90%{ transform:translateX(-2px); }
    80%{ transform:translateX(2px); }
    20%,40%,60%{ transform:translateX(6px); }
    100% { transform:translateX(0); }
}
/*NEWSLETTER FORM*/
#contactos .wrapper div .newsletterActive a {color:#ff4200;}
#contactos .wrapper div .newsletterForm {
    display: none; /*position: absolute;
    top: 40px; left: 0;*/ width: 100%;
}
#contactos .wrapper div .newsletterForm input {
    padding: 0; border-bottom: 1px solid #333;
    font-size: 30px; line-height: 40px;
}
#contactos .wrapper div .newsletterForm .parsley-error,
#contactos .wrapper div .newsletterForm input.error {
    border-top:0!important;border-right:0!important;
    border-left:0!important;border-bottom: 1px solid #e94b35!important;
}
#contactos .wrapper div .newsletterForm form {float: left;width: 100%;}
#contactos .wrapper div .newsletterForm #newsSubmit {
    font: normal 300 24px/24px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
    color: #ff4200; background: #FFF; border: none;
    cursor: pointer; float: left; margin-top: 8px; padding: 0;
    -webkit-transition: all .1s linear!important;
    -moz-transition: all .1s linear!important;
    transition: all .1s linear!important;
}
#contactos .wrapper div .newsletterForm #newsSubmit:hover {padding-left: 10px;}
#contactos .wrapper div #newsForm p:first-child {width: 80%; margin: 0;}
#contactos .wrapper div .actions {width: auto;}
/*-------------------------------------------------------------------------
=LIGHTBOX
-------------------------------------------------------------------------*/
.wrapperCenter{position: relative; margin: 0 auto;}
#lightBoxWrapper{
    display: block; position: relative; float: none; top: 0; left:0; width: auto;
    margin: 0 20px; opacity: 1; z-index: 0; background: #FFF;
}
#lightbox{
    display: block; position: relative; float: none; max-width: 1100px; height: auto;
    background: #f3f3f3; margin: 0 auto; padding: 0; overflow: hidden;
}
#lightbox:before, #lightbox:after{display: none;}
#lightbox #main{
    display: block; position: relative; float: left; max-width: 1100px; width: 100%; height: 100%;
    background: #FFF; padding: 30px;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
}
#lightbox #main .tags{display: block; position: relative; float: left; left: 0; top: 0; margin-top: 12px;}
#lightbox #main header{
    position: relative; background: transparent;
    text-align: center; z-index: 0; padding-top: 40px;
}
#lightbox #main header time.date{font: normal 400 14px/18px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#ff4200; margin-bottom: 2.34375%; padding: 0; width: 100%;}
#lightbox #main header h2{max-width: 800px; margin: 0 auto 2.34375%;}
#lightbox #main header h3{max-width: 800px; margin: 0 auto;}
#lightbox #main p{padding-bottom: 22px;}
#lightbox #main .mediaContent{margin: 3.90635% 0; width: 100%; overflow: hidden; position: relative;}
#lightbox #main .mediaContent .mediaImage{width: 100%; margin-bottom: 2.34375%; max-width: 800px; margin: 0 auto;}
#lightbox #main .mediaContent .mediaImage img{width: 100%;}
#lightbox #main .mediaContent.smallPic .mediaImage{float: left; width: 48.046875%; margin-right: 3.90635%; margin-bottom:3.90635%;}

/* CLOSE */
#lightbox .btnClose.isajax{display: none;}
/*#lightbox a.btnClose{
    display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px;
    border-top: 1px solid #e5e5e5; text-indent: -5555px; z-index: 110; background: #ff4200;
    -webkit-transition: all .15s ease-out; transition: all .15s ease-out;
}*/
#lightbox a.btnClose{
    display: block; position: absolute; right: -50px; top: 0; width: 50px; height: 50px;
    border-top: 0; text-indent: -5555px; z-index: 110; background: #ff4200;
    -webkit-transition: all .15s ease-out; transition: all .15s ease-out;
}
#lightbox a.btnClose:after{
    display: block; position: relative; float: left; width: 50px; height: 50px;
    text-align: center; text-indent: 0;
    font: 25px/50px 'grupoIco', Helvetica, Arial, sans-serif; color: #FFF;
}
#lightbox a.btnClose:hover{background: #ff4200;}
#lightbox a.btnClose:hover:after{color: #fff;}

/* Social */
#lightbox #social{display: block; position: relative; float: right; width: auto; height: auto; right: 0; top: 0;}
#lightbox #social a{
    display: block; position: relative; float: left; width: 50px; height: 50px;
    text-indent: -5555px; z-index: 110;
}
#lightbox #social a:after{
    display: block; position: relative; float: left; width: 50px; height: 50px;
    text-align: center; text-indent: 0;
    font: 25px/50px 'grupoIco', Helvetica, Arial, sans-serif; color: #ff4200;
}
#lightbox #social > a:first-child{border-top-color: transparent;}
#lightbox #social a.btnFacebook:after{line-height: 45px;}

#lightbox #social #mail{display: block; position: relative; float: none; width: 50px; height: auto; z-index: 110;}
#lightbox #social #mail.open{float: left;}
#lightbox #social #mail.open a{
    background: #FFF;
    -webkit-box-shadow: 3px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 3px 0px 3px 1px rgba(0, 0, 0, .1);
}
#lightbox #social #mail .mailBox{
    display: none; position: absolute; right: 50px; top: 51px; width: 280px; height: auto;
    background: #FFF; padding: 40px; z-index: 100;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .1);
}
#lightbox #social #mail.open .mailBox{display: block;}
#lightbox #social #mail .mailBox p{padding-bottom: 0;}
#lightbox #social #mail .mailBox input, #lightbox #social #mail .mailBox textarea{
    display: block; position: relative; width: 100%; padding: 10px; border: none;
    font-size: 18px; line-height: 21px; margin-bottom: 20px;
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .1);
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    background: #f3f3f3;
}
#lightbox #social .titleShare{display: none;}

/* Aside */
#lightbox aside{position: relative; float: left; border-top: 1px solid #c6c6c6; margin-top: 20px; padding-top: 1.5625%;}
#lightbox aside h4{margin-top: 3.90625%}
#lightbox aside article{
    display: block; position: relative; float: left; width: 48.046875%;
    margin: 3.90625% 3.90625% 0 0;
}
#lightbox aside article.noMargin, #lightbox aside article.last{margin-right: 0;}
#lightbox aside article a{
    display: block; position: relative; float: left; width: 100%;
    background: #f3f3f3;
}
#lightbox aside article img{width: 30%!important;}
#lightbox aside article .title{
    display: block; position: relative; float: left; padding: 20px 20px 0; width: 70%; height: 75px;
    overflow: hidden; background: #f3f3f3;
    -webkit-transition: all .15s ease-out; transition: all .15s ease-out;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#lightbox aside article .title h3{font: normal 500 15px/19px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#333333; letter-spacing: normal;}
#lightbox aside article .title time.date{font: normal 400 14px/17px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color:#ff4200; margin-bottom: 3px; padding: 0!important;}
#lightbox aside article img{
    display: block; position: relative; float: left;  width: 100%; height: auto;
    -webkit-transition: all .2s ease-out .02s; transition: all .2s ease-out .02s;
}
#lightbox aside article.video .icoPlay{left: 15%; top: 50%; margin: -25px 0 0 -25px;}

/*Lightbox noajax*/
.noajax #lightbox #social{width: auto;}
.noajax #lightbox #social ul{/*width: 150px;*/ width: 100px; float: right;}
.noajax #lightbox #social ul li{float: left;}
/*.noajax #lightbox #main{padding: 15px;}*/
.noajax #lightbox .tags {max-width: 120px;}
.noajax #lightbox #social .titleShare{
    display: block; position: relative; float: left; width: auto;
    padding: 0; margin: 14px 10px 0 0; color: #adadad;
    font: normal 300 22px/22px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;
}
.noajax #lightbox #social #mail{float: right;}
.noajax #lightbox #social #mail .mailBox{top: auto; bottom: 0px;}

/*-------------------------------------------------------------------------
=MODAL (LIGHTBOX)
-------------------------------------------------------------------------*/
#modalBg{
    position: fixed; top: 0; left:0; width: 100%; height: 100%;
    background: #000000; z-index: 1000;  display: none; opacity:.83;
}
#modalWrapper{
    position: relative; top: 0; left: 0; height: auto; max-width: 1100px; margin: 7.8125% auto;
    z-index: 1005; display: none; background: transparent; padding: 0 7.8125%;
}
.off{position: fixed; margin: auto 0; width: 100%;}

/* video lightbox */
#modalWrapper.video_modalWrapper {
    position: absolute; margin: 0;
    width: 100%; max-width: 100%; height: 100%;
}
#modalWrapper .videoLightbox {
    position: absolute; max-width: 1100px; height: auto; top: 50%; left: 50%;
    margin: -385px 0 0 -680px; display: none;
}

#modalWrapper .videoLightbox #main {max-width: 100%; width: 100%; padding-bottom: 0;}

.videoLightbox #main .mediaContent {
    position: relative; height: 0; padding-bottom: 56.25%; /*16:9 format*/
    padding-top: 0; margin-top: 2.90635%;
    /*background: transparent url(../imgs/loading-anim-media.gif) no-repeat center center;*/
}
.videoLightbox #main .mediaContent iframe {
    position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}
#modalWrapper .videoLightbox #main .main_article {margin-bottom: 0;}

/* ISSUU lightbox */
.issuLightbox #main {width: 100%; padding-bottom: 0!important;}
.issuLightbox #main header{display: none;}
.issuLightbox .main_article,
.issuLightbox .mediaContent {margin-bottom: 0;}
.issuLightbox header h2, .issuLightbox header span{display: none;}
.issuLightbox span.hideText{
    display: block; position: absolute; left: 0; bottom: 0;
    width: 100%; height: 20px; background: #fff;
}
.issuLightbox span.hideText:after{
    display: block; position: absolute; right: 0; top: -30px;
    width: 70px; height: 30px; background: #ffffff; content: "";
}
.issuLightbox #main header{padding-top: 0;}
.issuLightbox #main .mediaContent {
    margin: 0!important; padding-bottom: 0px!important; height: 100%;
    background: transparent url(../imgs/loading-big-anim-media.gif) no-repeat center center;
}
.issuLightbox .main_article{height: 100%;}


/*-------------------------------------------------------------------------
=VIDEO MEDIA PAGE
-------------------------------------------------------------------------*/
.noajax .videoLightbox #main { width: 100%; padding-bottom: 0;}
.noajax .videoLightbox #main .main_article { float: left; width: 100%; }
.noajax .videoLightbox #main #social {top: 0;}

.noajax .videoLightbox #main .mediaContent {
    position: relative; height: auto;
    padding-top: 0; margin-top: 2.90635%;
}

/*-------------------------------------------------------------------------
=ISSUU MEDIA PAGE
-------------------------------------------------------------------------*/
/* ISSUU lightbox */
.noajax .issuLightbox #main {width: 100%; padding: 0 3.90635% 3.90635%;}
.noajax .issuLightbox #main header{display: block;}
.noajax .issuLightbox #main header h2, .noajax .issuLightbox #main header span{display: block;}
.noajax .issuLightbox .main_article,
.noajax .issuLightbox .mediaContent {margin-bottom: 0; height: auto;}
.noajax .issuLightbox #main .mediaContent iframe {
    position: relative; width: 100%; height: 480px; top: 0; left: 0;
}
/*-------------------------------------------------------------------------
=IE TARGETING (8,9)
-------------------------------------------------------------------------*/
#headervideo, #slideWrapper video{display: none;}


/*-------------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
footer{
     display: block; margin: 3.828125% 20px 0 20px;
     font: normal 300 30px/40px 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif; color: #333333;
}
footer .wrapper{
    display: block; position: relative; margin: 0 auto; max-width: 1280px;
    padding: 0 3.82812%; overflow: hidden;
}
footer .wrapper #brands{display: block; position: relative; float: left; width: 100%;}
footer .wrapper #brands li{display: block; position: relative; float: left; width: 20%; height: auto; text-align: center;}
footer .wrapper #brands li a{display: inline-block; position: relative; margin: 0 auto; width: auto; overflow: hidden;}

footer .wrapper #brands li a img{
    display: block; position: relative; height: auto; opacity: 1; background: #f3f3f3;
    -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;
}
footer .wrapper #brands li a img.back{position: absolute; left: 0; top: 0; opacity: 0;}
footer .wrapper #brands li a:hover .front{opacity: 0;}
footer .wrapper #brands li a:hover .back{opacity: 1;}

footer .wrapper #brands li.first{text-align: left;}
footer .wrapper #brands li.last{text-align: right;}
footer .wrapper #brands li.first a img, footer .wrapper #brands li.last a img{margin: 0;}

footer .wrapper p.designBy{
    position: relative; float: left; width: 100%; text-align: center;
    font-size: 24px; color:#adadad; padding: 70px 0;
}
footer .wrapper p.designBy a{color: #adadad; letter-spacing: -1px;}

/*-------------------------------------------------------------------------
=COLUNAS
-------------------------------------------------------------------------*/
.col05{width: 100%;}
.col05 li{width: 20%;}
.col04{width: 100%;}
.col04 li{width: 25%;}
.col03{width: 75%;}
.col03 li{width: 33.333333%;}
.col02{width: 50%;}
.col02 li{width: 50%;}
.col01{width: 25%;}
.col01 li{width: 100%; text-align: center;}
.col01 span.line{margin: 25px auto;}

/*-------------------------------------------------------------------------
=COMUNS
-------------------------------------------------------------------------*/
/******* LOADING ANIMATION *******/
.mobile #mainLoading{display: none;}
#mainLoading{position: fixed; top: 0; left: 0; width: 100%; height: 3px;  z-index: 4000; background-color: #ff4200;}

/******* PRELOADING *******/
#preload{position: absolute; top: -9999px; left: -9999px; width: 5px; height: 5px; overflow: hidden;}
#holderLoad{position: absolute; top: -9999px; left: -9999px; overflow: hidden; width: 5px; height: 5px;}

/******* LINKS , COLORS, SELECTIONS, IMGS*******/
a{text-decoration: none;}
a:hover, a:focus{text-decoration: none;}
a[href^="tel:"]{cursor: default;}
::-moz-selection{background: #ff4200;color: #ffffff;}
::selection{background: #ff4200;color: #ffffff;}
img{
  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
  -webkit-user-drag: none; -moz-user-drag: none;
}
.btnGoto{cursor: pointer;}

/******* FORMS *******/
input:focus, textarea:focus {outline: none;}
:invalid, :-moz-ui-invalid {box-shadow:none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {/*no arrows on input number*/ /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*-------------------------------------------------------------------------
=HIDE Links in other languages
-------------------------------------------------------------------------*/
.noPT .hideThisButton{display: none;}
.noPT .disabled{opacity: 1;}
.noPT article:hover .disabled img {-webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
.noPT article .disabled .title{display: none;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{font-family: 'Whitney A', 'Whitney B', Helvetica, Arial, sans-serif;}
#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px}