/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/**
 * Generic class for Responsive
 */
.desktop {
  display: block !important;
}

.no-desktop {
  display: none !important;
}

/* =============================================================================
    Base Grid Sizes - 4 columns
   ========================================================================== */

.item {
  margin: 5px 5px;
}

.open.open-desktop-w-1,
.desktop-w-1 {
  width: 240px;
}

.open.open-desktop-w-2,
.desktop-w-2 {
  width: 490px;
}

.open.open-desktop-w-3,
.desktop-w-3 {
  width: 740px;
}

.open.open-desktop-w-4,
.desktop-w-4 {
  width: 990px;
}

.desktop-h-1 {
  height: 115px;
}

.desktop-h-2 {
  height: 240px;
}

.desktop-h-3 {
  height: 365px;
}

.desktop-h-4 {
  height: 490px;
}

.desktop-h-5 {
  height: 615px;
}

.desktop-h-6 {
  height: 740px;
}

/**
 * isotope-container
 */
#featured-isotope-container,
#isotope-container{
  margin: 0 0.5%;
  width: 99%;
}

#messages,
.custom-page,
.header-container,
#featured-isotope-container,
#isotope-container{
  margin: 0 auto;
  width: 99%;
  min-width: 1000px;
  max-width: 1000px;
}

/* Buttons */
div#menu-bar .block-title a.button,
.node-box-advanced .box-advanced-button-front a,
.dynamic-carousel-box .hit-carousel li .hit-button-wrapper a,
.node-highlight-image-and-text .hit-carousel li .hit-button-wrapper a,
div#menu-bar .block-products-list ul.list li  div.content-hover div.content a.button,
.node-box-brand .box-brand-button-front a,
.yes-flip .box-card .box-generic-flip-button a,
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a,
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a.button,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.button,
.box-alert .button-see-more,
#results-content .results .search-result-item a.button,
.node-box-news .pmi-button-wrapper a,
.node-box-category .box-category-flip-button_wrapper a,
.node-box-faq .see-more-link,
.node-box-faq li .faq-buttons a,
.wrapper-share-by-email .wrapper-share-by-email-form .button-back a,
.wrapper-share-by-email .wrapper-share-by-email-form .button-send a,
.node-box-tags a.see-all-tags,
.node-box-news-list a.see-all-tags,
.node-box-background-image-text .bit-button-wrapper a,
.node-box-background-image-text .bit-button-wrapper a{
  height: 24px;
  padding: 0 10px;
  font-size: 10px;
  line-height: 24px;
}

/* Header */
#header {
  height: 70px;
  min-width: 1000px;
}

#header div.bg-header {
  height: 70px;
}

#header .block-menu-login-menu,
#header nav.block-main-menu {
  margin-top: 23px;
}

#header div#branding {
  margin-left: 15px;
  margin-top: 18px;
  width: 235px;
}

#header nav.block-main-menu li .expanded:after,
#header nav.block-main-menu li .collapsed:after {
  background-position: -98px -686px;
}

#header nav.block-main-menu li li a{
  padding: 0 7px;
  min-width: 0;
}

#header .block-menu-login-menu {
  margin-right: 10px;
  margin-left: 10px;
}

#header .block-menu-login-menu li a,
#header nav.block-main-menu li li a {
  line-height: 24px;
  font-size: 10px;
}

/* Search */
#header div.block-jnj-tiles-search-solr,
#header div.block-google-appliance {
  /*display: none;*/
  left: 0;
  margin: 0;
  position: absolute;
  top: 70px;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #d6d6d6;
  background-color: #fff;
  box-shadow: 0 1px 2px #666666;
}

#header div.block-jnj-tiles-search-solr input#edit-keys,
#header div.block-google-appliance input#edit-search-keys {
  font-size: 18px;
  width: 75%;
  margin-left: 20px;
  margin-top: 8px;
  line-height: 20px;
  height: 20px;
  text-indent: 0;
}

#header div.block-jnj-tiles-search-solr p.search-description,
#header div.block-google-appliance p.search-description {
  position: absolute;
  left: 22px;
  top: 30px;
  color: #a9a9a9;
  font-size: 10px;
  display: block !important;
}

#header div.block-jnj-tiles-search-solr input.form-submit,
#header div.block-google-appliance input.form-submit {
  width: 65px;
  height: 30px;
  margin-top: 11px;
  float: right;
  margin-right: 23px;
  display: inline;
}

#header div.block-jnj-tiles-search-solr input.form-submit,
#header div.block-google-appliance input.form-submit {
  border-left: 1px solid #dfdfdf;
  background-position: -18px -602px;
}

#header div.block-jnj-tiles-search-solr input.form-submit.active,
#header div.block-google-appliance input.form-submit.active {
  border-left: 1px solid #e04b3f;
  background-position: 18px -47px;
}

#header .block-menu-login-menu li a {
  padding-right: 10px;
  padding-left: 40px;
}

#header .block-menu-login-menu li a.logout {
  padding-left: 35px;
  margin-top: -10px;
}

#header .block-menu-login-menu li a.user-name,
#header .block-menu-login-menu li a.login {
  background-position: 11px -1091px;
  padding-left: 34px;
}

.logged-in #header .block-menu-login-menu li a.user-name {
  border: 0;
}

#header .block-menu-login-menu li a.busca {
  width: 32px;
  height: 24px;
  background-color: #fff;
  padding: 0;
  background-position: 6px -604px;
  margin-right: 15px;
}

.no-touch #header .block-menu-login-menu li a.busca:hover {
  background-position: -95px -604px;
  background-color: inherit;
  border-left: none;
  margin-left: 1px;
}

.logged-in #header .block-menu-login-menu li a.busca {
  margin-right: 0;
}

#header .block-menu-login-menu li.user-type-facebook a.user-name,
#header .block-menu-login-menu li a.facebook {
  background-position: 14px -1051px;
  padding-left: 26px;
}

/**
 * Menu
 */
div#menu-bar {
  top: 70px;
  height: 285px;
  min-width: 1000px;
}

div#menu-bar.facebook-disclamer[data-opened-menu="menu-login"] {
  height: 345px;
}

/* Menu Login */
div#menu-bar .login-form {
  margin-top: 30px;
  padding: 35px 40px 0 0;
  min-height: 165px;
  width: 255px;
}

div#menu-bar .login-form label{
  font-size: 15px;
  width: 50px;
  margin-right: 15px;
}

div#menu-bar .login-form input.form-text{
  font-size: 18px;
  width: 160px;
  line-height: 30px;
  height: 30px;
  text-indent: 10px;
}

div#menu-bar .login-form .inline-error {
  margin-left: 70px;
}

div#menu-bar .login-form input.form-submit {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  margin-left: 70px;
  margin-top: 10px;
  padding: 0 10px;
  position: static;
  top: 0;
  width: auto;
}

div#menu-bar .login-form a.forgot-password {
  margin: 0 0 0 70px;
  font-size: 12px;
}

/* Menu login - Block Register */
div#menu-bar .block-register {
  padding: 25px 30px 0;
  width: 295px;
  font-size: 17px;
  margin-left: -175px;
  min-height: 175px;
  margin-top: 42px;
  line-height: 28px;
}

div#menu-bar .block-register strong {
  font-size: 26px;
}

div#menu-bar .block-register a.button {
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
}

div#menu-bar .block-register.block .bt-connect a {
  background-position: 8px -28px;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding-left: 32px;
  padding-right: 15px;
}

/* Menu login - Block Title */
div#menu-bar .block-title {
  padding: 0px 40px 0 20px;
  width: 290px;
  margin-top:83px;
  min-height: 140px;
}

div#menu-bar .block-title h3{
  font-size: 26px;
  line-height: 30px;
}

div#menu-bar .block-title p{
  font-size: 17px;
  line-height: 24px;
}

/* Menu Institucional - Block Title */
[data-opened-menu="menu-institucional"] {
  height: 220px !important;
}

[data-opened-menu="menu-carreira"] {
  height: 220px !important;
}

div#menu-bar .block-carreira-title,
div#menu-bar .block-institucional-title {
  width: 325px;
  padding-right: 0;
  margin-top: 50px;
}

div#menu-bar .block-list li {
  height: 220px;
  width: 210px;
}

div#menu-bar .block-list li span{
  font-size: 16px;
}

/**
 * Menu Brand
 */
div#menu-bar .block-brand-list ul {
  margin: 5px 0 0 20px;
}

div#menu-bar .block-brand-list li a{
  height: 34px;
  line-height: 34px;
}

/* Carrousel */
div#menu-bar .block-products-list {
  height: 285px;
  width: 472px;
}

div#menu-bar .block-products-list ul.list li {
  float: left;
  list-style: none;
  width: 235px;
  height: 285px;
  border-right: 1px solid #ccc;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

div#menu-bar .block-products-list ul.list li div.content-hover div.content {
  padding: 30px 15px 0;
  height: 255px;
}

div#menu-bar .block-products-list ul.list li div.content-hover div.content a.button {
  bottom: 15px;
  left: 15px;
}

div#menu-bar .block-products-list ul.list li  div.content-hover div.content h4 {
  font-size: 20px;
}

div#menu-bar .block-products-list ul.list li  div.content-hover div.content p {
  font-size: 16px;
}

/* Menu Connect */
div#menu-bar .jnjbrasil-menu-connect {
  width: 980px;
}

div#menu-bar .jnjbrasil-menu-connect .text {
  margin-right: 20px;
  width: 850px;
  font-size: 15px;
}

/**
 * Footer
 */

/* Structore */

/* Footer Links */
#footer .block-menu-footer-menu{
	height: 45px;
	margin-bottom:10px;
}
#footer .block-menu-footer-menu ul{
    margin: 0;
	height:18px;
}
#footer .block-menu-footer-menu li a{
	font-size:13px;
	line-height: 11px;
}
#footer .block-menu-footer-menu li{
	margin-right:16px;
	padding-right:16px;
}

/* Social */
#footer .block-menu-social-network-menu ul{
	height:45px;
}
#footer .block-menu-social-network-menu li a{
	background:url(images/sprites-social-footer.png) no-repeat 0 0 transparent;
	width:30px;
	height:30px;
	display:block;
	margin-top:-23px;
  margin-right: 0;
}
#footer .block-menu-social-network-menu li .facebook-footer-link{
	background-position: -26px -630px;
}
#footer .block-menu-social-network-menu li .twitter-footer-link{
	background-position: 3px -630px;
}
#footer .block-menu-social-network-menu li .gplus-footer-link{
	background-position: -55px -630px;
}
#footer .block-menu-social-network-menu li .youtube-footer-link{
	background-position: -83px -630px;
}
#footer .block-menu-social-network-menu li .pinterest-footer-link{
	background-position: -112px -630px;
}

#footer .block-region-footer .block-inner{
	width:100%;
	float:left;
}
#footer{
	font-family: AkzidenzGrotesk-Light;
	font-size:12px;
	padding:88px 24px 44px;
}

/* Color */
#footer .block-menu-footer-menu li a{
	color:#FFF;
}

/**
 * Banner
 */

/* Structore */
#node-header {
  height: 450px;
}

#node-header div#page-title-container {
  top: 200px;
  left: 0.5%;
  max-width: 650px;
}

#node-header h1#page-title {
  font-size: 60px;
  line-height: 60px;
}

div.wihout-title #node-header div h2#page-subtitle {
  font-size: 60px;
  line-height: 60px;
}

#node-header h2#page-subtitle {
  font-size: 20px;
  line-height: 20px;
}

/* Video */
#node-header div#video-container a.open-large-video {
  bottom: 40px;
  left: 0.5%;
  height: 40px;
  padding: 0 25px 0 15px;
  font-size: 16px;
  line-height: 40px;
}

body.front.logged-in #node-header div#video-container a.open-large-video {
  bottom: 30px;
}

#node-header div#video-container a.open-large-video span.arrow {
  background-position: -11px -84px;
  width: 25px;
  height: 40px;
}

#node-header div#video-container a.open-large-video span.border {
  height: 40px;
  margin-right: 25px;
}

#node-header div#video-container div.large-video {
  height: 380px;
  top: 70px;
  width: 992px;
  left: 4px;
}

#node-header div#video-container div.large-video iframe{
  height: 380px !important;
}

#node-header div#video-container a.close-large-video {
  height: 40px;
  width: 40px;
  right: 1%;
  top: 40px;
}

#node-header div#video-container a.close-large-video span.arrow {
  background-position: -206px -66px;
  display: block;
  height: 17px;
  margin: 10px auto;
  width: 18px;
}

#node-header div#video-container div.small-video {
  bottom: 25px;
  left: 1%;
  width: 300px;
  max-width: 35%;
}

#node-header div#video-container div.small-video iframe{
  height: 190px !important;
}

#node-header div#video-container .open-small-video {
  height: 34px;
  font-size: 15px;
  line-height: 30px;
  font-family: AkzidenzGrotesk-Light;
}

#node-header div#video-container .open-small-video span.arrow {
  float: left;
  height: 34px;
  margin-right: 10px;
}

#node-header div#video-container .open-small-video span.arrow span {
  margin: 8px 0 0 6px;
}

/* Video Related */
#node-header .large-video-related {
  margin: 80px auto 0;
  max-width: 580px;
}

#node-header .large-video-related-share {
  margin-bottom: 20px;
}

#node-header .large-video-related-share h3 {
  font-size: 36px;
  line-height: 40px;
}

#node-header .large-video-related-share p {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 15px;
}

#node-header .large-video-related-thumb ul.slides li a span {
  font-size: 11px;
}

#node-header .large-video-related .close-related-share-video {
  top: 0;
  width: 40px;
  height: 40px;
}

#node-header .large-video-related-thumb ul.flex-direction-nav li a {
  right: -120px;
  top: -80px;
}

#node-header .large-video-related-thumb  ul.flex-direction-nav li a.flex-prev {
  left: -120px;
}

#node-header .large-video-related .close-related-share-video  span.arrow {
  background-position: -204px -67px;
  display: block;
  height: 30px;
  margin: 11px auto;
  width: 23px;
}

/* Brand Logo */
div#brand-logo-container {
  top: 50px;
}

div#contact-wrapper {
  bottom: 15px;
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse
}

div#contact-wrapper div#contact-us-container {
  height: 40px;
  font-size: 13px;
  line-height: 30px;
}

div#contact-wrapper div#contact-us-container a{
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 15px;
  display: block;
}

div#contact-wrapper div#chat-container {
  background-position: 9px -155px;
  height: 85px;
  width: 170px;
}

div#sac-container div#sac-container-open .node-box-sac {
  height: 320px;
  width: 350px;
}

div#sac-container div#sac-container-open div.sac-button {
  top: -245px;
}

div#sac-container div#sac-container-closed {
  height: 70px;
  width: 150px;
}

div#sac-container div#sac-container-closed .text-big {
  font-size: 25px;
  line-height: 50px;
  width: 70px;
  margin-top: 10px;
}

div#sac-container div#sac-container-closed .text-small {
  font-size: 11px;
  margin-left: 9px;
  margin-top: 10px;
  width: 70px;
}

div#sac-container div#sac-container-open .node-box-sac .sac-first-part-wrapper h3 {
  font-size: 22px;
  line-height: 26px;
}

div#sac-container div#sac-container-open .node-box-sac .sac-first-part-wrapper h2 {
  font-size: 40px;
  line-height: 45px;
}

div#sac-container div#sac-container-open .node-box-sac .sac-second-part-wrapper {
  font-size: 14px;
}

div#sac-container div#sac-container-open .node-box-sac .sac-first-part-wrapper div,
div#sac-container div#sac-container-open .node-box-sac.desktop-h-2 .sac-second-part-wrapper {
  font-size: 12px;
}

/* Welcome */
/* Welcome */
div#welcome-msg-container {
  height: 30px;
  padding: 0 12px;
}

div#welcome-msg-container p {
  font-size: 13px;
  line-height: 30px;
}

/* Filter */
div#content-filter-container {
  min-height: 30px;
  margin: 0 0.5% 10px;
}

div#content-filter-container.open {
  width: 99%;
}

div#content-filter-container div.filter {
  margin-right: 40px;
  padding-left: 15px;
}

div#content-filter-container span#content-filter-title {
  font-size: 13px;
  line-height: 30px;
  margin-right: 18px;
}

div#content-filter-container li {
  line-height: 30px;
  margin-right: 30px;
  font-size: 13px;
}

div#content-filter-container li label{
  padding-left: 20px;
  background-position: 0 -226px;
}

div#content-filter-container li label.check {
  background-position: 0 -244px;
}

div#content-filter-container div.arrow {
  width: 30px;
  height: 30px;
}

div#content-filter-container div.arrow span.arrow {
  margin: 0 auto 0;
  top: 7px;
}

/**
 * Box -> Product Image + Text
 */

.node-box-product-image-text.desktop-hd-h-1 .content .image-placeholder{
	max-height: 100%;
}

.node-box-product-image-text .content .field-name-field-plain-body {
  font-size: 18px;
  line-height: 22px;
  padding: 15px 15px 8px;
}

/**
 * Box -> Background Image + Text
 */
.node-box-background-image-text .bit-text-wrapper {
  font-size: 26px;
  line-height: 30px;
}

.node-box-background-image-text .content,
.node-box-background-image-text .content {
  left: 20px;
  bottom: 20px;
}

.node-box-background-image-text.desktop-w-1 .content,
.node-box-background-image-text.desktop-hd-h-1 .content {
  left: 15px;
  bottom: 15px;
}

.node-box-background-image-text.desktop-w-1 .bit-text-wrapper,
.node-box-background-image-text.desktop-hd-h-1 .bit-text-wrapper {
  font-size: 18px;
  line-height: 24px;
}

.node-box-background-image-text .bit-button-wrapper a{
  margin-top: 10px;
}

/**
 * Box - Highlight image and text (Carousel)
 */
.dynamic-carousel-box .hit-carousel li .hit-text-wrapper,
.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper{
	font-size:16px;
  line-height: 20px;
  padding: 20px 20px 45px;
}

.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper {
  padding: 20px 20px 20px;
}

.node-highlight-image-and-text .flex-viewport .hit-carousel li .hit-text-wrapper,
.node-highlight-image-and-text .hit-carousel li .has-button .hit-text-wrapper {
  padding: 20px 20px 45px;
}

.dynamic-carousel-box .hit-carousel li .hit-text-wrapper h3,
.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper h3 {
  margin: 0;
  font-size: 26px;
  line-height: 30px;
}

.dynamic-carousel-box .flex-control-nav li a,
.node-highlight-image-and-text .flex-control-nav li a{
  background-position: -11px -258px;
  height: 13px;
  width: 13px;
  margin-left: 10px;
}

.dynamic-carousel-box .flex-control-nav li a:hover,
.dynamic-carousel-box .flex-control-nav li a.flex-active,
.node-highlight-image-and-text .flex-control-nav li a:hover,
.node-highlight-image-and-text .flex-control-nav li a.flex-active{
	background-position:-39px -258px;
}

/**
 * Box -> Facebook
 */
.node-box-facebook .content {
  font-size: 32px;
  line-height: 40px;
}

.node-box-facebook .content p{
  margin-top: 10px;
}

.node-box-facebook.desktop-w-1 .content {
  font-size: 16px;
  line-height: 20px;
  margin-top: -21px;
  height: 42px;
}

.node-box-facebook.desktop-h-Auto .content {
  position: relative;
  top: 0%;
  left: 0;
  margin-top: 0px;
  height: 100%;
  padding: 20px 0;
}

.node-box-facebook.desktop-w-1 .content .face-text p {
  height: 42px;
}

.node-box-facebook span.icon {
  margin: 0 20px;
}

.node-box-facebook.desktop-w-1 span.icon {
  margin: 0 15px 0 15px;
  width: 42px;
  height: 42px;
  background-position: -164px -110px;
}

/**
 * Box -> SAC
 */
.node-box-sac .sac-first-part-wrapper h3 {
  font-size: 26px;
  line-height: 30px;
  padding-top: 30px;
}

.node-box-sac.desktop-h-2 .sac-first-part-wrapper h3 {
  font-size: 22px;
  line-height: 26px;
  padding-top: 10px;
}

.node-box-sac.desktop-h-1 .sac-first-part-wrapper h3,
.node-box-sac.desktop-w-1 .sac-first-part-wrapper h3 {
  font-size: 16px;
  line-height: 16px;
  padding-top: 20px;
}

.node-box-sac .sac-first-part-wrapper h2 {
  font-size: 50px;
  line-height: 60px;
}

.node-box-sac.desktop-h-2 .sac-first-part-wrapper h2 {
  font-size: 30px;
  line-height: 35px;
}

.node-box-sac.desktop-h-1 .sac-first-part-wrapper h2,
.node-box-sac.desktop-w-1 .sac-first-part-wrapper h2 {
  font-size: 20px;
  line-height: 25px;
}

.node-box-sac .sac-first-part-wrapper div {
  font-size: 16px;
  line-height: 16px;
}

.node-box-sac.desktop-h-2 .sac-first-part-wrapper div {
  font-size: 13px;
  line-height: 15px;
}

.node-box-sac.desktop-h-1 .sac-first-part-wrapper div,
.node-box-sac.desktop-w-1 .sac-first-part-wrapper div {
  font-size: 12px;
  line-height: 13px;
}

.node-box-sac .sac-second-part-wrapper {
  background-color: #316791;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 30px 0;
  font-size: 16px;
}

.node-box-sac.desktop-h-2 .sac-second-part-wrapper {
  padding: 20px 0;
  font-size: 14px;
}

.node-box-sac .sac-second-part-wrapper h3 {
  font-size: 26px;
  line-height: 30px;
}

.node-box-sac.desktop-h-2  .sac-second-part-wrapper h3 {
  font-size: 20px;
  line-height: 20px;
}

/**
 * Box: Text
 */
.node-box-text div.content {
  padding: 20px 30px;
}

.node-box-text.desktop-w-1 div.content {
  padding: 20px 20px;
}

.node-box-text .txt-box-title-wrapper {
  font-size: 26px;
  line-height: 30px;
}

.node-box-text.title-and-text .txt-box-body-wrapper {
  font-size: 14px;
  line-height: 21px;
}

.node-box-text.title-and-text .txt-box-body-wrapper p{
  margin-bottom: 15px;
}

.node-box-text.only-text .txt-box-body-wrapper {
  font-size: 24px;
  line-height: 32px;
}

.node-box-text.only-text .txt-box-body-wrapper p {
  font-size: 14px;
  line-height: 21px;
}

/**
 * Box -> Produt
 */
.node-box-product.desktop-h-auto .box-card .image-placeholder img{
	height:auto;
}

.node-box-product .box-card .box-product-front-text {
  font-size: 12px;
  height: 34px;
  line-height: 17px;
  padding: 10px 2%;
}

.node-box-product .box-card .box-product-front-text p {
  height: 34px;
}

.node-box-product .box-product-front .image-placeholder img {
  bottom: 54px;
  width: 75%;
}

/**
 * Box -> Generic - Flip
 */
.box-card .box-generic-flip-title{
  font-size: 21px;
  line-height: 24px;
	padding: 30px 20px 10px;
}

.box-card .box-generic-flip-text {
  font-size: 14px;
  line-height: 16px;
  padding: 0 20px;
}

/**
 * Box -> Generic - Expanded
 */
.yes-expand .box-generic-expand img{
	height:auto;
}

.yes-expand .box-generic-expand-title {
  font-size: 35px;
  line-height: 1.1;
  margin-bottom: 20px;
}

.yes-expand .box-generic-expand-sub-title {
  margin-bottom: 20px;
  font-size: 14px;
}

.yes-expand .box-generic-expand-body {
  font-size: 14px;
}

.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu li{
  height: 148px;
  width: 148px;
}

.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu .valign{
	height: 148px;
	width: 148px;
	font-size: 20px;
}

/**
 * Box -> Brand
 */
.node-box-brand .image-placeholder img {
  width: 50%;
}

.node-box-brand .box-brand-front-text {
  font-size: 16px;
  width: 50%;
}

.node-box-brand.desktop-w-1 .image-placeholder img {
  width: auto;
}

/**
 * Box -> Advanced
 */
.node-box-advanced .box-advanced-front-text {
  font-size: 14px;
}

.node-box-advanced.desktop-w-1 .image-placeholder img {
  width: auto;
}

/**
 * Body Box
 */
.body-item .content .field-type-text-long {
  padding: 20px 30px;
}

.body-item .content p,
.body-item .content h4,
.body-item .content h3,
.body-item .content h2 {
  margin: 0 0 15px;
}

/* Error Page */
.body-item .content a.button-home {
  bottom: 40px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 25px 0 15px;
  margin-left: 0.5%;
}

.page-node-582 .body-item .content p {
  font-size: 22px;
  line-height: 28px;
}

.page-node-582 .body-item .content p span.not-logged-in,
.page-node-582 .body-item .content p span.logged-in {
  margin-left: 0.5%;
}

/* Box Agenda */
.node-box-reminders  div.alert-box-title-wrapper,
.node-box-agenda div.alert-box-title-wrapper {
  font-size: 20px;
  line-height: 40px;
  padding: 0 20px;
}

.node-box-reminders div.agenda-box-wrapper li div.box-agenda-description p.title,
.node-box-agenda div.agenda-box-wrapper li div.box-agenda-description p.title {
  margin-top: 20px;
}

.node-box-agenda div.agenda-box-wrapper ul li {
  padding: 15px 20px 15px;
}

.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons {
  right: 20px;
}

.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a {
  font-size: 11px;
}

.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a.button,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.button {
  margin-left: 10px;
}

.node-box-agenda div.agenda-box-wrapper ul li div.event-title {
  margin-right: 175px;
  font-size: 14px;
}

.node-box-agenda div.agenda-box-wrapper ul li.event-added div.add-msg p {
  font-size: 14px;
  background-position: 6px -1193px;
}

/* Box Reminders*/
.node-box-reminders  div.agenda-box-wrapper ul li {
  padding: 15px 20px 15px;
}

/* Box Poll */
.node-box-poll .content {
  padding: 20px;
}

.node-box-poll .poll-box-wrapper h3 {
  font-size: 36px;
  line-height: 40px;
  margin: 0 0 15px;
}

.node-box-poll .poll-box-wrapper ul {
  margin-bottom: 30px;
}

.node-box-poll .poll-box-question {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
}

.node-box-poll .poll-box-wrapper li {
  font-size: 18px;
  line-height: 26px;
}

.node-box-poll .poll-box-wrapper a.vote-link {
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
}

/* Box Alert */
.box-alert a.box-expand {
  padding: 20px;
  font-size: 16px;
  line-height: 24px;
}

.box-alert .alert-icon {
  background-position: -94px -412px;
  width: 65px;
  height: 57px;
  margin-right: 15px;
}

.box-alert.open .alert-icon {
  background-position: -162px -412px;
  margin-bottom: 15px;
  margin-left: 15px;
  position: absolute;
  top: 10px;
}

.box-alert .box-alert-expand {
  padding: 80px 0 20px;
  font-size: 16px;
  line-height: 22px;
}

.box-alert .alert-box-body-wrapper {
  clear: both;
  border-top: 1px solid #b3b3b3;
  padding: 20px 15px 0;
}

.box-alert .alert-box-body-wrapper .event-when {
  margin-bottom: 15px;
}

.box-alert .alert-box-title-wrapper {
  font-size: 20px;
  line-height: 26px;
  margin-right: 0;
  padding: 0 10px 20px;
}

.box-alert a.expand-close {
  height: 85px;
  width: 85px;
}

/**
 * Box -> News
 */
.page-news a.load-more {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  max-width: 660px;
  margin: 20px auto 20px
}

.node-box-news {
  font-size: 18px;
  line-height: 24px;
}

.node-box-news .pmi-text-button-wrapper .image-placeholder {
  margin-right: 15px;
}

.node-box-news .box-news-text {
  padding-top: 10px;
}

.node-box-news .box-news-expand-title {
  font-size: 35px;
  line-height: 36px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.node-box-news .box-news-expand-sub-title {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}

.node-box-news .box-news-expand-body p {
  font-size: 14px;
  line-height: 20px;
}

/**
 * Box -> News - Text
 */
.node-box-news .content .news-box {
  padding: 20px;
}

.node-box-news .news-box .news-title {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 10px;
}

.node-box-news .news-box .news-summary {
  font-size: 16px;
  line-height: 22px;
}

/**
 * Box -> News - Expanded + Abas
 */

.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu li {
  width: 134px;
  height: 134px;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu .valign {
	font-size:20px;
  width: 134px;
  height: 134px;
}

/**
 * SEARCH
 */
#results-content {
  width: 74%;
}

#isotope-container.search-featured {
  width: 24%;
  min-width: 24%;
  float: right;
}

#isotope-container.search-featured .open.open-desktop-w-1,
#isotope-container.search-featured .desktop-w-1,
#isotope-container.search-featured .open.open-desktop-w-2,
#isotope-container.search-featured .desktop-w-2,
#isotope-container.search-featured .open.open-desktop-w-3,
#isotope-container.search-featured .desktop-w-3,
#isotope-container.search-featured .open.open-desktop-w-4,
#isotope-container.search-featured .desktop-w-4 {
  width: 99.3%;
}

/* Search Content */
#results-content .results{
  padding: 30px 0 30px;
}

#results-content .results h2 {
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 30px;
  padding-left: 25px;
}

#results-content .results .search-result-item h3 {
  font-size: 18px;
}

#results-content .results .search-result-item .search-snippet p {
  font-size: 14px;
}

#results-content .results .search-result-item {
  padding: 0 25px 20px;
}

#results-content a.load-more {
  height: 50px;
  font-size: 20px;
  line-height: 50px;
}

/* Search Form */
#jnj-tiles-search-gsa-form input.form-text {
  background-position: 101% -1129px;
  font-size: 16px;
  height: 38px;
  line-height: 44px;
  text-indent: 15px;
  width: 578px;
}

#jnj-tiles-search-gsa-form input.form-submit {
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
}

#results-content .results .search-result-item a.button {
  font-size: 12px;
  padding: 0 10px;
}

/**
 * Box -> Category
 */
.node-box-category .box-category-front-text {
  font-size: 30px;
  line-height: 115px;
  padding-left: 20px;
}

.node-box-category .box-category-flip-title {
  margin-top: 10px;
  font-size: 20px;
  line-height: 28px;
}

.node-box-category .box-category-flip-text {
  font-size: 16px;
  line-height: 18px;
}

.group-categories-box {
  width: 740px;
  right: 5px;
}

/* Corner Stamp */
.cornerstamp-box {
  right: 5px;
}

/**
 * Box -> Box FAQ
 */
.node-box-faq .faq-box-title-wrapper {
  font-size: 24px;
  line-height: 24px;
  margin: 20px 10px 20px;
}

.node-box-faq .faq-box-search-wrapper {
  margin: 0 10px 20px;
  *margin: 0 5px 20px;
}

.node-box-faq .faq-box-search-wrapper input.search-faq {
  height: 34px;
  max-width: 635px;
  width: 100%;
  font-size: 11px;
  line-height: 18px;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 8px 15% 8px 0;
  background-position: 111% -1132px;
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
  text-indent: 5px;
}

.node-box-faq .faq-box-search-wrapper input#button-search-faq {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
}

.node-box-faq .faq-elements li{
  padding: 15px 10px;
}

.node-box-faq .faq-elements li .faq-question {
  font-size: 16px;
  line-height: 18px;
  width: 70%;
  margin-bottom: 10px;
}

.node-box-faq li .faq-buttons a {
  right: 10px;
}

.node-box-faq .see-more-link,
.node-box-faq li .faq-buttons a {
  padding: 0 5px;
  font-size: 11px;
  min-width: 55px;
}

.node-box-faq .faq-elements li .faq-answer {
  font-size: 14px;
  line-height: 16px;
  width: 70%;
  margin-bottom: 20px;
}

.node-box-faq li .faq-buttons a.expand-close {
  background-position: -140px -315px;
  height: 80px;
  width: 80px;
}

.node-box-faq .see-more-link {
  margin-right: 10px;
}

/**
 * All Boxes -> Download List
 */
.wrapper-download-files li {
  font-size: 20px;
}

.desktop-w-1 .wrapper-download-files li {
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
}

.desktop-w-1 .wrapper-download-files li span.icon {
  margin-right: 5px;
}

.node ul.wrapper-download-files li.wrapper-download-file-pdf {
  font-size: 12px;
  line-height: 14px;
}

.desktop-w-1 ul.wrapper-download-files li.wrapper-download-file-pdf span.pdf-icon {
  margin-right: 0;
}

ul.wrapper-download-files li.wrapper-download-file-pdf span.pdf-description {
  width: 190px;
}

.desktop-h-auto .box-card .wrapper-download-files {
  position: static;
}

/**
 * All Boxes -> Share by email
 */
.content .wrapper-share-by-email {
  margin-left: 4%;
}

.node-box-news .expand-tabs .wrapper-share-by-email {
  padding-left: 0;
  margin-left: 0;
}

.wrapper-share-by-email .wrapper-share-by-email-form .form-title {
  margin-top: 30px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.wrapper-share-by-email .wrapper-share-by-email-form label {
  font-size: 15px;
  line-height: 25px;
}

.wrapper-share-by-email .wrapper-share-by-email-form input {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
}

.wrapper-share-by-email .wrapper-share-by-email-form .msg {
  min-height: 121px;
  padding-top: 95px;
}

.logged-in .wrapper-share-by-email .wrapper-share-by-email-form .msg {
  padding-top: 40px;
  min-height: 68px;
}

/* Icons Box with Expand */
.yes-expand .wrapper-share-by-email,
.yes-expand .wrapper-download-files,
.yes-expand a.open-print-window {
  margin: 0 20px 10px;
}

.node-box-news .box-news-expand .wrapper-share-by-email,
.node-box-news .box-news-expand ul.wrapper-download-files,
.node-box-news .box-news-expand  a.open-print-window {
  margin-left: 4%;
  padding-left: 10px;
}

.yes-expand .expand-tabs .wrapper-share-by-email,
.yes-expand .expand-tabs ul.wrapper-download-files,
.yes-expand .expand-tabs a.open-print-window {
  padding-left: 0;
  margin-left: 0;
}

.yes-expand.open .wrapper-download-files li span.icon {
  margin-right: 10px;
}

.yes-expand.open .wrapper-download-files li {
  font-size: 22px;
  line-height: 33px;
  padding: 0;
}

/**
 * Box -> Box Tags
 */
.node-box-tags .content {
  padding: 20px;
}

.node-box-tags .tag-box-title-wrapper {
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 20px;
}

.node-box-tags .lines-tag li {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 20px;
}

/**
 * Form
 */
#custom-page-container {
  width: 74%;
  min-height: 490px;
}

#custom-page-container .form-header {
  margin-bottom: 30px;
}

#custom-page-container .form-header h2 {
  font-size: 28px;
  line-height: 34px;
}

#custom-page-container .form-header p {
  font-size: 15px;
  line-height: 20px;
}

.jnj-plusoft-form {
  padding: 25px 15px;
  overflow: hidden;
}

.jnj-plusoft-form label {
  font-size: 15px;
  line-height: 30px;
}

.jnj-plusoft-form .form-item-regional-counsel-number label {
  font-size: 15px;
  line-height: 20px;
}

.jnj-plusoft-form .form-item {
  line-height: 30px;
}

.jnj-plusoft-form input {
  font-size: 14px;
  line-height: 28px;
  height: 30px;
  width: 395px;
  text-indent: 5px;
}

.jnj-plusoft-form input#edit-press-editorial-office,
.jnj-plusoft-form input#edit-press-media,
.jnj-plusoft-form input#edit-press-role,
.jnj-plusoft-form input#edit-address-city,
.jnj-plusoft-form input#edit-address-district,
.jnj-plusoft-form input#edit-address-additional-info,
.jnj-plusoft-form input#edit-address-street,
.jnj-plusoft-form input#edit-email-confirmation,
.jnj-plusoft-form input#edit-email {
  width: 395px;
}

.jnj-plusoft-form textarea {
  width: 470px;
}

.jnj-plusoft-form .scroll-content .content {
  padding: 10px 5px 10px;
  width: 96%;
}

.jnj-plusoft-form .scroll-content .content h4 {
  font-size: 16px;
  line-height: 22px;
}

.jnj-plusoft-form .scroll-content .content h3,
.jnj-plusoft-form .scroll-content .content h2 {
  font-size: 18px;
  line-height: 24px;
}

.jnj-plusoft-form .scroll-content .content,
.jnj-plusoft-form .scroll-content .content p{
  font-size: 14px;
  line-height: 20px;
}

.jnj-plusoft-form .select-wrapper {
  height: 30px;
  background-position: 240px -1727px;
}

.jnj-plusoft-form .form-item-plusoft-sample-product .select-wrapper,
.jnj-plusoft-form .form-item-occupation .select-wrapper,
.jnj-plusoft-form .form-item-speciality .select-wrapper {
  background-position: 560px -1727px;
}

.jnj-plusoft-form .form-item-address-state .select-wrapper,
.jnj-plusoft-form .form-item-counsel-state .select-wrapper {
  background-position: 50px -1727px;
}

.jnj-plusoft-form .form-item-plusoft-sample-product .select-wrapper,
.jnj-plusoft-form .form-item-occupation .select-wrapper,
.jnj-plusoft-form .form-item-speciality .select-wrapper {
  width: 395px;
  background-position: 365px -1727px;
}

.jnj-plusoft-form .form-item-plusoft-sample-product .select-wrapper select,
.jnj-plusoft-form .form-item-occupation .select-wrapper select,
.jnj-plusoft-form .form-item-speciality .select-wrapper select {
  width: 415px;
  font-size: 14px;
}

.jnj-plusoft-form .select-wrapper select {
  font-size: 14px;
}

.jnj-plusoft-form .select-wrapper select {
  padding: 3px 0 3px;
  font-size: 14px
}

.jnj-plusoft-form .form-type-checkbox label,
.jnj-plusoft-form .form-type-radios .form-item label {
  line-height: 24px;
}

.jnj-plusoft-form .form-type-radios .form-item label {
  background-position: 9% -1441px;
}

.jnj-plusoft-form .form-type-radios .form-item label.checked {
  background-position: 9% -1354px;
}

.jnj-plusoft-form .form-type-radios .form-item {
  margin-bottom: 20px;
}

.jnj-plusoft-form .form-type-checkbox label {
  padding-left: 30px;
  background-position: 0 -1607px;
}

.jnj-plusoft-form .form-type-checkbox input.error + label {
  background-position: 0 -1669px;
}

.jnj-plusoft-form .form-type-checkbox input.error + label.checked,
.jnj-plusoft-form .form-type-checkbox label.checked {
  background-position: 0 -1552px;
}

.jnj-plusoft-form .inline-error {
  font-size: 11px;
  line-height: 12px;
}

.jnj-plusoft-form .form-submit {
  font-size: 16px;
  line-height: 28px;
  height: 30px;
}

.jnj-plusoft-form .required-message {
  font-size: 14px;
}

.jnj-plusoft-form .facebook-forgot-password-message {
  font-size: 11px;
  width: 430px;
}

.jnj-plusoft-form .description {
  font-size: 12px;
}

.jnj-plusoft-form input#edit-postal-code {
  width: 120px;
}

.jnj-plusoft-form .inline-error + a#edit-search-postal-code {
  margin-top: -55px;
}

.jnj-plusoft-form a#edit-search-postal-code {
  left: 310px;
  margin-top: -35px;
  font-size: 12px;
}

.success-page p {
  font-size: 22px;
}

/* Ajax Loader */
.jnj-plusoft-form .form-item-postal-code .ajax-loader {
  left: 420px;
  top: 0px;
}

/**
 * Print Link
 */
a.open-print-window {
  margin-top: 20px;
}

a.open-print-window span.icon {
  margin-right: 10px;
}

a.open-print-window span.print-button {
  font-size: 20px;
}


/**
 * Box News List
 */
.node-box-news-list ul.wrapper-list-news li.node-box-news-item {
  padding: 30px 25px 20px;
}


.node-box-news-list .box-news-expand .wrapper-share-by-email,
.node-box-news-list .box-news-expand ul.wrapper-download-files,
.node-box-news-list .box-news-expand  a.open-print-window {
  margin-left: 0;
  padding-left: 0;
}

.node-box-news .news-box .news-local-date {
  font-size: 12px;
  line-height: 16px;
}

.node-box-news-list li.node-box-news-item div.news-title {
  font-size: 18px;
  line-height: 22px;
}

.node-box-news-list li.node-box-news-item div.news-summary p {
  font-size: 14px;
  line-height: 18px;
}

/**
 * Contact Us Landing Page
 */
.page-fale-conosco-landing .body-item .content .field-type-text-long {
  padding: 30px;
}

.page-fale-conosco-landing .body-item .content .contact-us-title {
  margin-bottom: 40px;
}

.page-fale-conosco-landing .body-item .content .contact-us-title p {
  font-size: 18px;
  line-height: 24px;
}

.page-fale-conosco-landing .body-item .content .contact-us-register {
  padding: 0 3% 0 0;
  margin-right: 3%;
  width: 42%;
}

.page-fale-conosco-landing .body-item .content .contact-us-register a.button-register {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}


.page-fale-conosco-landing .body-item .content .contact-us-register a.button-facebook {
  background-position: 13px -1760px;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  padding: 0 15px 0 30px;
}

.page-fale-conosco-landing .body-item .content .contact-us-register p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

.page-fale-conosco-landing .body-item .content .contact-us-landing-page h3 {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 20px;
}

.page-fale-conosco-landing .body-item .content .contact-us-login {
  width: 55%;
}

.page-fale-conosco-landing .body-item .content .contact-us-login label{
  font-size: 16px;
  width: 60px;
  margin-right: 10px;
}

.page-fale-conosco-landing .body-item .content .contact-us-login .inline-error {
  margin-left: 75px;
}

.page-fale-conosco-landing .body-item .content .contact-us-login input.form-text{
  font-size: 16px;
  text-indent: 5px;
  height: 30px;
  line-height: 30px;
}

.page-fale-conosco-landing .body-item .content .contact-us-login input.form-submit {
  width: 80px;
  font-size: 20px;
  padding: 0;
  top: 92px;
  height: 30px;
  font-size: 16px;
}

.page-fale-conosco-landing .body-item .content .contact-us-login a.forgot-password {
  margin: 0 0 0 75px;
  font-size: 12px;
}

.page-fale-conosco-landing .body-item .content .facebook-connect-landing-page {
  padding-top: 20px;
  font-size: 14px;
  line-height: 22px;
  width: 600px;
}

.page-fale-conosco-landing .body-item .content .facebook-connect-landing-page br {
  display: none;
}

/**
 * Sitemap
 */
.page-sitemap #block-system-main {
  padding: 50px 0;
}

.page-sitemap #custom-page-container li{
  font-size: 20px;
  padding: 30px 20px 0 50px;
}

.page-sitemap #custom-page-container li a{
  margin-bottom: 30px;
}

.page-sitemap #custom-page-container li a[name=menu-brand] + ul li {
  min-width: 180px;
  margin-right: 20px;
}

.page-sitemap #custom-page-container li li{
  font-size: 16px;
}

.page-sitemap #custom-page-container li li li{
  font-size: 14px;
}

.page-sitemap #custom-page-container li li li a {
  margin-bottom: 10px;
}

/**
 * External link
 */
.extlink-message {
  margin-top: -140px;
  margin-left: -210px !important;
  width: 420px !important;
}

.extlink-message #extlink-window-container {
  width: 370px !important;
}

.extlink-message #extlink-window-container h3 {
  font-size: 40px;
  margin-bottom: 20px;
}

.extlink-message #extlink-window-container p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
}

.extlink-message .ui-dialog-buttonpane {
  width: 230px;
}

.extlink-message .ui-dialog-buttonset button {
  width: 100px;
  font-size: 12px;
}
