.page-sitemap #custom-page-container li li li,
.extlink-message #extlink-window-container p,
.jnj-plusoft-form .form-item-privacy-policy-check label,
.jnj-plusoft-form .form-type-radios .form-item label,
#node-header h2#page-subtitle {
font-family: AkzidenzGrotesk-Light, Arial;
}
.yes-flip .box-card .box-generic-flip-button a,
.node-box-brand .box-brand-button-front a,
.node-box-video a,
.dynamic-carousel-box .hit-carousel li .hit-button-wrapper a,
.node-highlight-image-and-text .hit-carousel li .hit-button-wrapper a,
.node-box-product-image-text .content .pmi-button-wrapper 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-title a.button,
div#menu-bar .block .bt-connect a,
.node-box-advanced .box-advanced-button-front a,
div#menu-bar .block-products-list ul.list li div.content-hover div.content h4,
.extlink-message #extlink-window-container h3,
.extlink-message .ui-dialog-buttonset button,
.page-sitemap #custom-page-container li,
.body-item .content a.button-home,
.page-contactenos-inicio .content .contact-us-login input.form-submit,
.contact-us-login .box-form-template form .botao,
.page-contactenos-inicio .content .contact-us-register .jnjplusoft-facebook-login a,
.page-contactenos-inicio .content .contact-us-register a.button-register,
.page-contactenos-inicio .content .contact-us-landing-page h3,
.node-box-news-list li.node-box-news-item .box-news-expand-title,
.node-box-news-list a.see-all-tags,
.node-box-news-list li.node-box-news-item div.news-title,
#custom-page-container .form-header p,
#custom-page-container .form-header h2,
.success-page p,
.jnj-plusoft-form .required-message,
a.open-print-window span.print-button,
div#menu-bar .block-products-list ul.list li div.content-hover div.content a.button,
div#menu-bar .login-form .inline-error,
.jnj-plusoft-form .inline-error,
.jnj-plusoft-form #edit-submit,
.jnj-plusoft-form label,
.node-box-tags a.see-all-tags,
.node-box-tags .tag-box-title-wrapper,
.wrapper-share-by-email .wrapper-share-by-email-form .msg-error,
.wrapper-share-by-email .wrapper-share-by-email-form .warning-form,
.page-news a.load-more,
.wrapper-share-by-email .wrapper-share-by-email-form a,
.wrapper-share-by-email .wrapper-share-by-email-form .form-title,
.wrapper-share-by-email .wrapper-share-by-email-form label,
.wrapper-download-files li,
#node-header .large-video-related-share h3,
.node-box-faq .see-more-link,
.node-box-faq li .faq-buttons a,
.node-box-faq .faq-box-search-wrapper input#button-search-faq,
.node-box-faq .faq-box-title-wrapper,
.node-box-category .box-category-flip-button_wrapper a,
.node-box-news .pmi-button-wrapper a,
#jnj-tiles-search-gsa-form input.form-submit,
#results-content a.load-more,
#results-content .results .search-result-item a.button,
#results-content .results h2,
.box-alert .button-see-more,
.box-alert .alert-box-title-wrapper,
.node-box-poll .poll-box-wrapper a.vote-link,
.node-box-poll .poll-box-wrapper li,
.node-box-poll .poll-box-wrapper h3,
.node-box-reminders div.agenda-box-wrapper a.see-more-link,
.node-box-agenda div.agenda-box-wrapper a.see-more-link,
.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,
.node-box-agenda div.agenda-box-wrapper ul li div.event-title,
.node-box-reminders div.alert-box-title-wrapper,
.node-box-agenda div.alert-box-title-wrapper,
.node-box-product .box-product-expand-title,
.node-box-brand .box-brand-expand-title,
.node-box-sac.full-hd-h-2 .sac-second-part-wrapper h3,
.node-box-sac.full-hd-w-1 .sac-second-part-wrapper h3,
.node-box-sac .sac-second-part-wrapper h3,
.node-box-sac .sac-first-part-wrapper h2,
.node-box-background-image-text .bit-button-wrapper a,
div#menu-bar .block-brand-list li a,
div#menu-bar .block-list li span,
div#menu-bar .block-register a.button,
div#menu-bar .login-form input.form-submit,
div#menu-bar .login-form input.form-text,
#header .block-menu-login-menu li a,
#header nav.block-main-menu li li a,
#header div.block-google-appliance input#edit-search-keys,
#header div.block-jnj-tiles-search-solr input#edit-keys,
#node-header h1#page-title,
#node-header div#video-container a.open-large-video,
#node-header div#video-container .open-small-video,
div#contact-wrapper div#contact-us-container,
div#sac-container div#sac-container-closed .text-big,
div#welcome-msg-container p,
div#content-filter-container span#content-filter-title {
font-family: AkzidenzGrotesk-Medium, Arial;
}
/**
* Sprites
*/
.page-contactenos-inicio .content .contact-us-register a.button-facebook,
div#menu-bar .block .bt-connect a,
.jnj-plusoft-form .form-type-checkbox label,
.jnj-plusoft-form .form-type-radios .form-item label,
.jnj-plusoft-form .select-wrapper,
#jnj-tiles-search-gsa-form input.form-text,
.node-box-faq .faq-box-search-wrapper input.search-faq,
.node-box-agenda div.agenda-box-wrapper ul li.event-added div.add-msg p,
div#content-filter-container li label,
#node-header div#video-container a.open-large-video span.arrow,
#header .block-menu-login-menu li a {
background-image:url("images/sprites-vertical.png");
background-repeat: no-repeat;
}
#node-header .large-video-related-thumb ul.flex-direction-nav li a,
div#menu-bar .block-products-list ul.flex-direction-nav li a {
background-image: url("images/sprites-horizontal.png");
background-repeat: no-repeat;
}
#node-header div#video-container a.open-large-video span.border,
.extlink-message .ui-dialog-titlebar .ui-dialog-titlebar-close span.ui-icon-closethick,
a.open-print-window span.icon,
div#menu-bar a.close-menu-login span.arrow,
.wrapper-share-by-email .share-by-email a,
#node-header .large-video-related .close-related-share-video span.arrow,
.wrapper-download-files li.wrapper-download-file-pdf span.pdf-icon,
.wrapper-download-files li span.icon,
#node-header .large-video-related-share a.icon,
.box-alert .alert-icon,
.dynamic-carousel-box .flex-control-nav li a,
.node-highlight-image-and-text .flex-control-nav li a,
.expand-close,
div#sac-container div#sac-container-open div.sac-button span.arrow,
.node-box-facebook span.icon,
#node-header div#video-container .open-small-video span.arrow span,
#node-header div#video-container a.close-large-video span.arrow,
div#content-filter-container div.arrow span.arrow,
div#contact-wrapper div#chat-container,
#header nav.block-main-menu li a.mobile-home,
#header .block-menu-login-menu li a.busca,
#header div.block-google-appliance input.form-submit,
#header div.block-jnj-tiles-search-solr input.form-submit,
#footer .block-menu-social-network-menu li a{
background-image: url("images/sprites-social-footer.png");
background-repeat: no-repeat;
}
/**
* Hide Text
*/
.wrapper-share-by-email .share-by-email a,
#node-header .large-video-related .close-related-share-video span.arrow,
#node-header .large-video-related-thumb ul.flex-direction-nav li a,
#node-header .large-video-related-share a.icon,
.dynamic-carousel-box .flex-control-nav li a,
.node-highlight-image-and-text .flex-control-nav li a,
div#menu-bar .block-products-list ul.flex-direction-nav li a,
.expand-close,
div#contact-wrapper div#chat-container,
#header nav.block-main-menu li a.mobile-home,
#header .block-menu-login-menu li a.busca,
#header div.block-google-appliance input.form-submit,
#header div.block-jnj-tiles-search-solr input.form-submit,
#footer .block-menu-social-network-menu li a{
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
font-size: 0 !important;
line-height: 0 !important;
}
/**
* Styles for CKEditor - JnJ Brasil
*/
.font-akzid-bold {font-family: AkzidenzGrotesk-Bold, Arial;}
.font-akzid-medium {font-family: AkzidenzGrotesk-Medium, Arial;}
.font-akzid-light {font-family: AkzidenzGrotesk-Light, Arial;}
/**
* Generic class for Responsive - JnJ Brasil
*/
body {
font-family: AkzidenzGrotesk-Light, Arial;
}
/* Buttons */
div#menu-bar .block-title a.button,
div#menu-bar .block .bt-connect a,
.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: 30px;
padding: 0 15px;
font-size: 14px;
line-height: 30px;
}
/**
* Header
*/
/* Structore */
#header {
width: 100%;
height: 90px;
position: fixed;
top: 0;
z-index: 1000;
}
#header div#branding {
margin-left: 30px;
margin-top: 15px;
float: left;
display: inline;
}
#header div#branding img {
-ms-interpolation-mode: nearest-neighbor;
image-rendering: optimizeSpeed;
}
#header div.block-google-appliance,
#header div.block-jnj-tiles-search-solr {
float: right;
margin: 30px 45px 0 35px;
height: 34px;
width: 170px;
background: #fff;
display: none;
}
#header div.block-google-appliance input#edit-search-keys,
#header div.block-jnj-tiles-search-solr input#edit-keys {
float: left;
border: 0;
width: 120px;
margin-right: 4px;
height: 32px;
line-height: 32px;
color: #b5b5b5;
text-indent: 5px;
}
#header nav.block-main-menu ul ul ul,
#header div.block-google-appliance p.search-description,
#header div.block-jnj-tiles-search-solr p.search-description {
display: none !important;
}
#header div.block-google-appliance input.form-submit,
#header div.block-jnj-tiles-search-solr input.form-submit {
float: left;
border: none;
width: 44px;
height: 30px;
margin-top: 2px;
}
#header .block-menu-login-menu,
#header nav.block-main-menu {
float: right;
margin-top: 30px;
}
#header .block-menu-login-menu ul,
#header nav.block-main-menu ul{
margin: 0;
padding: 0;
}
#header nav.block-main-menu li,
#header .block-menu-login-menu li,
#header nav.block-main-menu li li {
float: left;
list-style: none;
}
#header nav.block-main-menu li .collapsed {
display: flex;
}
#header nav.block-main-menu li .expanded,
#header nav.block-main-menu li .collapsed {
display: flex;
}
#header nav.block-main-menu li .expanded:after,
#header nav.block-main-menu li .collapsed:after {
display: block;
width: 10px;
background-image: url(images/sprites-social-footer.png);
background-position: -98px -681px;
content: ' ';
}
#header nav.block-main-menu li .expanded a,
#header nav.block-main-menu li .collapsed a {
padding-right: 5px;
}
#header .block-menu-login-menu li a,
#header nav.block-main-menu li li a{
display: block;
line-height: 34px;
padding: 0 25px;
}
#header nav.block-main-menu li li a {
min-width: 45px;
}
/* Color */
#header {
color:#FFF;
box-shadow: 0 1px 2px #666666;
}
#header div.bg-header {
background-color:#F30617;
height: 90px;
width: 100%;
min-width: 320px;
position: absolute;
z-index: 1;
-moz-opacity: 0.90;
opacity:.90;
filter: alpha(opacity=90);
zoom: 1;
}
#header div.content-header {
z-index: 10;
position: relative;
}
#header div.block-google-appliance,
#header div.block-jnj-tiles-search-solr {
background: #fff;
}
#header .block-menu-login-menu li a,
#header nav.block-main-menu li li a{
color: #fff;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
}
#header .block-menu-login-menu li a:hover,
#header nav.block-main-menu li li a:hover{
text-decoration: underline;
}
#header .block-menu-login-menu li a {
border-left: 1px solid #fff;
padding-left: 60px;
padding-right: 35px;
}
#header .block-menu-login-menu li a.login {
background-position: 30px 5px;
}
#header .block-menu-login-menu li a.facebook {
background-position: 37px -27px;
}
#header .block-menu-login-menu li a.user-name {
background-position: 30px 5px;
}
#header .block-menu-login-menu li.user-type-facebook a.user-name {
background-position: 37px -27px;
}
#header .block-menu-login-menu li a.logout {
position: absolute;
color: #F3B1B6;
text-decoration: underline;
background: none;
border-left: 0;
margin-top: -12px;
text-transform: lowercase;
}
body.logged-in #header .block-menu-login-menu li a.login,
body.logged-in #header .block-menu-login-menu li a.facebook {
display: none;
}
#header div.block-google-appliance input.form-submit,
#header div.block-jnj-tiles-search-solr input.form-submit {
border-left: 1px solid #e04b3f;
background-position: -1px -45px;
background-color: transparent;
}
/**
* Menu
*/
/* Structore */
div#menu-bar {
height: 320px;
top: 90px;
z-index: 1000;
width: 100%;
position: fixed;
display: none;
}
div#menu-bar.facebook-disclamer[data-opened-menu="menu-login"] {
height: 400px;
}
div#menu-bar .menu-brand,
div#menu-bar .menu-carreira,
div#menu-bar .menu-institucional,
div#menu-bar .menu-corona,
div#menu-bar .menu-login {
display: none;
}
div#menu-bar .menu-brand .block-products-list .inactive{
display: none;
}
/* Color */
div#menu-bar {
background-color: #6a6767;
box-shadow: 0 1px 2px #666666;
}
div#menu-bar a.close-menu-login {
display: none;
}
/* Menu Login */
div#menu-bar .login-form {
float: right;
margin-top: 55px;
padding: 35px 180px 0 100px;
position: relative;
min-height: 165px;
width: 430px;
}
/* Menu login - Block Register */
div#menu-bar .block-register {
float: left;
margin-top: 55px;
border-left: 1px solid #c3c2c2;
border-right: 1px solid #c3c2c2;
padding: 10px 5% 0;
position: absolute;
width: 435px;
min-height: 190px;
color: #fff;
text-align: center;
font-size: 28px;
line-height: 40px;
left: 50%;
margin-left: -365px;
}
div#menu-bar .block-register p{
margin-bottom: 10px;
}
div#menu-bar .block-register strong{
font-size: 40px;
display: block;
}
div#menu-bar .block-register a.button {
background-color: #F30617;
font-size: 20px;
color: #fff;
height: 40px;
text-decoration: none;
display: inline-block;
padding: 0 20px;
line-height: 38px;
}
div#menu-bar .block-register.block .bt-connect a {
background-position: 13px -23px;
display: inline-block;
float: none;
font-size: 20px;
height: 40px;
line-height: 38px;
margin: 0 auto;
padding-left: 32px;
padding-right: 27px;
}
/* Menu login - Block Title */
div#menu-bar .block-title {
float: left;
margin-top: 57px;
padding: 0px 130px 0 30px;
position: relative;
width: 480px;
min-height: 200px;
color: #fff;
font-size: 28px;
}
div#menu-bar .block-title h3{
font-size: 40px;
line-height: 44px;
margin: 0 0 8px;
}
div#menu-bar .block-title p{
font-size: 24px;
line-height: 30px;
margin: 0;
}
div#menu-bar .block-title a.button {
color: #fff;
text-decoration: none;
background-color: #F30617;
float: left;
margin-top: 12px;
}
/* Menu Institucional - Block Title */
div#menu-bar .block-carreira-title,
div#menu-bar .block-institucional-title,
div#menu-bar .block-corona-title {
width: 35%;
margin-top: 80px;
padding-right: 0;
}
/* Menu Institucional - Block List Pages */
div#menu-bar .block-list {
float: right;
}
div#menu-bar .block-list ul {
margin: 0;
padding: 0;
}
div#menu-bar .block-list li {
float: left;
width: 304px;
height: 320px;
overflow: hidden;
position: relative;
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
}
div#menu-bar .block-list li:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
div#menu-bar .block-list li a {
display: block;
text-decoration: none;
}
div#menu-bar .block-list li img {
width: 100%;
}
div#menu-bar .block-list li span {
position: absolute;
bottom: 0;
width: 100%;
height: 57px;
display: block;
font-size: 18px;
text-decoration: none;
color: #fff;
line-height: 57px;
text-align: center;
}
/**
* Menu Brand
*/
div#menu-bar .block-brand-list {
float: left;
}
div#menu-bar .block-brand-list ul {
margin: 20px 0 0 15px;
padding: 0;
}
div#menu-bar .block-brand-list li {
list-style: none;
width: 256px;
}
div#menu-bar .block-brand-list li a{
height: 39px;
border-bottom: 1px solid #787878;
color: #fff;
font-size: 11px;
display: block;
padding-left: 10px;
line-height: 38px;
text-decoration: none;
text-transform: uppercase;
}
div#menu-bar .block-brand-list li.open a,
div#menu-bar .block-brand-list li a:hover {
background: #fff;
color: #787878;
}
div#menu-bar .block-brand-list li.last a {
border: none;
}
/* Carrousel */
div#menu-bar .block-products-list {
float: right;
padding: 0 70px;
height: 320px;
position: relative;
width: 53.7%;
max-width: 944px;
}
div#menu-bar .block-products-list ul {
margin: 0;
padding: 0;
}
div#menu-bar .block-products-list ul.list li {
float: left;
list-style: none;
width: 235px;
min-width: 235px;
height: 320px;
border-right: 1px solid #ccc;
background-color: #fff;
position: relative;
}
div#menu-bar .block-products-list ul.list li:hover {
border-right: 0;
padding-right: 1px;
}
div#menu-bar .block-products-list ul.list li div.content-hover{
display: none;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
div#menu-bar .block-products-list ul.list li img {
width: 235px;
}
div#menu-bar .block-products-list ul.list li a.link-big,
div#menu-bar .block-products-list ul.list li div.content-hover div.background {
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
div#menu-bar .block-products-list ul.list li a.link-big:hover {
-moz-opacity: 0.25;
opacity:.25;
filter: alpha(opacity=25);
background-color: #000;
}
div#menu-bar .block-products-list ul.list li.has_flip a.link-big:hover {
-moz-opacity: 1;
opacity:1;
filter: alpha(opacity=100);
background: none;
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content {
color: #fff;
padding: 50px 10% 70px;
position: relative;
line-height: 26px;
background: none;
height: 200px;
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content h4 {
font-size: 24px;
font-weight: normal;
margin: 0;
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content p {
font-size: 18px;
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content a.button {
background: #fff;
bottom: 25px;
position: absolute;
left: 10%;
text-decoration:none;
text-transform: uppercase;
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content a:hover {
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
div#menu-bar .block-products-list ul.list li div.content-hover div.content a.box-anchor {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
div#menu-bar .block-products-list ul.flex-direction-nav li {
list-style: none;
}
div#menu-bar .block-products-list ul.flex-direction-nav li a {
position: absolute;
right: 10px;
top: 0;
height: 320px;
width: 50px;
background-position: 13px 125px;
}
div#menu-bar .block-products-list ul.flex-direction-nav li a.flex-prev {
left: 0;
background-position: -33px 125px;
}
/* Remove arrows from the product list in the main menu when it have less than 3 products */
.block-products-list .flex-disabled {
display: none;
}
/* Menu Connect */
[data-opened-menu="jnjbrasil-menu-connect"] {
height: 114px !important;
}
div#menu-bar .jnjbrasil-menu-connect {
padding: 28px 0 28px;
color: #fff;
width: 1160px;
margin: 0 auto;
}
div#menu-bar.facebook-disclamer[data-opened-menu="menu-login"] .jnjbrasil-menu-connect {
padding-top: 15px;
padding-bottom: 15px;
clear: both;
display: block !important;
width: 98%;
border-top: 1px solid #C3C2C2;
position: absolute;
bottom: 0;
left: 1%;
}
div#menu-bar.facebook-disclamer[data-opened-menu="menu-login"] .jnjbrasil-menu-connect .text {
margin: 0 auto;
float: none;
}
div#menu-bar.facebook-disclamer[data-opened-menu="menu-login"] .jnjbrasil-menu-connect .bt-connect a {
display: none;
}
div#menu-bar .jnjbrasil-menu-connect .text {
float: left;
font-size: 18px;
margin-right: 50px;
width: 1000px;
text-align: center;
}
div#menu-bar .block .bt-connect a {
background-position: 9px -28px;
padding-left: 30px;
padding-right: 15px;
color: #fff;
text-decoration: none;
background-color: #F30617;
float: left;
margin-top: 12px;
}
/**
* Footer
*/
/* Structore */
#footer{
font-family: AkzidenzGrotesk-Light;
font-size:12px;
padding:65px 48px 32px 24px;
overflow: hidden;
}
#footer .block-title{
display:none;
}
/* Footer gray */
.footer-gray #footer {
background-color: #6A6767;
color: #FFFFFF;
}
/* Footer Links */
#footer .block-menu-footer-menu{
float:left;
margin-bottom:50px;
}
#footer .block-menu-footer-menu ul{
margin: 20px 0 0 0;
padding: 0;
}
#footer .block-menu-footer-menu li{
border-right:1px solid #FFF;
margin-right:26px;
padding-right:21px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
float:left;
}
#footer .block-menu-footer-menu li.last {
border-right:none;
padding-right: 0;
margin-right: 0;
position: relative;
}
#footer .block-menu-footer-menu li a {
font-size:18px;
text-decoration:none;
line-height: 16px;
display:block;
}
#footer .block-menu-footer-menu li a.country:after {
position: absolute;
z-index: 10;
top: -4px;
left: 150px;
width: 24px;
height: 22px;
content: "";
background: url("../images/sprite-flags.png") no-repeat 0 0;
}
#footer .block-menu-footer-menu li a#colombia.country:after { background-position: 0 -22px; }
#footer .block-menu-footer-menu li a#peru.country:after { background-position: 0 -62px; }
#footer .block-menu-footer-menu li a#ecuador.country:after { background-position: 0 -101px; }
#footer .block-menu-footer-menu li a#mexico.country:after { background-position: 0 -182px; }
#footer .block-menu-footer-menu li a#cam.country:after { background-position: 0 -122px; }
#footer .block-menu-footer-menu li a#argentina.country:after { background-position: 0 -161px; }
#footer .block-menu-footer-menu li a#uruguay.country:after { background-position: 0 -141px; }
#footer .block-menu-footer-menu li a#paraguay.country:after { background-position: 0 -81px; }
#footer .block-menu-footer-menu li a#chile.country:after { background-position: 0 -42px; }
/* Social */
#footer .block-menu-social-network-menu ul,
#footer .block-menu-social-network-menu{
margin: 0;
padding: 0;
}
#footer .block-menu-social-network-menu{
float:right;
margin-top: 7px;
}
#footer .block-menu-social-network-menu li{
list-style-position: inside;
list-style-image: none;
list-style-type: none;
float:left;
}
#footer .block-menu-social-network-menu li a{
width:45px;
height:45px;
display:block;
margin-right: 2px;
}
#footer .block-menu-social-network-menu li .facebook-footer-link{
background-position:0 0;
}
#footer .block-menu-social-network-menu li .twitter-footer-link{
background-position:-45px 0;
}
#footer .block-menu-social-network-menu li .gplus-footer-link{
background-position:-135px 0;
}
#footer .block-menu-social-network-menu li .youtube-footer-link{
background-position:-180px 0;
}
#footer .block-menu-social-network-menu li .pinterest-footer-link{
background-position:-90px 0;
}
#footer .block-region-footer .block-inner{
width:100%;
float:left;
}
/* Color */
#footer{
background-color:#F30617;
color:#F3b1b6;
}
#footer .block-menu-footer-menu li a{
color:#FFF;
}
/**
* Box -> Product Image + Text
*/
.node-box-product-image-text{
position:relative;
padding:0px;
overflow:hidden;
background:#FFF;
}
.node-box-product-image-text .content{
height:100%;
}
.node-box-product-image-text .content .image-placeholder{
float: left;
margin-right: 2%;
max-width: 38%;
overflow: hidden;
height:100%;
}
.node-box-product-image-text .content .image-placeholder img{
height: 88%;
padding: 15px;
}
.node-box-product-image-text .content .pmi-button-wrapper a{
bottom: 15px;
color: #FFFFFF;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
position: absolute;
right: 15px;
text-decoration:none;
}
.node-box-product-image-text:hover .content .pmi-button-wrapper a{
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
.node-box-product-image-text .content .field-name-field-plain-body {
font-family: AkzidenzGrotesk-Light;
line-height: 28px;
font-size: 22px;
padding:15px;
color: #3a3a3a;
}
.ie7 .node-box-product-image-text img,
.ie8 .node-box-product-image-text img {
width: 100%;
}
/**
* Box - Highlight image and text (Carousel)
*/
.dynamic-carousel-box,
.node-highlight-image-and-text {
position:relative;
overflow:hidden;
background:#FFF;
}
.yes-flip.dynamic-carousel-box,
.yes-flip.node-highlight-image-and-text {
background: none;
}
.dynamic-carousel-box .flex-viewport,
.node-highlight-image-and-text .flex-viewport {
height: 100%;
}
.dynamic-carousel-box .image-placeholder,
.node-highlight-image-and-text .image-placeholder{
width: 100%;
height: 100%;
}
.dynamic-carousel-box .image-placeholder img,
.node-highlight-image-and-text .image-placeholder img{
width: 100%;
height: 100%;
}
.dynamic-carousel-box .hit-carousel,
.node-highlight-image-and-text .hit-carousel{
position: relative;
padding:0;
left:0;
margin: 0;
height: 100%;
}
.node-highlight-image-and-text .hit-carousel li .content{
height: 100%;
}
.dynamic-carousel-box .hit-carousel li,
.node-highlight-image-and-text .hit-carousel li{
list-style-type: none;
float:left;
overflow:hidden;
position:relative;
height: 100%;
width: 100%;
}
.dynamic-carousel-box .hit-carousel li .hit-button-text-wrapper,
.node-highlight-image-and-text .hit-carousel li .hit-button-text-wrapper{
bottom: 0px;
position: absolute;
width: 100%;
z-index: 1;
}
.dynamic-carousel-box .hit-carousel li .hit-button-text-wrapper .hit-bg,
.node-highlight-image-and-text .hit-carousel li .hit-button-text-wrapper .hit-bg {
top: 0px;
position: absolute;
width: 100%;
opacity: 0.65;
filter: alpha(opacity=65);
height: 100%;
z-index: 1;
}
body.front .dynamic-carousel-box .hit-carousel li .hit-bg {
background-color: #7a7878;
}
.dynamic-carousel-box .hit-carousel li .hit-button-wrapper a,
.node-highlight-image-and-text .hit-carousel li .hit-button-wrapper a {
background: #FFFFFF;
bottom: 15px;
left: 15px;
position: absolute;
text-decoration: none;
}
body.front .dynamic-carousel-box .hit-carousel li .hit-button-text-wrapper a{
color: #7a7878;
}
.dynamic-carousel-box .hit-carousel li .hit-text-wrapper,
.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper{
color: #FFF ;
font-size: 20px;
line-height: 26px;
padding: 30px 20px 60px;
position: relative;
z-index: 10;
}
.dynamic-carousel-box .hit-carousel li .hit-button-wrapper,
.node-highlight-image-and-text .hit-carousel li .hit-button-wrapper {
z-index: 10;
position: relative;
}
.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper {
padding: 30px 20px 30px;
}
.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: 30px 20px 60px;
}
.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: 40px;
line-height: 45px;
font-weight: normal;
}
.dynamic-carousel-box .hit-carousel li .hit-text-wrapper p,
.node-highlight-image-and-text .hit-carousel li .hit-text-wrapper p {
margin: 0 0 5px;
}
.dynamic-carousel-box .flex-control-nav,
.node-highlight-image-and-text .flex-control-nav{
position:absolute;
bottom: 15px;
right:15px;
}
.dynamic-carousel-box .flex-control-nav li,
.node-highlight-image-and-text .flex-control-nav li {
float: left;
}
.dynamic-carousel-box .flex-control-nav li a,
.node-highlight-image-and-text .flex-control-nav li a{
background-position: -12px -225px;
cursor: pointer;
height: 20px;
list-style: none;
width: 21px;
margin-left:20px;
display: block;
}
.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:-57px -225px;
}
.dynamic-carousel-box #ball-click .ball .hide,
.node-highlight-image-and-text #ball-click .ball .hide{
display:none;
}
.ie7 .dynamic-carousel-box img,
.ie8 .dynamic-carousel-box img,
.ie7 .node-box-product-image-text img,
.ie8 .node-box-product-image-text img {
width: 100%;
}
/**
* Box - Highlight Flip
*/
.node-highlight-image-and-text .box-card,
.node-highlight-image-and-text .box-highlight-front {
height: 100%;
}
.node-highlight-image-and-text .box-highlight-front {
background-color: #fff;
}
.node-highlight-image-and-text .box-highlight-front a.box-anchor {
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
z-index: 999;
}
/**
* Box -> Background Image + Text
*/
.node-box-background-image-text {
background-size: 100% 100% !important;
position: relative;
overflow: hidden;
}
.node-box-background-image-text .background {
height: 100%;
width: 100%;
}
.node-box-background-image-text .content {
position: absolute;
left: 30px;
bottom: 30px;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
background: none;
}
.node-box-background-image-text.full-hd-h-1 .content,
.node-box-background-image-text.full-hd-w-1 .content {
left: 15px;
bottom: 15px;
}
.node-box-background-image-text .bit-text-wrapper {
font-size: 40px;
line-height: 45px;
color: #fff;
}
.node-box-background-image-text .bit-text-wrapper span {
line-height: 1;
display: block;
}
.node-box-background-image-text.full-hd-h-1 .bit-text-wrapper,
.node-box-background-image-text.full-hd-w-1 .bit-text-wrapper {
font-size: 30px;
line-height:1;
}
.node-box-background-image-text .pmi-text-button-wrapper span,
.node-box-background-image-text .pmi-text-button-wrapper p{
margin:0;
}
.node-box-background-image-text .bit-button-wrapper a{
background-color: #fff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
margin-top: 20px;
}
.node a.link-box {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.node-box-background-image-text a.link-box:hover,
.node-box-facebook a.link-box:hover {
background: none repeat scroll 0 0 #000000;
-moz-opacity: 0.25;
opacity:.25;
filter: alpha(opacity=25);
zoom: 1;
}
.isotope-hidden{
display:none;
}
/**
* Box -> Facebook
*/
.node-box-facebook {
position: relative;
overflow: hidden;
}
.node-box-facebook .content {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
height: 70px;
font-size: 34px;
line-height: 50px;
color: #fff;
width: 100%;
}
.node-box-facebook .content .face-text p {
display: table-cell;
height: 70px;
margin: 0;
vertical-align: middle;
}
.node-box-facebook.full-hd-w-1 .content {
margin-top: -21px;
height: 42px;
font-size: 20px;
line-height: 26px;
}
.node-box-facebook.full-hd-h-auto .content {
position: relative;
top: 0%;
left: 0;
margin-top: 0px;
height: 100%;
padding: 20px 0;
}
.node-box-facebook.full-hd-w-1 .content .face-text p {
height: 42px;
}
.node-box-facebook span.icon {
width: 70px;
height: 70px;
background-position: -97px -194px;
display: block;
float: left;
margin: 0 30px;
}
.node-box-facebook.full-hd-w-1 span.icon {
width: 42px;
height: 42px;
background-position: -164px -110px;
margin: 0 20px 0 20px;
}
/**
* Box -> SAC
*/
.node-box-sac {
overflow: hidden;
}
.node-box-sac .box-sac-content {
background-color: #fff;
text-align: center;
height: 100%;
}
.node-box-sac .one-wrapper .sac-first-part-wrapper {
padding-top: 60px;
}
.node-box-sac .sac-first-part-wrapper h3 {
font-size: 32px;
line-height: 35px;
color: #323232;
padding-top: 80px;
font-weight: normal;
margin: 0;
}
.node-box-sac.full-hd-h-2 .sac-first-part-wrapper h3 {
font-size: 26px;
line-height: 30px;
padding-top: 30px;
}
.node-box-sac.full-hd-h-1 .one-wrapper .sac-first-part-wrapper {
padding-top: 0px;
}
.node-box-sac.full-hd-h-1 .sac-first-part-wrapper h3,
.node-box-sac.full-hd-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: 64px;
line-height: 80px;
color: #316791;
margin: 0;
font-weight: normal;
}
.node-box-sac.full-hd-h-2 .sac-first-part-wrapper h2 {
font-size: 46px;
line-height: 50px;
}
.node-box-sac.full-hd-h-1 .sac-first-part-wrapper h2,
.node-box-sac.full-hd-w-1 .sac-first-part-wrapper h2 {
font-size: 26px;
line-height: 35px;
}
.node-box-sac .sac-first-part-wrapper h2 a{
color: #316791;
text-decoration: none;
pointer-events: none;
cursor: default;
}
.node-box-sac .sac-first-part-wrapper div {
font-size: 20px;
line-height: 22px;
color: #323232;
}
.node-box-sac.full-hd-h-2 .sac-first-part-wrapper div {
font-size: 16px;
line-height: 18px;
}
.node-box-sac.full-hd-h-1 .sac-first-part-wrapper div,
.node-box-sac.full-hd-w-1 .sac-first-part-wrapper div {
font-size: 13px;
line-height: 15px;
}
.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: 18px;
}
.node-box-sac .sac-second-part-wrapper p {
margin: 0;
}
.node-box-sac.full-hd-h-2 .sac-second-part-wrapper {
padding: 20px 0;
font-size: 16px;
}
.node-box-sac.full-hd-h-1 .sac-second-part-wrapper,
.node-box-sac.full-hd-w-1 .sac-second-part-wrapper {
padding: 5px 0;
font-size: 11px;
line-height: 13px;
}
.node-box-sac .sac-second-part-wrapper a {
color: #fff;
}
.node-box-sac .sac-second-part-wrapper h3 {
font-size: 26px;
line-height: 30px;
margin: 0;
font-weight: normal;
}
.node-box-sac.full-hd-h-2 .sac-second-part-wrapper h3,
.node-box-sac.full-hd-w-1 .sac-second-part-wrapper h3 {
font-size: 20px;
line-height: 20px;
}
.node-box-sac .sac-second-part-wrapper h3 a {
text-decoration: none;
pointer-events: none;
cursor: default;
}
/**
* Box: Social
*/
.node-box-social{
overflow:hidden;
background:#fff;
}
.node-box-social iframe{
height: 100%;
}
.node-box-social .IN-widget span,
.node-box-social .IN-widget {
width: 100%;
}
.node-box-social .IN-widget iframe {
display: block !important;
margin: 0 auto;
}
/*
.node-box-social .box-social-content p,
.node-box-social .box-social-content div{
margin-bottom:0;
}
.node-box-social .box-social-content iframe{
border:2px solid #FFF !important;
width: 100% !important;
background:#fff;
}
*/
.ie .node-box-social .box-social-content iframe{
width: 100% !important;
}
/**
* Campaign
*/
.node-box-campaign .content{
height: 100%;
overflow: hidden;
position: relative;
}
.node-box-campaign .image-placeholder{
height: 100%;
width: 100%;
}
.node-box-campaign .image-placeholder img{
height: 100%;
width: 100%;
}
/**
* Box: Text
*/
.node-box-text {
overflow: hidden;
}
.node-box-text .background {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.node-box-text div.content {
position: relative;
}
.node-box-text a{
text-decoration: none;
}
.node-box-text div.content {
padding: 40px 60px;
}
.node-box-text div.content {
padding: 40px 60px;
}
.node-box-text.full-hd-w-1 div.content {
padding: 30px 25px;
}
.node-box-text .txt-box-title-wrapper {
font-size: 36px;
line-height: 40px;
margin-bottom: 10px;
}
.node-box-text.only-text .txt-box-body-wrapper,
.node-box-text.title-and-text .txt-box-body-wrapper {
font-size: 14px;
line-height: 21px;
color: #515151;
}
.node-box-text.title-and-text .txt-box-body-wrapper {
font-size: 14px;
line-height: 21px;
color: #515151;
}
/**
* Box Video
*/
.node-box-video{
overflow:hidden;
background:#FFF;
}
.node-box-video .video-box-text-link-wrapper{
background:#FFF;
position:relative;
margin-top:-7px;
}
.node-box-video .video-box-group-wrapper{
padding:15px;
}
.node-box-video .video-box-text p{
line-height: 18px;
}
.node-box-video .video-box-text p{
margin:0;
}
.node-box-video a {
font-size: 13px;
text-decoration: none;
line-height: 12px;
}
/**
* Box -> Brand - No Flip
*/
.node-box-brand:not(.yes-flip){
overflow: hidden;
}
.node-box-brand .box-brand-front {
background:#FFF;
height: 100%;
}
.node-box-brand .box-brand-front a.box-anchor{
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 999;
}
.node-box-brand .box-brand-front-text{
color:#555;
font-family: AkzidenzGrotesk-Light;
margin: 0 auto;
width: 60%;
padding-bottom:30px;
font-size: 20px;
text-align: center;
}
.node-box-brand .box-brand-button-front a{
text-decoration: none;
position:absolute;
bottom:15px;
left:15px;
color: #fff;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.node-box-brand .box-card .box-mark-front-text{
width:100%;
position:absolute;
bottom:0;
opacity:0.75;
filter:(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
text-align: center;
font-family: AkzidenzGrotesk-Light, Arial;
font-size: 18px;
line-height:1;
}
.node-box-brand .content{
position:relative;
height: 100%;
}
.node-box-brand .box-card{
position:relative;
height:100%;
}
.ie .node-box-brand .box-card{
overflow:hidden;
}
.node-box-brand .image-placeholder{
text-align: center;
width: 100%;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.node-box-brand.full-hd-w-1 .image-placeholder{
overflow: hidden;
}
/**
* Box -> Produt - No Flip
*/
.node-box-product:not(.yes-flip){
overflow: hidden;
}
.node-box-product .content{
position:relative;
height: 100%;
}
.node-box-product.open .content{
position:relative;
}
.node-box-product .box-card{
position:relative;
height:100%;
}
.ie .node-box-product .box-card{
overflow:hidden;
}
.node-box-product .box-card .box-product-front {
height: 100%;
}
.node-box-product .box-card .box-product-front-text{
width:auto;
position:absolute;
bottom:0;
text-align: center;
font-size: 15px;
line-height: 20px;
padding: 10px;
height: 40px;
text-transform: uppercase;
overflow: hiddden;
}
.node-box-product .box-card .box-product-front-text p {
vertical-align: middle;
display: table-cell;
height: 40px;
width: 1000px;
max-width: 100%;
}
.box-card a{
text-decoration:none;
}
.node-box-product .box-product-front .image-placeholder img {
bottom: 60px;
width: 75%;
}
/**
* Box -> Advanced - No Flip
*/
.node-box-advanced:not(.yes-flip){
overflow: hidden;
}
.node-box-advanced .box-advanced-front {
background:#FFF;
}
.node-box-advanced .box-advanced-front {
height: 100%;
}
.node-box-advanced .box-advanced-front-text {
font-size: 18px;
line-height: 1.2;
position: absolute;
color: #515151;
z-index: 10;
margin: 15px;
}
.node-box-advanced .box-advanced-front-text p {
margin: 0;
}
.node-box-advanced .box-advanced-button-front a{
text-decoration: none;
position:absolute;
bottom:15px;
right:15px;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-transform: uppercase;
z-index: 100;
}
.node-box-advanced .box-advanced-button-front.button-position-left a {
left: 15px;
right: auto;
}
.yes-flip.node-box-advanced .box-card .box-generic-flip-button a{
left: auto;
right: 15px;
}
.node-box-advanced .box-card .box-generic-flip-button.button-position-left a {
left: 15px;
right: auto;
}
.node-box-advanced .box-card .box-mark-front-text{
width:100%;
position:absolute;
bottom:0;
opacity:0.75;
filter:(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
text-align: center;
font-family: AkzidenzGrotesk-Light, Arial;
font-size: 18px;
line-height:1;
}
.node-box-advanced .content{
position:relative;
height: 100%;
}
.node-box-advanced .box-card{
position:relative;
height:100%;
}
.ie .node-box-advanced .box-card{
overflow:hidden;
}
.node-box-advanced .image-placeholder{
text-align: center;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.node-box-advanced .box-advanced-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.node-box-advanced .image-placeholder img {
height: 100% !important;
width: 100% !important;
}
.node-box-advanced.full-hd-w-1 .image-placeholder{
padding: 0;
overflow: hidden;
}
.node-box-advanced div.facebook-button.button-position-right {
left: 15px;
}
.has-print-version .box-card .wrapper-download-files {
bottom: 48px;
}
/**
* Box -> Generic - Flip
*/
.yes-flip .content{
-moz-perspective: 800;
-webkit-perspective: 800;
overflow:hidden;
}
.no-csstransforms3d .yes-flip .content,
.safari5 .yes-flip .content,
.android-browser3 .yes-flip .content{
-webkit-perspective:none;
}
.yes-flip .box-card{
-webkit-transition: -webkit-transform linear 0.3s 0.2s;
-webkit-transform-style: preserve-3d;
-moz-transition: transform linear 0.3s 0.2s;
-moz-transform-style: preserve-3d;
}
.no-csstransforms3d .yes-flip .box-card,
.safari5 .yes-flip .box-card,
.android-browser3 .yes-flip .box-card {
-webkit-transition:none;
overflow:hidden;
}
.yes-flip .box-card .box-highlight-front,
.yes-flip .box-card .box-advanced-front,
.yes-flip .box-card .box-brand-front,
.yes-flip .box-card .box-product-front {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.no-csstransforms3d .yes-flip .box-card .box-advanced-front,
.safari5 .yes-flip .box-card .box-advanced-front,
.android-browser3 .yes-flip .box-card .box-advanced-front,
.no-csstransforms3d .yes-flip .box-card .box-brand-front,
.safari5 .yes-flip .box-card .box-brand-front,
.android-browser3 .yes-flip .box-card .box-brand-front,
.no-csstransforms3d .node-box-product.yes-flip .box-card .box-product-front,
.safari5 .node-box-product.yes-flip .box-card .box-product-front,
.android-browser3 .node-box-product.yes-flip .box-card .box-product-front {
-webkit-backface-visibility: visible;
}
.yes-flip .box-card .box-highlight-front-text,
.yes-flip .box-card .box-advanced-front-text,
.yes-flip .box-card .box-brand-front-text,
.yes-flip .box-card .box-product-front-text {
/*-moz-backface-visibility: hidden;*/
-webkit-backface-visibility: hidden;
}
html.chrome .yes-flip .box-card .box-brand-front-text {
-webkit-backface-visibility: initial;
}
.no-csstransforms3d .yes-flip .box-card .box-highlight-front-text,
.safari5 .yes-flip .box-card .box-highlight-front-text,
.no-csstransforms3d .yes-flip .box-card .box-advanced-front-text,
.safari5 .yes-flip .box-card .box-advanced-front-text,
.android-browser3 .yes-flip .box-card .box-advanced-front-text,
.no-csstransforms3d .yes-flip .box-card .box-brand-front-text,
.safari5 .yes-flip .box-card .box-brand-front-text,
.android-browser3 .yes-flip .box-card .box-brand-front-text,
.no-csstransforms3d .yes-flip .box-card .box-product-front-text,
.safari5 .yes-flip .box-card .box-product-front-text,
.android-browser3 .yes-flip .box-card .box-product-front-text {
z-index:0;
}
.yes-flip .box-card.fliped,
.yes-flip .content:hover .box-card {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
}
.no-csstransforms3d .yes-flip .box-card.fliped,
.no-csstransforms3d .yes-flip .content:hover .box-card,
.safari5 .yes-flip .box-card.fliped,
.safari5 .yes-flip .content:hover .box-card,
.android-browser3 .yes-flip .box-card.fliped,
.android-browser3 .yes-flip .content:hover .box-card {
-webkit-transform: none;
-moz-transform: none;
}
.yes-flip .box-card .box-generic-flip{
position:absolute;
top:0;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height:100%;
width:100%;
}
.no-csstransforms3d .node.yes-flip .box-card .box-generic-flip,
.safari5 .node.yes-flip .box-card .box-generic-flip,
.android-browser3 .node.yes-flip .box-card .box-generic-flip{
-webkit-backface-visibility: visible;
-webkit-transform: none;
z-index:300;
}
.ie .yes-flip .box-card .box-generic-flip {
}
.box-card .box-generic-flip-title {
font-family: AkzidenzGrotesk-Light, Arial;
padding: 40px 30px 10px;
font-size: 26px;
line-height: 32px;
}
.box-card .box-generic-flip-text {
font-size: 16px;
line-height: 20px;
padding: 0 30px;
}
.yes-flip .box-card .box-generic-flip-upper {
position: absolute;
top: 0;
height:100%;
width:100%;
}
.yes-flip .box-card .box-generic-flip-upper a.box-anchor {
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.ie .yes-flip .box-card .box-generic-flip-upper {
position: static;
}
.no-csstransforms3d .yes-flip .box-card .box-generic-flip-upper,
.safari5 .yes-flip .box-card .box-generic-flip-upper,
.android-browser3 .yes-flip .box-card .box-generic-flip-upper{
z-index:1;
}
.yes-flip .box-card .image-placeholder{
height:100%;
overflow:hidden;
}
.yes-flip .box-card .box-brand-front .image-placeholder{
height:auto;
}
.yes-flip .box-card .box-generic-flip-button a{
background: #FFFFFF;
bottom: 15px;
left: 15px;
position: absolute;
text-decoration: none;
}
.no-csstransforms3d .yes-flip .box-card .box-generic-flip-button a,
.safari5 .yes-flip .box-card .box-generic-flip-button a,
.android-browser3 .yes-flip .box-card .box-generic-flip-button a{
z-index:1000;
}
.download-flip.full-hd-h-auto,
.download-flip.desktop-h-auto,
.download-flip.mobile-h-auto {
background-color: #fff;
}
.download-flip .box-card .box-generic-flip-upper {
position: static;
}
.box-card .box-generic-flip .box-generic-front-text,
.box-card .box-generic-flip .image-placeholder {
display: none;
}
.yes-flip .image-placeholder{
height:100%;
overflow:hidden;
}
.yes-flip .box-generic-front .image-placeholder {
width: 100%;
}
html.chrome .yes-flip .box-generic-front .image-placeholder {
position: inherit;
}
.yes-flip .box-generic-front .image-placeholder img {
display: block;
width: 80%;
}
/**
* Box -> Generic - Expanded
*/
.yes-expand.open .box-card{
display: none;
}
.yes-expand.yes-flip .box-expand{
text-decoration:none;
}
.yes-expand.yes-flip .box-card .box-generic-flip-button a{
height:auto;
}
.yes-expand .box-generic-expand{
position:relative;
display:none;
background:#FFF;
float: left;
width: 100%;
height: 100%;
}
.yes-expand .box-generic-expand-sidebar{
float: left;
width: 33.3%;
margin-top: 70px;
text-align: center;
}
.yes-expand .box-generic-expand-sidebar.no-image {
margin-top: 0;
}
.yes-expand .box-rating .box-generic-expand-sidebar{
width: 41.63%;
}
.yes-expand .box-rating .box-generic-expand-content{
width: 58.37%;
}
.yes-expand .box-generic-expand-content{
float: right;
width: 66.6%;
}
.yes-expand .box-generic-expand-content.no-image{
width: 95%;
}
.yes-expand.open{
min-height:300px;
height:auto;
}
.yes-expand .box-generic-expand-title{
font-size: 47px;
line-height: 1;
margin: 70px 0 30px;
position: relative;
}
.box-generic-expand .box-generic-expand-sub-title{
margin-left:5px;
margin-bottom: 30px;
font-size: 18px;
font-weight: bold;
}
.yes-expand .box-generic-expand-body{
font-size: 18px;
font-family: AkzidenzGrotesk-Light;
position: relative;
}
.yes-expand a.expand-close{
background-position: -130px -305px;
height: 95px;
position: absolute;
right: 0;
top: 0;
width: 95px;
}
/**
* Box -> Generic - Flip
*/
.box-card .box-generic-flip {
position: relative;
z-index: 100;
}
.box-card .box-generic-flip-title {
}
/**
* Box -> Produt - Expanded + Abas
*/
.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu{
text-align: center;
padding:0;
margin: 0 0 0 15px;
}
.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu li{
list-style:none;
height: 185px;
position: relative;
width: 185px;
display:block;
margin: 0 auto 20px;
cursor:pointer;
opacity:1;
filter:(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
color:#fff;
line-height:1.2;
}
.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu li.inactive{
opacity:0.75;
filter:(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
}
.yes-expand .box-generic-expand.expand-tabs .box-generic-expand-sidebar-menu .valign{
display: table-cell;
height: 185px;
padding: 0 5px;
position: relative;
vertical-align: middle;
width: 185px;
font-size: 26px;
}
.box-generic-expand-content div.active{
display: block;
margin-left: 10px;
margin-right: 30px;
}
.box-generic-expand-content div.inactive{
display:none;
}
.yes-expand .box-generic-expand-body{
font-size: 15px;
font-family: AkzidenzGrotesk-Light;
height:100%;
margin-left: 5px;
margin-bottom: 10px;
}
.has-like-button.yes-expand .box-generic-expand-body {
margin-bottom: 40px;
}
.yes-expand .box-generic-expand-body p {
margin-bottom: 20px;
color: #515151;
}
.yes-expand .box-expand{
text-decoration:none;
cursor:pointer;
height:100%;
}
/**
* Body Box
*/
.body-item .content {
background-color: #fff;
height: 100%;
}
.body-item .content .field-type-text-long {
padding: 50px 60px;
}
.body-h2,
.body-item .content h2 {
color: #ea1919;
font-size: 22px;
margin: 0 0 20px;
}
.body-h3,
.body-item .content h3 {
color: #ea1919;
font-size: 18px;
margin: 0 0 20px;
}
.body-h4,
.body-item .content h4 {
color: #ea1919;
font-size: 16px;
margin: 0 0 20px;
}
.body-paragraph,
.body-item .content p {
color: #515151;
font-size: 14px;
line-height: 21px;
margin: 0 0 20px;
}
.body-item .content li {
color: #515151;
font-size: 14px;
}
.body-item .content ol,
.body-item .content ul {
padding-left: 20px;
}
.body-item .content td{
color: #515151;
font-size: 14px;
}
/* Error Pages */
.page-node-1821 .body-item .content,
.page-node-1822 .body-item .content {
background: none;
}
.page-node-1821 .body-item .content .field-type-text-long,
.page-node-1822 .body-item .content .field-type-text-long {
padding: 0;
}
.page-node-1821 .body-item .content p {
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
.not-logged-in.page-node-1821 .body-item .content p span.logged-in {
display: none;
}
.logged-in.page-node-1821 .body-item .content p span.not-logged-in {
display: none;
}
.page-node-1821 .body-item .content p span.not-logged-in,
.page-node-1821 .body-item .content p span.logged-in {
margin-left: 60px;
display: block;
}
.body-item .content a.button-home {
color: #fff;
font-size: 24px;
line-height: 60px;
height: 65px;
padding: 0 25px;
background-color: #F30617;
display: inline-block;
text-decoration: none;
clear: both;
}
/* Facebook Button */
div.facebook-button {
position: absolute;
bottom: 15px;
right: 15px;
height: 21px;
max-width: 130px;
}
div.wrapper-share-by-email .facebook-button {
position: relative;
bottom: 0;
float: right;
height: auto;
}
div.facebook-button iframe {
width: 89px;
height: 21px;
overflow: hidden;
border: none;
}
div.facebook-button span {
width: 89px;
height: 21px;
overflow: hidden;
}
.social-recommend-button div.facebook-button iframe {
width: 122px;
}
div.yes-expand div.facebook-button {
display: none;
}
div.yes-expand.open div.facebook-button {
display: block;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }
/* Box Agenda and Reminders */
.node-box-reminders,
.node-box-agenda {
background-color: #2e6192;
color: #fff;
font-size: 14px;
}
.node-box-reminders div.alert-box-title-wrapper,
.node-box-agenda div.alert-box-title-wrapper {
font-size: 30px;
line-height: 60px;
padding: 0 30px;
border-bottom: 1px solid #fff;
}
.node-box-reminders div.agenda-box-wrapper ul,
.node-box-agenda div.agenda-box-wrapper ul {
margin: 0;
padding: 0;
list-style: none;
}
.node-box-reminders div.agenda-box-wrapper ul li,
.node-box-agenda div.agenda-box-wrapper ul li {
padding: 15px 30px;
border-bottom: 1px solid #234566;
position: relative;
}
.node-box-agenda div.agenda-box-wrapper ul li.event-added {
background-color: #234566;
border-bottom: 1px solid #2e6192;
color: #346da4;
}
.node-box-agenda div.agenda-box-wrapper ul li.event-added div.box-agenda-description {
color: #fff;
}
.node-box-agenda div.agenda-box-wrapper ul li.event-added div.add-msg p {
margin-bottom: 5px;
font-weight: bold;
padding-left: 21px;
margin-left: -21px;
background-position: 0px -1002px;
color: #fff;
font-size: 18px;
line-height: 22px;
}
.node-box-reminders div.agenda-box-wrapper ul li.no-events,
.node-box-agenda div.agenda-box-wrapper ul li.no-events {
font-size: 17px;
border-bottom: 0;
}
.node-box-agenda div.agenda-box-wrapper ul li div.event-title {
font-size: 16px;
margin-right: 200px;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons,
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons {
position: absolute;
right: 30px;
top: 15px;
max-width: 210px;
}
.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 {
color: #fff;
font-size: 11px;
display: block;
float: left;
}
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.expand-description {
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.expand-description:hover {
-moz-opacity: 1;
opacity:1;
filter: alpha(opacity=100);
}
.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 {
color: #fff;
padding: 0 15px;
background-color: #2d5879;
display: block;
text-decoration: none;
float: right;
margin-left: 5px;
}
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.button:hover {
background-color: #3e6c90;
}
.node-box-agenda div.agenda-box-wrapper ul li div.event-buttons a.button:active {
background-color: #20445f;
}
.node-box-reminders div.agenda-box-wrapper li div.box-agenda-description,
.node-box-agenda div.agenda-box-wrapper li div.box-agenda-description {
margin-top: 30px;
}
.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: 30px 0 5px;
font-weight: bold;
}
.node-box-reminders div.agenda-box-wrapper a.see-more-link,
.node-box-agenda div.agenda-box-wrapper a.see-more-link {
color: #2e6192;
font-size: 14px;
line-height: 28px;
height: 28px;
padding: 0 15px;
background-color: #fff;
display: block;
text-decoration: none;
float: right;
margin: 10px 30px 20px;
}
.node-box-reminders div.agenda-box-wrapper a.see-more-link:hover,
.node-box-agenda div.agenda-box-wrapper a.see-more-link:hover {
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
/* Box Reminders */
.node-box-reminders {
background-color: #6fbebb;
}
.node-box-reminders div.agenda-box-wrapper ul li{
border-bottom: 1px solid #3d7080;
line-height: 23px;
}
.node-box-reminders div.agenda-box-wrapper ul li.event-canceled {
background-color: #3a7775;
border-bottom: 1px solid #6fbebb;
font-weight: bold;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons {
top: 12px;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-info {
margin-right: 110px;
}
.node-box-reminders div.agenda-box-wrapper ul li a{
text-decoration: none;
color: #fff;
}
.node-box-reminders div.agenda-box-wrapper li div.field-name-field-event-date {
float: left;
margin-right: 5px;
font-weight: bold;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a.button {
background-color: #397877;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a.button:hover {
background-color: #80bab9;
}
.node-box-reminders div.agenda-box-wrapper ul li div.event-buttons a.button:active {
background-color: #1e4746;
}
.node-box-reminders div.agenda-box-wrapper a.see-more-link {
color: #2d6664;
}
/* Box Poll */
.node-box-poll {
background-color: #fff;
}
.node-box-poll .content {
padding: 50px;
}
.node-box-poll .poll-box-wrapper h3 {
font-size: 45px;
line-height: 50px;
margin: 0 0 20px;
color: #F30617;
}
.node-box-poll .poll-box-question {
font-size: 26px;
line-height: 28px;
color: #3a3a3a;
}
.node-box-poll .poll-box-question p {
margin-bottom: 0;
}
.node-box-poll .poll-box-wrapper ul {
padding: 0;
margin: 0 0 40px;
overflow: hidden;
}
.node-box-poll .poll-box-wrapper li {
list-style: none;
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #454545;
margin-right: 30px;
margin-top: 15px;
}
.node-box-poll .poll-box-wrapper li p{
display: inline;
}
.node-box-poll .poll-box-wrapper li label {
cursor: pointer;
}
.node-box-poll .poll-box-wrapper li input {
margin-left: 1px;
}
.node-box-poll .poll-box-wrapper a.vote-link {
color: #fff;
font-size: 20px;
line-height: 40px;
height: 40px;
padding: 0 25px;
background-color: #F30617;
display: inline-block;
text-decoration: none;
clear: both;
cursor: default;
-moz-opacity: 0.65;
opacity:.65;
filter: alpha(opacity=65);
}
.node-box-poll .poll-box-wrapper a.vote-link.enable {
cursor: pointer;
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=1);
}
.node-box-poll .poll-box-wrapper a.vote-link.enable:hover {
background-color: #ba1104;
}
/* Result */
.node-box-poll .poll-box-wrapper ul.poll-results {
margin-bottom: 0;
}
.node-box-poll .poll-box-wrapper ul.poll-results li {
float: none;
margin-right: 0;
margin-top: 30px;
}
.node-box-poll .poll-box-wrapper ul.poll-results li:first-child {
margin-top: 20px;
}
.node-box-poll .poll-box-wrapper ul.poll-results li div.result-bar {
width: 100%;
background-color: #e1e1e1;
height: 24px;
margin-top: 5px;
}
.node-box-poll .poll-box-wrapper ul.poll-results li div.result-bar div.result-bar-size {
background-color: #F30617;
height: 24px;
width: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* Box Alert */
.box-alert {
background-color: #F30617;
color: #fff;
}
.box-alert.open {
background-color: #fff;
color: #404040;
height: auto;
}
.box-alert a.box-expand {
padding: 25px;
color: #fff;
display: block;
overflow: hidden;
text-decoration: none;
font-size: 24px;
line-height: 34px;
}
.box-alert .alert-icon {
background-position: 0 -300px;
width: 92px;
height: 80px;
float: left;
margin-right: 20px;
}
.box-alert.open .alert-icon {
background-position: 0 -408px;
margin-left: 25px;
margin-bottom: 15px;
}
.box-alert .box-alert-expand {
padding: 25px 0;
font-size: 18px;
line-height: 22px;
}
.box-alert .alert-box-body-wrapper {
clear: both;
border-top: 1px solid #b3b3b3;
padding: 40px 25px 0;
}
.box-alert .alert-box-body-wrapper .event-date,
.box-alert .alert-box-body-wrapper .event-when {
margin-bottom: 20px;
}
.box-alert .alert-box-title-wrapper {
font-size: 24px;
line-height: 26px;
color: #F30617;
margin-top: 0;
margin-right: 95px;
}
.box-alert a.expand-close {
background-position: -130px -305px;
height: 95px;
position: absolute;
right: 0;
top: 0;
width: 95px;
background-color: #F30617;
}
.box-alert .button-see-more {
color: #F30617;
background-color: #fff;
display: inline-block;
position: absolute;
right: 15px;
bottom: 15px;
text-transform: uppercase;
}
/* Search */
#results-content {
width: 65.9%;
float: left;
background-color: #fff;
margin: 5px 0.5%;
}
#results-content .results{
padding: 50px 0 30px;
}
#results-content .results h2 {
color: #F30617;
font-size: 36px;
line-height: 40px;
margin-bottom: 50px;
padding-left: 50px;
text-transform: uppercase;
}
#results-content .results .search-result-item {
margin-bottom: 20px;
border-bottom: 1px solid #989898;
padding: 0 50px 20px;
}
#results-content .results .search-result-item .search-date {
color: #F30617;
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
}
#results-content .results .search-result-item h3 {
color: #535353;
font-size: 20px;
line-height: 22px;
margin: 0 0 5px;
}
#results-content .results .search-result-item h3 a{
color: #535353;
text-decoration: none;
}
#results-content .results .search-result-item h3 a:hover{
text-decoration: underline;
}
#results-content .results .search-result-item .search-snippet p {
color: #535353;
font-size: 16px;
line-height: 18px;
margin: 0 0 15px;
}
#results-content .results .search-result-item a.button {
color: #fff;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
#results-content .results .search-result-item a.button:hover {
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
#results-content a.load-more {
background-color: #a5a5a5;
height: 64px;
font-size: 24px;
line-height: 64px;
color: #fff;
display: block;
margin: 0 auto 40px;
width: 80%;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
#results-content a.load-more:hover {
background-color: #959595;
}
#results-content a.load-more.loading-results:hover,
#results-content a.load-more.loading-results {
-moz-opacity: 0.60;
opacity:.60;
filter: alpha(opacity=60);
cursor: wait;
background-color: #a5a5a5;
}
/* Div Separetor - load more */
#isotope-container .separator-items{
margin: 0;
height: 0;
}
/* Search Form */
#jnj-tiles-search-gsa-form {
clear: both;
margin: 0 0.5% 20px;
}
#jnj-tiles-search-gsa-form input.form-text {
height: 52px;
max-width: 635px;
width: 70%;
padding-right: 40px;
border: 1px solid #909090;
font-size: 24px;
color: #2e2d2d;
line-height: 52px;
float: left;
margin-right: 15px;
text-indent: 20px;
background-position: 100% -331px;
}
#jnj-tiles-search-gsa-form input.form-submit {
color: #fff;
font-size: 24px;
line-height: 50px;
height: 54px;
padding: 0 25px;
background-color: #F30617;
display: inline-block;
text-decoration: none;
border: none;
margin-top: 1px;
text-transform: uppercase;
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
#jnj-tiles-search-gsa-form input.form-submit.active {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
cursor: pointer
}
/**
* Box -> News
*/
.node-box-news {
background-color: #fff;
font-size: 36px;
line-height: 40px;
color: #717171;
overflow: hidden;
}
.node-box-news.open {
height: auto;
}
.node-box-news .content{
padding: 20px;
}
.node-box-news .pmi-text-button-wrapper .image-placeholder {
float: left;
margin-right: 30px;
max-width: 50%;
}
.node-box-news .box-news-text {
padding-top: 20px;
}
.node-box-news .pmi-button-wrapper {
position: absolute;
right: 15px;
bottom: 15px;
}
.node-box-news .pmi-button-wrapper a {
color: #fff;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
.node-box-news .pmi-button-wrapper a:hover {
-moz-opacity: 0.75;
opacity:.75;
filter: alpha(opacity=75);
}
.node-box-news a.expand-close{
background-position: -130px -305px;
background-color: #F30617;
height: 95px;
position: absolute;
right: 0;
top: 0;
width: 95px;
}
.node-box-news .box-news-expand-title {
font-size: 47px;
line-height: 50px;
margin-bottom: 30px;
margin-top: 30px;
margin-right: 40px;
}
.node-box-news .box-news-expand-sub-title {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
color: #545454;
font-weight: bold;
}
.node-box-news .box-news-expand-body p {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
color: #545454;
}
.node-box-news .facebook-button {
bottom: 15px;
line-height: 21px;
left: 15px;
}
.node-box-news.yes-expand .facebook-button {
left: auto;
right: 15px;
}
/**
* Box -> News - Text
*/
.node-box-news .content .news-box {
padding: 40px;
}
.node-box-news .news-box .news-local-date {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
color: #ea1919;
}
.node-box-news .news-box .news-title {
font-size: 36px;
line-height: 40px;
margin-bottom: 20px;
color: #ea1919;
}
.node-box-news .news-box .news-summary {
font-size: 20px;
line-height: 26px;
color: #545454;
}
/**
* Box -> News - Expanded + Abas
*/
.node-box-news .box-news-expand-sidebar {
float: left;
width: 29%;
text-align: center;
margin-right: 3%;
}
.node-box-news .box-news-expand-content{
float: right;
width: 68%;
}
.node-box-news .box-news-expand-content.no-image{
float: inherit;
padding: 0 4%;
width: 92%;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu{
text-align: center;
padding:0;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu li{
list-style:none;
height: 164px;
position: relative;
width: 164px;
display:block;
margin: 0 auto 20px;
cursor:pointer;
opacity:1;
filter:(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
color:#fff;
line-height:1.2;
background-color: #F30617;
overflow: hidden;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu li.inactive{
opacity:0.75;
filter:(opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
background-color: #ebe7e5;
color: #505050;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu .valign{
display: table-cell;
height: 164px;
padding: 0 5px;
position: relative;
vertical-align: middle;
width: 164px;
font-family: AkzidenzGrotesk-Light;
font-size:26px;
}
.node-box-news .box-news-expand.expand-tabs .box-news-expand-sidebar-menu .valign span{
width:164px;
}
.box-news-expand-content div.active{
display:block;
margin-right: 10px;
margin-left: 10px;
}
.box-news-expand-content div.inactive{
display:none;
}
.node-box-news .box-news-expand-body{
font-size: 18px;
font-family: AkzidenzGrotesk-Light;
height:100%;
margin-bottom: 20px;
}
.node-box-news .box-expand{
text-decoration:none;
cursor:pointer;
height:100%;
}
/**
* Box -> Box Category
*/
.node-box-category {
background-color: #fff;
overflow: hidden;
position: relative;
}
.node-box-category a {
text-decoration: none;
}
.node-box-category .box-category-front-text {
float: left;
font-size: 40px;
line-height: 145px;
color: #b5b5b5;
padding-left: 40px;
position: relative;
z-index: 2;
}
.node-box-category .image-placeholder img {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
.node-box-category .box-category-flip {
width: 100%;
position: absolute;
color: #fff;
display: none;
z-index: 10;
}
.node-box-category .box-category-flip-title {
font-family: AkzidenzGrotesk-Light, Arial;
padding: 3px 20px;
font-size: 30px;
line-height: 40px;
margin-top: 20px;
}
.node-box-category .box-category-flip-text {
font-size: 18px;
line-height: 20px;
padding: 0 20px;
}
.node-box-category .box-category-flip-button_wrapper {
position: absolute;
left: 20px;
bottom: 10px;
}
.node-box-category .box-category-flip-button_wrapper a {
background-color: #fff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
.node-box-category .box-category-flip a.box-anchor {
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.group-categories-box {
position: absolute;
right: 5px;
width: 1230px;
margin: 0 0 0 5px !important;
}
.group-categories-box .node-box-category {
width: 100%;
float: left;
margin: 5px 0;
}
/* Corner Stamp */
.cornerstamp-box {
position: absolute !important;
right: 5px;
margin: 5px 0;
}
/**
* Box -> Box FAQ
*/
.node-box-faq {
background-color: #fff;
overflow: hidden;
position: relative;
}
.node-box-faq .faq-box-title-wrapper {
font-size: 36px;
line-height: 40px;
margin: 35px 0 20px 30px;
color: #F30617;
}
.node-box-faq .faq-box-search-wrapper {
margin: 0 30px 20px;
overflow: hidden;
}
.node-box-faq .faq-box-search-wrapper input.search-faq {
height: 20px;
max-width: 635px;
width: 60%;
border: 1px solid #c0c0c0;
font-size: 13px;
padding: 11px 10% 11px 0;
color: #2e2d2d;
line-height: 20px;
float: left;
margin-right: 5px;
text-indent: 10px;
background-position: 102% -336px;
}
.node-box-faq .faq-box-search-wrapper input#button-search-faq {
font-size: 20px;
line-height: 40px;
display: inline-block;
float: right;
height: 44px;
padding: 0 15px;
cursor: auto;
text-decoration: none;
text-transform: uppercase;
opacity: .75;
color: #fff;
border: none;
background-color: #f30617;
-moz-opacity: .75;
filter: alpha(opacity=75);
}
.node-box-faq .faq-box-search-wrapper input#button-search-faq.active {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
cursor: pointer
}
.node-box-faq .faq-elements {
margin: 0;
padding: 0;
border-bottom: 1px solid #c0c0c0;
clear: both;
}
.node-box-faq .faq-elements li{
border-top: 1px solid #c0c0c0;
padding: 20px 30px;
list-style: none;
overflow: hidden;
position: relative;
}
.node-box-faq .faq-elements li.no-results {
color: #7a7a7a;
font-size: 22px;
line-height: 26px;
}
.node-box-faq .faq-elements li .faq-question {
color: #515151;
font-size: 22px;
line-height: 26px;
width: 70%;
float: left;
margin-bottom: 10px;
font-weight: bold;
}
.node-box-faq .faq-elements li .faq-answer {
color: #7a7a7a;
font-size: 16px;
line-height: 20px;
width: 70%;
float: left;
margin-bottom: 20px;
}
.node-box-faq li .faq-buttons a {
position: absolute;
right: 20px;
bottom: 20px;
}
.node-box-faq .see-more-link,
.node-box-faq li .faq-buttons a {
color: #fff;
min-width: 80px;
text-align: center;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
.node-box-faq li .faq-buttons a.expand-close {
background-position: -130px -305px;
height: 95px;
position: absolute;
right: 0;
top: 0;
width: 95px;
background-color: #F30617;
padding: 0;
margin: 0;
}
.node-box-faq .see-more-link {
margin-right: 20px;
float: right;
margin-top: 20px;
margin-bottom: 20px;
}
/**
* All Boxes -> Download List
*/
.wrapper-download-files {
padding: 0;
margin:0;
}
.wrapper-download-files li {
list-style: none;
font-size: 24px;
line-height: 33px;
padding-bottom: 10px;
border-bottom: 1px solid #656565;
margin-bottom: 10px;
overflow: hidden;
}
.full-hd-w-1 .wrapper-download-files li {
font-size: 18px;
padding-bottom: 15px;
overflow: hidden;
}
.wrapper-download-files li a {
text-decoration: none;
}
.wrapper-download-files li span.icon {
width: 33px;
height: 33px;
display: block;
margin-right: 10px;
float: left;
border-radius: 3px;
background-position: 4px -503px;
}
.full-hd-w-1 .wrapper-download-files li span.icon {
margin-right: 5px;
}
.node ul.wrapper-download-files li.wrapper-download-file-pdf {
list-style: none;
font-size: 14px;
line-height: 16px;
padding-top: 5px;
color: #4c4b4b;
overflow: hidden;
}
ul.wrapper-download-files li.wrapper-download-file-pdf,
.wrapper-download-files li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.full-hd-w-1 ul.wrapper-download-files li.wrapper-download-file-pdf {
font-size: 14px;
padding-top: 5px;
}
.node ul.wrapper-download-files li.wrapper-download-file-pdf span.pdf-icon {
width: 33px;
height: 33px;
display: block;
margin-right: 15px;
float: left;
border-radius: 3px;
background-position: -98px -504px;
}
.full-hd-w-1 ul.wrapper-download-files li.wrapper-download-file-pdf span.pdf-icon {
margin-right: 0;
}
.wrapper-download-files li.wrapper-download-file-pdf span.pdf-description {
color: #4c4b4b;
display: block;
font-weight: normal;
width: 225px;
float: left;
}
.full-hd-w-1 .wrapper-download-files li.wrapper-download-file-pdf span.pdf-description {
width: 200px;
}
/**
* All Boxes -> Download List -> Custom for boxes
*/
.node-box-campaign .wrapper-download-files {
background: none repeat scroll 0 0 #FFFFFF;
bottom: 0;
position: absolute;
width: 94%;
padding: 20px 3% 0;
}
.node-box-campaign.has-print-version ul.wrapper-download-files {
bottom: 60px;
}
.node-box-background-image-text .wrapper-download-files {
margin-right: 15px;
margin-top: 15px;
}
.node-box-background-image-text .wrapper-download-files li.wrapper-download-file-pdf {
background-color: #fff;
}
.box-card .wrapper-download-files {
background: none repeat scroll 0 0 #FFFFFF;
bottom: 0;
position: absolute;
width: 100%;
padding: 0;
}
.box-card .wrapper-download-files li {
padding: 15px;
}
/* Drupal messages */
#messages .messages {
clear: both;
}
#messages .messages {
margin: 5px;
background: #FFF;
text-decoration: none;
color: #333;
padding: 15px 20px;
}
#messages .messages.status,
#messages .messages.error {
color: #FFF;
background: #F30617;
font-weight: bold;
}
#messages .messages ul {
margin: 0;
padding: 0;
}
/**
* All Boxes -> Share by email
*/
.wrapper-share-by-email {
clear: both;
margin: 20px 20px 20px 33.3%;
overflow: hidden;
padding-left: 10px;
}
.wrapper-share-by-email .share-by-email {
overflow: hidden;
}
.wrapper-share-by-email .share-by-email .facebook-button {
bottom: auto;
}
.wrapper-share-by-email .share-by-email a {
width: 40px;
height: 40px;
display: block;
margin-right: 15px;
float: left;
border-radius: 3px;
background-position: -138px -500px;
}
.wrapper-share-by-email .wrapper-share-by-email-form {
position: relative;
}
.wrapper-share-by-email .wrapper-share-by-email-form .form-title {
margin-top: 60px;
padding-top: 30px;
border-top: 1px solid #2f2f2f;
color: #F30617;
font-size: 24px;
line-height: 24px;
margin-bottom: 30px;
}
.wrapper-share-by-email .wrapper-share-by-email-form label {
color: #3a3a3a;
font-size: 18px;
line-height: 50px;
height: 50px;
width: 39%;
text-align: right;
margin-right: 2%;
display: block;
float: left;
}
.wrapper-share-by-email .wrapper-share-by-email-form input {
color: #3a3a3a;
font-size: 20px;
line-height: 50px;
height: 50px;
margin-right: 10px;
text-indent: 10px;
display: block;
border: 1px solid #828282;
width: 59%;
margin-bottom: 24px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper-share-by-email .wrapper-share-by-email-form input.error-share-by-email {
border: 1px solid #e14336;
background-color: #fbd8d7;
}
.wrapper-share-by-email .wrapper-share-by-email-form .warning-form {
color: #df3729;
font-size: 14px;
float: left;
text-transform: uppercase;
}
.wrapper-share-by-email .wrapper-share-by-email-form .msg-error {
margin-top: -22px;
position: absolute;
left: 41%;
font-size: 14px;
line-height: 14px;
color: #df3729;
}
.wrapper-share-by-email .wrapper-share-by-email-form .msg {
color: #3a3a3a;
font-size: 24px;
padding-top: 130px;
min-height: 166px;
}
.logged-in .wrapper-share-by-email .wrapper-share-by-email-form .msg {
padding-top: 56px;
min-height: 92px;
}
.wrapper-share-by-email .wrapper-share-by-email-form .button-back a,
.wrapper-share-by-email .wrapper-share-by-email-form .button-send a {
color: #fff;
text-align: center;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
float: right;
}
.wrapper-share-by-email .disclaimer p{
font-size: 13px;
line-height: 20px;
}
.wrapper-share-by-email .disclaimer p a{
color: #F30617;
}
/**
* Page News
*/
.page-news a.load-more {
background-color: #a5a5a5;
height: 60px;
font-size: 24px;
line-height: 60px;
color: #fff;
display: block;
margin: 40px auto 30px;
width: 80%;
max-width: 960px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.page-news a.load-more:hover {
background-color: #959595;
}
.page-news a.load-more.loading-results:hover,
.page-news a.load-more.loading-results {
-moz-opacity: 0.60;
opacity:.60;
filter: alpha(opacity=60);
cursor: wait;
background-color: #a5a5a5;
}
/**
* Box -> Box Tags
*/
.node-box-tags {
background-color: #fff;
overflow: hidden;
}
.node-box-tags .content {
padding: 30px 30px 0px 30px;
}
.node-box-tags .tag-box-title-wrapper {
font-size: 36px;
line-height: 36px;
margin: 0 0 30px;
color: #F30617;
text-transform: uppercase;
}
.node-box-tags .lines-tag {
padding: 0;
margin: 0;
}
.node-box-tags .lines-tag li {
padding: 0;
margin: 0;
font-size: 24px;
line-height: 24px;
list-style: none;
margin-bottom: 25px;
}
.node-box-tags .lines-tag li a {
text-decoration: none;
color: #000;
}
.node-box-tags .lines-tag li:hover {
cursor: pointer;
}
.node-box-tags .lines-tag li:hover a,
.node-box-tags .lines-tag li a:hover {
text-decoration: underline;
}
.node-box-tags a.see-all-tags {
color: #fff;
text-align: center;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
/**
* Form
*/
#custom-page-container {
width: 1230px;
float: left;
background-color: #fff;
margin: 5px 5px;
min-height: 610px;
}
#custom-page-container .form-header {
margin-bottom: 50px;
}
#custom-page-container .form-header h2 {
color: #F30617;
font-size: 36px;
line-height: 40px;
margin: 0 0 5px;
font-weight: normal;
}
#custom-page-container .form-header p {
color: #5e5e5e;
font-size: 20px;
line-height: 26px;
max-width: 1080px;
margin-bottom: 15px;
}
.jnj-plusoft-form {
padding: 35px 50px;
overflow: hidden;
}
.jnj-plusoft-form .edit-contact-us,
.jnj-plusoft-form .edit-forgot-password,
.jnj-plusoft-form .edit-privacy-policy,
.jnj-plusoft-form .edit-profile,
.jnj-plusoft-form .one-step,
.jnj-plusoft-form .two-steps {
position: relative;
}
.jnj-plusoft-form label {
width: 24%;
margin-right: 1%;
text-align: right;
float: left;
font-size: 20px;
line-height: 40px;
color: #4b4b4b;
}
.jnj-plusoft-form .form-item-regional-counsel-number label {
font-size: 20px;
line-height: 25px;
}
.jnj-plusoft-form .form-type-checkbox label,
.jnj-plusoft-form .form-type-radios label {
width: 75%;
text-align: left;
float: left;
margin-left: 13%;
}
.jnj-plusoft-form .form-type-radios .form-item {
margin-bottom: 40px;
}
.jnj-plusoft-form .form-type-checkbox label,
.jnj-plusoft-form .form-type-radios .form-item label {
line-height: 33px;
margin-left: 0;
cursor: pointer;
}
.jnj-plusoft-form .form-type-radios .form-item label {
padding-left: 13%;
background-position: 11% -557px;
}
.jnj-plusoft-form .form-type-radios .form-item label.checked {
background-position: 11% -424px;
}
.jnj-plusoft-form .form-item {
margin-bottom: 10px;
clear: both;
overflow: hidden;
line-height: 50px;
}
.jnj-plusoft-form a {
color: #df3729;
text-decoration: none;
}
.jnj-plusoft-form a:hover {
text-decoration: underline;
}
.jnj-plusoft-form a#edit-search-postal-code {
left: 575px;
margin-bottom: 40px;
margin-top: -40px;
position: absolute;
color: #4b4b4b;
text-decoration: underline;
font-size: 14px;
}
.jnj-plusoft-form .inline-error + a#edit-search-postal-code {
margin-top: -60px;
}
.jnj-plusoft-form a#edit-search-postal-code:hover {
text-decoration: none;
}
.jnj-plusoft-form textarea,
.jnj-plusoft-form input {
color: #3a3a3a;
font-size: 18px;
line-height: 38px;
height: 40px;
width: 580px;
text-indent: 10px;
display: block;
border: 1px solid #949494;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: 1px 1px 1px #888888 inset;
-webkit-box-shadow: 1px 1px 1px #888888 inset;
box-shadow: 1px 1px 1px #888888 inset;
}
.jnj-plusoft-form textarea {
height: 250px;
max-width: 580px;
width: 100%;
text-indent: 0;
padding: 10px;
line-height: 28px;
}
.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: 415px;
}
.jnj-plusoft-form input#edit-current-password,
.jnj-plusoft-form input#edit-regional-counsel-number,
.jnj-plusoft-form input#edit-mobile-phone-number,
.jnj-plusoft-form input#edit-postal-code,
.jnj-plusoft-form input#edit-password-confirmation,
.jnj-plusoft-form input#edit-password,
.jnj-plusoft-form input[id^='edit-cpf'],
.jnj-plusoft-form input[id^='edit-date-of-birth'],
.jnj-plusoft-form input[id^='edit-home-phone-number']{
width: 270px;
}
.jnj-plusoft-form select#edit-address-state {
width: 170px;
}
.jnj-plusoft-form input#edit-graduation-year,
.jnj-plusoft-form input#edit-address-number {
width: 75px;
}
.jnj-plusoft-form .form-type-radios input.form-radio {
display: none;
}
.jnj-plusoft-form .form-type-checkbox {
margin-left: 25%;
margin-bottom: 20px;
}
.jnj-plusoft-form .form-type-checkbox input {
display: none;
}
.jnj-plusoft-form .form-type-checkbox label {
padding-left: 50px;
background-position: 0 -807px;
}
.jnj-plusoft-form .form-type-checkbox input.error + label {
background-position: 0 -902px;
}
.jnj-plusoft-form .form-type-checkbox input.error + label.checked,
.jnj-plusoft-form .form-type-checkbox label.checked {
background-position: 0 -722px;
}
.jnj-plusoft-form .scroll-content {
border: 1px solid #949494;
padding: 8px;
width: 65%;
-moz-box-shadow: 1px 1px 1px #888888 inset;
-webkit-box-shadow: 1px 1px 1px #888888 inset;
box-shadow: 1px 1px 1px #888888 inset;
float: left;
}
.jnj-plusoft-form .scroll-content .content {
overflow: auto;
height: 240px;
width: 97%;
padding: 20px 10px 10px;
font-size: 18px;
line-height: 24px;
}
.jnj-plusoft-form .scroll-content .content h4 {
font-size: 18px;
line-height: 24px;
margin: 0 0 15px;
color: #515151;
}
.jnj-plusoft-form .scroll-content .content h3,
.jnj-plusoft-form .scroll-content .content h2 {
font-size: 20px;
line-height: 26px;
margin: 0 0 15px;
color: #515151;
}
.jnj-plusoft-form .scroll-content .content p{
font-size: 16px;
line-height: 22px;
margin-bottom: 15px;
}
.jnj-plusoft-form .select-wrapper {
color: #3a3a3a;
font-size: 20px;
height: 40px;
display: block;
border: 1px solid #949494;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: 1px 1px 1px #888888 inset;
-webkit-box-shadow: 1px 1px 1px #888888 inset;
box-shadow: 1px 1px 1px #888888 inset;
width: 270px;
float: left;
overflow: hidden;
background-position: 225px -376px;
}
.jnj-plusoft-form .select-wrapper select {
width: 298px;
border: 0;
color: #3a3a3a;
font-size: 18px;
padding: 6px 0 5px;
display: block;
background: transparent;
text-indent: 2px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.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: 590px;
background-position: 545px -376px;
}
.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: 618px;
}
.jnj-plusoft-form .form-item-address-state .select-wrapper,
.jnj-plusoft-form .form-item-counsel-state .select-wrapper {
width: 75px;
background-position: 40px -376px;
}
.jnj-plusoft-form .form-item-address-state .select-wrapper select,
.jnj-plusoft-form .form-item-counsel-state .select-wrapper select {
width: 103px;
}
.jnj-plusoft-form .form-item-postal-code,
.jnj-plusoft-form #edit-privacy-policy-full-text,
.jnj-plusoft-form .form-type-radios.form-item-optin-news-email,
.jnj-plusoft-form .one-step .form-item-password,
.jnj-plusoft-form .edit-profile .password-text,
.jnj-plusoft-form .form-item-home-phone-number {
margin-top: 50px;
}
.jnj-plusoft-form .second-step .form-item-home-phone-number {
margin-top: 0;
}
.jnj-plusoft-form .edit-forgot-password .required-message,
.jnj-plusoft-form .edit-forgot-password .form-submit,
.jnj-plusoft-form .edit-contact-us .form-submit,
.jnj-plusoft-form .edit-contact-us .required-message,
.jnj-plusoft-form .second-step .form-submit,
.jnj-plusoft-form .second-step .required-message {
margin-top: 50px;
}
.jnj-plusoft-form .form-submit {
color: #fff;
font-size: 20px;
line-height: 38px;
height: 40px;
padding: 0 25px;
text-align: center;
background-color: #F30617;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
float: right;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
width: auto !important;
text-indent: 0;
}
.jnj-plusoft-form .required-message {
color: #df3729;
font-size: 16px;
float: left;
text-transform: uppercase;
margin-left: 13%;
margin-top: 10px;
}
.jnj-plusoft-form .facebook-forgot-password-message {
clear: both;
color: #515151;
font-size: 12px;
margin-left: 13%;
padding-top: 20px;
width: 470px;
}
.jnj-plusoft-form fieldset {
padding: 0;
margin: 0;
border: 0;
}
.jnj-plusoft-form .description {
clear: both;
line-height: 25px;
margin-left: 25%;
font-size: 14px;
}
.jnj-plusoft-form textarea.error,
.jnj-plusoft-form .select-wrapper.error,
.jnj-plusoft-form input.error {
border: 1px solid #e14336;
background-color: #fbd8d7;
margin-bottom: 20px;
}
.jnj-plusoft-form input#edit-password.error {
margin-bottom: 0;
}
.jnj-plusoft-form input#edit-password.error + .description {
margin-bottom: 15px;
}
.jnj-plusoft-form .form-type-checkbox.error {
margin-bottom: 30px;
}
.jnj-plusoft-form .inline-error {
margin-top: -24px;
position: absolute;
left: 25%;
font-size: 13px;
line-height: 13px;
color: #df3729;
text-transform: uppercase;
}
.jnj-plusoft-form .form-item-privacy-policy-check + .inline-error {
margin-top: -14px;
}
.jnj-plusoft-form .form-item-optin-news-emai {
margin-bottom: 20px;
}
.jnj-plusoft-form .form-item-optin-news-email + .inline-error {
left: 13%;
}
.success-page {
width: 100%;
height: 74px;
text-transform: uppercase;
margin: 70px 0;
}
.success-page p {
color: #4B4B4B;
font-size: 30px;
line-height: 72px;
text-align: center;
}
.success-page + .wrapper-button{
text-align: center;
}
.success-page + .wrapper-button a{
background-color: #F30617;
color: #FFFFFF;
font-family: AkzidenzGrotesk-Medium,Arial;
font-size: 20px;
padding: 8px 12px;
text-decoration: none;
}
/* Ajax Loader */
.jnj-plusoft-form .ajax-progress .message {
display: none;
}
.jnj-plusoft-form .ajax-progress,
.jnj-plusoft-form .ajax-loader {
background: url("images/ajax-loader.gif") no-repeat scroll center center #FFFFFF;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
-moz-opacity: 0.25;
opacity:.25;
filter: alpha(opacity=25);
}
.jnj-plusoft-form .form-item-postal-code {
position: relative;
}
.jnj-plusoft-form .form-item-postal-code .ajax-loader {
position: absolute;
height: 26px;
width: 26px;
display: none;
left: 685px;
top: 5px;
display: block;
-moz-opacity: 1;
opacity:1;
filter: alpha(opacity=100);
}
/* Scroll Customize */
.scroll-content .jspVerticalBar {
width: 27px;
}
.scroll-content .jspTrack {
background-color: #e6e6e6;
}
.scroll-content .jspDrag {
background-color: #F30617;
}
/**
* Print Link
*/
a.open-print-window {
text-decoration: none;
display: inline-block;
margin-top: 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a.open-print-window span.icon {
width: 33px;
height: 33px;
display: block;
margin-right: 10px;
float: left;
border-radius: 3px;
background-position: -184px -504px;
}
a.open-print-window span.print-button {
font-size: 24px;
line-height: 32px;
}
/**
* All Boxes -> Print Link -> Custom for boxes
*/
.node-box-campaign a.open-print-window {
background: none repeat scroll 0 0 #FFFFFF;
bottom: 0;
position: absolute;
width: 100%;
padding: 10px 3%;
}
.node-box-background-image-text a.open-print-window {
margin-right: 15px;
margin-top: 15px;
}
.box-card a.open-print-window {
background: none repeat scroll 0 0 #FFFFFF;
bottom: 0;
position: absolute;
width: 100%;
padding: 0;
padding: 15px;
}
.node-box-product .box-card a.open-print-window {
bottom: 60px;
}
.node-box-product.yes-flip .box-card a.open-print-window {
bottom: 0;
}
.node-box-product-image-text a.open-print-window {
margin-top: 0;
}
/* Icons Box with Expand */
.yes-expand .wrapper-share-by-email,
.yes-expand .wrapper-download-files,
.yes-expand a.open-print-window {
clear: both;
margin: 0 30px 10px;
padding-left: 0;
padding-top: 10px;
display: block;
}
.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 {
margin-left: 30%;
padding-left: 10px;
}
.yes-expand.open .wrapper-download-files li span.icon {
margin-right: 10px;
}
.yes-expand.open .wrapper-download-files li {
font-size: 24px;
}
/* Now All Icons are RED */
ul.wrapper-download-files span.icon,
a.open-print-window span.icon {
background-color: #F30617 !important;
}
a.open-print-window span.print-button,
ul.wrapper-download-files span.file-description {
color: #F30617 !important;
}
/**
* Box News List
*/
.node-box-news-list {
background-color: #fff;
}
.node-box-news-list .news-list-box-wrapper {
overflow: hidden;
}
.node-box-news-list .news-list-box-title-wrapper{
display: none;
}
.node-box-news-list ul.wrapper-list-news {
margin: 0;
padding: 0;
list-style: none;
}
.node-box-news-list ul.wrapper-list-news li.node-box-news-item {
border-bottom: 1px solid #868686;
padding: 50px 45px 20px;
}
.node-box-news-list .box-news-expand-content.no-image,
.node-box-news-list .node-box-news .content,
.node-box-news-list .node-box-news .content .news-box {
padding: 0;
}
.node-box-news-list .box-news-expand-content div.active {
margin: 0;
}
.node-box-news-list ul.wrapper-list-news .wrapper-share-by-email,
.node-box-news-list ul.wrapper-list-news a.open-print-window,
.node-box-news-list ul.wrapper-list-news .expand-tabs .wrapper-download-files,
.node-box-news-list ul.wrapper-list-news .wrapper-download-files {
padding: 0;
margin: 20px 0 0;
clear: both;
}
.node-box-news-list li.node-box-news-item div.news-local-date {
color: #F30617;
}
.node-box-news-list li.node-box-news-item div.news-title {
font-size: 20px;
line-height: 24px;
margin-bottom: 10px;
color: #535353;
}
.node-box-news-list li.node-box-news-item div.news-summary {
color: #535353;
}
.node-box-news-list li.node-box-news-item div.news-summary p {
margin-bottom: 10px;
font-size: 16px;
line-height: 20px;
}
.node-box-news-list li.node-box-news-item .pmi-button-wrapper {
position: static;
}
.node-box-news-list li.node-box-news-item .pmi-button-wrapper a {
float:left;
}
.node-box-news-list li.node-box-news-item .box-news-expand-title {
color: #535353;
font-size: 30px;
line-height: 30px;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
clear: both;
position: relative;
width: 85%;
z-index: 1000;
}
.node-box-news-list li.node-box-news-item .box-news-expand-sub-title {
color: #535353;
font-size: 20px;
line-height: 24px;
}
.node-box-news-list .box-news-expand.expand-tabs .box-news-expand-sidebar-menu {
margin-top: 0;
}
.node-box-news-list li.node-box-news-item span.icon {
background-color: #F30617;
}
.node-box-news-list li.node-box-news-item span.print-button,
.node-box-news-list li.node-box-news-item span.file-description {
color: #F30617;
}
.node-box-news-list a.see-all-tags {
background-color: #F30617;
color: #FFFFFF;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
float: right;
margin: 20px 20px 10px;
}
/**
* Contact Us Landing Page
*/
.page-contactenos-inicio .body-item .content {
background-color: #F30617;
color: #fff;
}
.page-contactenos-inicio .body-item .content .field-type-text-long {
/*padding: 50px 5%;*/
padding:30px;
overflow: hidden;
}
.page-contactenos-inicio .body-item .content p {
color: #fff;
}
.page-contactenos-inicio .body-item .content .contact-us-title {
margin-bottom: 60px;
}
.contact-us-title a {
color: #fff;
}
.page-contactenos-inicio .body-item .content .contact-us-title p {
/*font-size: 20px;
line-height: 30px;*/
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
}
.page-contactenos-inicio .body-item .content .contact-us-register {
width: 45%;
float: left;
font-size: 28px;
padding: 0 10% 0 3%;
margin-right: 5%;
border-right: 1px solid #fff;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contactenos-inicio .body-item .content .contact-us-register p {
/*font-size: 20px;
line-height: 30px;
margin-bottom: 30px;*/
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.page-contactenos-inicio .body-item .content .contact-us-register p.no-margin {
margin: 0;
line-height: 0;
font-size: 0;
}
.page-contactenos-inicio .body-item .content .contact-us-landing-page h3 {
/*font-size: 28px;
line-height: 42px;
margin: 0 0 30px;*/
color: #fff;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}
.page-contactenos-inicio .body-item .content .contact-us-register a.button-register {
background-color: #fff;
color: #F30617;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
}
.page-contactenos-inicio .body-item .content .contact-us-register .jnjplusoft-facebook-login{
margin-top:-15px;
}
.page-contactenos-inicio .body-item .content .contact-us-register .jnjplusoft-facebook-login a {
background-color: #fff;
background-position: 17px -1755px;
color: #F30617;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 30px;
padding: 0 15px;
text-decoration: none;
}
.page-contactenos-inicio .body-item .content .contact-us-register .jnjplusoft-facebook-login a:hover,
.page-contactenos-inicio .body-item .content .contact-us-login input.form-submit:hover,
.contact-us-login .box-form-template form .botao,
.page-contactenos-inicio .body-item .content .contact-us-register a.button-register:hover {
background-color: #f2d5d5;
}
/* Block Login */
.page-contactenos-inicio .body-item .content .contact-us-login {
width: 50%;
float: left;
position: relative;
}
.page-contactenos-inicio .body-item .content .contact-us-login h3 {
text-align: center;
/*margin-bottom: 40px;*/
margin-bottom: 20px;
}
/*
.page-contactenos-inicio .body-item .content .contact-us-login label{
font-size: 20px;
color: #fff;
width: 80px;
text-align: right;
margin-right: 15px;
margin-bottom: 10px;
display: inline-block;
}*/
.page-contactenos-inicio .body-item .content .contact-us-login .block-title,
.page-contactenos-inicio .body-item .content .contact-us-login label span{
display: none;
}
.page-contactenos-inicio .body-item .content .contact-us-login input.form-text{
font-size: 20px;
border: 0;
max-width: 330px;
width: 56%;
height: 40px;
line-height: 40px;
color: #5b5b5b;
text-indent: 15px;
margin-bottom: 10px;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.page-contactenos-inicio .body-item .content .contact-us-login input.error {
border: 1px solid #e14336;
background-color: #fbd8d7;
margin-bottom: 20px;
}
.page-contactenos-inicio .body-item .content .contact-us-login .inline-error {
margin-top: -19px;
margin-left: 100px;
position: absolute;
font-size: 12px;
line-height: 13px;
color: #df3729;
text-transform: uppercase;
}
.page-contactenos-inicio .body-item .content .contact-us-login .inline-error p {
font-size: 12px;
}
/* Update Button Plusoft - Begin */
.contact-us-login .box-form-template form .botao{
background-color: #fff !important;
color:#F30617;
}
.contact-us-login .box-form-template form .botao:hover{
background-color: #f2d5d5 !important;
box-shadow:0 0 0;
}
/* Update Button Plusoft - End */
.page-contactenos-inicio .body-item .content .contact-us-login input.form-submit {
background-color: #fff;
width: 110px;
height: 40px;
font-size: 20px;
color: #F30617;
border: none;
height: 40px;
position: absolute;
right: 0;
top: 132px;
}
.page-contactenos-inicio .body-item .content .contact-us-login a.forgot-password {
color: #fff;
margin: 0 0 0 100px;
font-size: 14px;
}
.page-contactenos-inicio .body-item .content .facebook-connect-landing-page {
clear: both;
padding-top: 30px;
text-align: center;
font-size: 18px;
line-height: 26px;
/*width: 1040px;*/
margin: 0 auto;
}
.page-contactenos-inicio .body-item .content .facebook-connect-landing-page a {
color: #fff;
}
.page-contactenos-inicio .body-item .content .facebook-connect-landing-page .bt-connect {
display: none;
}
/**
* Sitemap
*/
.page-sitemap #block-system-main {
padding: 80px 0;
}
.page-sitemap #custom-page-container ul {
padding: 0;
margin: 0;
}
.page-sitemap #custom-page-container li{
list-style: none;
font-size: 26px;
line-height: 1.2;
color: #F30617;
font-weight: bold;
padding: 30px 30px 0 130px;
border-bottom: 1px solid #ccc;
}
.page-sitemap #custom-page-container li.active-trail {
display: none;
}
.page-sitemap #custom-page-container li a{
text-decoration: none;
color: #F30617;
text-transform: uppercase;
margin-bottom: 30px;
display: block;
}
.page-sitemap #custom-page-container li a:hover {
text-decoration: underline;
}
.page-sitemap #custom-page-container li a[name=menu-brand] + ul li {
min-height: 240px;
}
.page-sitemap #custom-page-container li li{
list-style: none;
float: left;
font-size: 20px;
line-height: 1.2;
margin-right: 80px;
margin-bottom: 30px;
min-width: 250px;
padding: 0;
border: 0;
}
.page-sitemap #custom-page-container ul ul {
margin-top: 30px;
}
.page-sitemap #custom-page-container li li a {
color: #515151;
margin-bottom: 0;
}
.page-sitemap #custom-page-container li li li{
float: none;
font-size: 16px;
line-height: 1.2;
font-weight: normal;
margin-right: 0px;
margin-bottom: 0px;
min-height: 0 !important;
}
.page-sitemap #custom-page-container ul ul ul {
margin-top: 20px;
}
.page-sitemap #custom-page-container li li li a {
color: #515151;
text-transform: none;
margin-bottom: 20px;
}
/**
* External link
*/
.ui-widget-overlay {
background: #000;
position: fixed;
height: 100% !important;
width: 100% !important;
}
.extlink-message {
border: 0;
border-radius: 0;
background: #fff;
position: fixed;
top: 50% !important;
margin-top: -193px;
left: 50% !important;
margin-left: -265px !important;
width: 530px !important;
}
.extlink-message #extlink-window-container {
padding: 15px 25px;
height: auto !important;
width: 480px !important;
}
.extlink-message .ui-dialog-titlebar {
padding: 0;
border: 0;
border-radius: 0;
background: #F30617;
width: 30px;
height: 30px;
position: absolute;
top: 24px;
right: 28px;
z-index: 100;
}
.extlink-message .ui-dialog-titlebar .ui-dialog-titlebar-close {
height: 100%;
margin: 0;
padding: 0;
right: 0;
top: 0;
width: 100%;
}
.extlink-message .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
background: none;
border: 0;
-moz-opacity: 0.50;
opacity:.50;
filter: alpha(opacity=50);
}
.extlink-message .ui-dialog-titlebar .ui-dialog-titlebar-close span.ui-icon-closethick {
background-position: -207px -67px;
margin-left: 7px;
margin-top: 7px;
}
.extlink-message #extlink-window-container h3 {
color: #F30617;
font-size: 40px;
line-height: 1;
margin-top: 0;
margin-bottom: 40px;
text-transform: uppercase;
}
.extlink-message #extlink-window-container p {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
}
.extlink-message .ui-dialog-buttonpane {
border: 0;
width: 290px;
float: none;
margin: 0 auto;
padding: 0 0 30px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.extlink-message .ui-dialog-buttonset button {
background: #F30617;
width: 130px;
height: 30px;
font-size: 14px;
color: #fff;
border: none;
margin: 0;
border-radius: 0;
text-align: center;
text-transform: uppercase;
float: left;
}
.extlink-message .ui-dialog-buttonset button#extlink-ok-btn {
float: right;
}
.extlink-message .ui-dialog-buttonset button span {
padding: 0;
}
/**
* box Vagas
*/
.node-box-jobs {
background-color: #fff;
overflow: hidden;
position: relative;
}
.node-box-jobs .content h3 {
font-size: 36px;
line-height: 1;
margin: 35px 0 20px 30px;
color: #F30617;
}
.node-box-jobs .content h4 {
font-size: 18px;
color:#7a7a7a;
line-height: 1.5;
font-weight: bold;
}
.node-box-jobs .content .location {
font-size: 15px;
color:#5c5c5c;
line-height: 1.5;
font-weight: normal;
}
.node-box-jobs ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #c0c0c0;
clear: both;
}
.node-box-jobs ul > li {
border-top: 1px solid #c0c0c0;
padding: 20px 30px;
list-style: none;
overflow: hidden;
position: relative;
}
.node-box-jobs .content h4 {
margin: 0;
padding-right: 63px;
}
.node-box-jobs .see-more-link,
.node-box-jobs ul > li a {
background-color: #F30617;
color: #FFFFFF;
display: inline-block;
font-size: 10px;
font-weight: bold;
height: 24px;
line-height: 24px;
min-width: 55px;
padding: 0 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.node-box-jobs ul > li a.expand {
position: absolute;
bottom: 20px;
right: 20px;
}
.node-box-jobs .see-more-link{
float: right;
margin: 15px 20px;
}
.node-box-jobs ul > li a.expand-close {
background-position: -130px -305px;
height: 95px;
position: absolute;
right: 0;
top: 0;
width: 95px;
background-color: #F30617;
padding: 0;
margin: 0;
}
.node-box-jobs .buttons-apply-job{
margin-top: 10px;
}
.node-box-jobs .expanded-wrapper{
margin-top: 20px;
font-size: 14px;
color: #515151;
}
body.section-politica-de-privacidade-0 #content .content ul {
margin-left:30px;
}
body.section-politica-de-privacidade-0 #content .content ul li {
margin:5px 0;
}
body.section-politica-de-privacidade-0 #content .content ul.without-bullets li {
list-style:none;
}
body.section-politica-de-privacidade-0 #content .content p.small {
font-size:10px;
line-height:16px;
margin:30px 0 0 0;
}
html.chrome #main-content sup{
position:inherit;
vertical-align:5px;
}
/**
* Product Rating
*/
.wrapper-rating {
padding: 4px 15px 49px 15px;
clear: both;
font-size: 14px;
cursor: pointer;
}
.not-logged-in .wrapper-rating-form-message,
.logged-in .wrapper-rating-form-field{
display:block;
}
.not-logged-in .wrapper-rating-form-field,
.logged-in .wrapper-rating-form-message{
display:none;
}
.wrapper-rating-return{
display: block;
width: 100%;
text-align: center;
color: #2bb6c9;
}
.wrapper-rating .error{
color: #FF0000;
line-height: 1;
padding: 8px 0;
text-align: center;
}
.wrapper-rating .rating-form-message-login a{
font-size: 13px;
}
.wrapper-rating .rating-form-message-login a{
color:#8c8c8c;
font-weight: bold;
font-size: 10px;
}
.wrapper-rating h3{
font-size: 22px;
font-family: AkzidenzGrotesk-Light, Arial;
margin-bottom: 8px;
}
.wrapper-rating hr{
margin-bottom: 30px;
}
.wrapper-rating .wrapper-rating-form{
float: left;
padding: 0 15px 0 0;
width: 41.1%;
}
.wrapper-rating .rating-wrapper {
background: #f5f5f5;
float: left;
width: 100%;
margin-bottom: 15px;
}
.wrapper-rating .rating-wrapper span{
display: block;
width: 80px;
font-weight: bold;
float: left;
padding: 5px;
line-height:1;
}
.wrapper-rating .rating-wrapper .rating-wrapper-radio{
float: right;
}
.wrapper-rating .wrapper-rating-form .star,
.comment-rating .comment-rating-star .star{
background: url("images/sprites-social-footer.png") no-repeat -16px -660px;
float: left;
height: 13px;
width: 13px;
text-indent: -9999px;
}
.wrapper-rating .rating-average-help{
text-decoration: none;
z-index: 10;
}
.wrapper-rating .rating-average-help .tooltip{
background-color: #2BB6C9;
border: 1px solid #2BB6C9;
color: #FFF;
display: none;
margin-left: 6px;
margin-top: -44px;
padding: 3px;
text-decoration: none;
text-indent: 0;
width: 50px;
z-index: 5;
}
.wrapper-rating .rating-average-help:hover .tooltip{
display: block;
}
.wrapper-rating .wrapper-rating-form .star{
cursor: pointer;
}
.wrapper-rating .wrapper-rating-form textarea{
width: 98%;
height: 100px;
margin-bottom: 15px;
color: #3A3A3A;
font-size: 14px;
resize:none!important;
}
.wrapper-rating .wrapper-rating-form .star.hoved,
.wrapper-rating .wrapper-rating-form .star.voted,
.comment-rating .comment-rating-star .star.voted{
background-position: -1px -660px;
}
.wrapper-rating .wrapper-rating-form .rating-wrapper-star{
margin-left: 108px;
margin-top: 10px;
}
.wrapper-rating .rating-average {
float: left;
height: 15px;
width: 77px;
padding: 5px 0px 5px 0px;
}
.wrapper-rating .rating-average .star {
background: url("images/sprites-social-footer.png") no-repeat 0px -676px;
height: 15px;
width: 71px;
position: absolute;
}
.wrapper-rating .rating-average .star-voted {
background: url("images/sprites-social-footer.png") no-repeat 0px -691px;
height: 15px;
width: 0px;
position: absolute;
}
.wrapper-rating-button{
float:left;
}
.wrapper-rating-button a{
color: #FFF;
height: 24px;
padding: 0 10px;
font-size: 12px;
line-height: 24px;
text-decoration: none;
font-family: AkzidenzGrotesk-Medium, Arial;
}
/* below image */
.rating-average-expand-placeholder.wrapper-rating .rating-wrapper {
position: relative;
}
.rating-average-expand-placeholder.wrapper-rating .rating-wrapper span{
width: 71px;
padding: 5px 5px 5px 2px;
}
.rating-average-expand-placeholder.wrapper-rating .rating-average-help{
background: url("images/sprites-social-footer.png") no-repeat 1px -705px;
height: 18px;
width: 18px;
text-indent: -9999px;
float: left;
position: relative;
top: 3px;
right: 2px;
}
.rating-average-expand-placeholder.wrapper-rating .rating-wrapper span.rating-average-score{
color: #8c8c8c;
padding: 0 0 10px 0;
margin-left: 75px;
font-size: 12px;
}
/* Comments */
.wrapper-rating .wrapper-rating-comment-list{
float: right;
padding: 0 0 0 15px;
width: 52.14%;
}
.wrapper-rating .comment-send-by{
float: left;
font-size:14px;
color:#3a3a3a;
font-weight: bold;
line-height: 1;
margin-right: 12px;
text-transform: capitalize;
}
.wrapper-rating .comment-rating{
float: left;
}
.wrapper-rating .comment-date{
clear: both;
width: 100%;
font-size:12px;
}
.wrapper-rating .comment-body{
font-size:14px;
}
/* Pagination */
.comments-pagination {
float: left;
width: 100%;
margin-top: 5px;
background-color: #f5f5f5;
}
.comments-pagination ul {
padding: 14px 0;
margin: 0 auto;
text-align: center
}
.comments-pagination ul li{
display: inline;
list-style: none;
padding: 5px;
}
.comments-pagination ul li span,
.comments-pagination ul li a{
color: #8c8c8c;
text-decoration:none;
font-weight: bolder;
font-size:14px;
}
.comments-pagination ul li.active span,
.comments-pagination ul li.active a{
color: #3a3a3a;
text-decoration:underline;
}
/* Login */
form#user-login {
padding: 30px 20px 20px;
}
form#user-login div {
margin-bottom: 10px;
}
.page-user #messages .messages.error {
font-weight: bold;
position: absolute;
top: 103px;
left: 74px;
color: #f30617;
background: none;
}
/* Paises Page */
.view-countries {
margin: 0 auto;
padding-top: 110px;
}
.view-countries .views-row {
float: left;
margin: 0 30px 45px 0;
}
.view-countries .views-row .views-field-title {
text-align: center;
width: 114px;
}
.view-countries .views-row .views-field-title a {
text-decoration: none;
color: #515151;
font-weight: bold;
}
.views-field-field-flag-country a {
cursor: pointer;
}
.views-field-field-flag-country a:hover {
cursor: pointer;
opacity: .60;
-moz-opacity: .60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.views-field-field-flag-country img {
-webkit-box-shadow: 0 1px 2px 0 rgba(32, 50, 50, .8);
-moz-box-shadow: 0 1px 2px 0 rgba(32, 50, 50, .8);
box-shadow: 0 1px 2px 0 rgba(32, 50, 50, .8);
}
.page-seleccionar-pais #custom-page-container {
min-height: 800px !important;
}