.link-rss,
.cart .remove-from-cart button:hover,
.ajax-loading-block-window:before,
.eu-cookie-bar-notification button,
.header-logo a img,
.mini-shopping-cart .checkout-button,
.mini-shopping-cart button:only-child,
.store-search-box .search-box-button,
.two-columns-area .owl-carousel .owl-dot.active span,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title:after,
.footer-block.quick-contact span:before,
.poll .buttons button,
.filters .ui-slider-range,
.filters .ui-slider-handle,
.contact-vendor-button,
.item-box .rating div,
.item-box .buttons-upper button:hover,
.item-box .buttons-lower button span:before,
.item-box .buttons-lower button span:after,
.pager li > span,
.product-review-box .rating div,
.download-sample-button:hover,
.back-in-stock-subscription .subscribe-button:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.back-in-stock-subscription-page .button-1,
.ui-tabs .ui-tabs-nav li a:after,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.update-wishlist-button,
.wishlist-add-to-cart-button,
.compare-products-page .remove-button:hover,
.enter-password-form button,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
#check-availability-button:hover,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.login-page .customer-blocks .title.active,
.block-account-navigation .list a:hover,
.block-account-navigation .list .active a,
.account-page ul.info + .buttons button:hover,
.downloadable-products-page .download a:hover,
.order-progress li.active-step a,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button,
.cart-collaterals .accordion-tab-title:after,
.cart-collaterals .estimate-shipping-button,
.cart-collaterals .coupon-code button,
.order-details-page .page-title a,
.order-details-page .actions .re-order-button,
.order-details-page .actions .return-items-button,
.opc .back-link a:hover,
.basic-search .inputs.reversed label:after,
.search-input .button-1,
.new-comment .button-1,
.news-list-homepage .view-all a,
.forum-search-box .search-box-button,
.forums-table-section .view-all a,
.forum-actions .actions a:hover,
.topic-actions .actions a:hover,
.topic-post .pm-button:hover,
.profile-info-box .pm-button:hover,
.topic-post .post-actions .quote-post-button,
.topic-post .post-vote > span,
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1,
/*plugins*/ .nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.productAddedToCartWindowSummary .button-1,
.selected-options-list > li span:after,
.ui-slider-range,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.infinite-scroll-loader:before,
.nivo-directionNav a:hover,
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.anywhere-slider:before,
.anywhere-slider .slick-arrow:hover,
.anywhere-slider .slick-active button,
.spc-header li span:after,
.spc-body .loading-overlay:before,
.previous-product a:hover,
.next-product a:hover,
.quick-view-button a:hover,
.quickView .k-loading-image:before,
.quickView .ui-accordion-header-active span,
.ropc .section .title:after,
.ropc .estimate-shipping button,
.ropc .coupon-box-panel .coupon-code button,
.ropc .giftcard-box-panel .coupon-code button,
.ropc .complete-button button,
.rich-blog-homepage .slick-prev:hover,
.rich-blog-homepage .slick-next:hover,
.post-navigation a:hover,
.theme-roller .open-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
button.ticket-info-button.k-button:before,
.ticket-buttons .tb-right .k-button.show-reply-button:before,
.ticket-buttons .tb-right .k-button.mark-resolved-button:before,
.ticket-buttons .tb-right .k-button.notes-button:before,
.ticket-buttons .tb-right .k-button.edit-ticket-button:before,
.ticket-buttons .tb-right .k-button.delete-ticket-button:before,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-pager-numbers span.k-state-selected,
.k-widget.confirmation-wrapper button,
.filter-shops-button,
.shop-page .back-to-all-shops a:hover:before,
.shop-map-images .get-directions-to-shop:hover:after,
.cloudzoom-ajax-loader:before,
.gallery .slick-dots .slick-active button,
.overview .submit-ticket-button:hover,
.sale-of-the-day-offer .owl-nav .owl-prev:hover,
.sale-of-the-day-offer .owl-nav .owl-next:hover,
.sale-of-the-day-offer .owl-dot.active,
.sale-of-the-day-offer .go-to-product-page,
.home-page-filter-button .search-button,
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.price-match-button:hover,
.save-price-match-button {
  background-color: #09245b;
}
.cart .edit-item a,
.ui-dialog-titlebar,
.mini-shopping-cart .cart-button,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list a:hover,
.block .view-all a:hover,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.filters :checked + label,
.breadcrumb strong,
.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a,
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.sub-category-details li a:hover,
.vendor-list li a:hover,
.overview .value a,
.variant-overview .value a,
.tier-prices .item-price,
.product-tags-list a:hover,
.product-reviews-page h1 a:hover,
.product-review-helpfulness .vote:hover,
.update-wishlist-button:hover,
.wishlist-page .share-info a,
.enter-password-title,
.accept-privacy-policy .read,
.login-page .forgot-password a:hover,
.login-page .checkout-as-guest-button:hover,
.account-page .form-fields a,
.return-request-list-page a:hover,
.avatar-page .remove-avatar-button:hover,
.common-buttons button:hover,
.terms-of-service a,
.checkout-page .min-amount-warning,
.order-completed .details a,
.order-details-page .page-title a:hover,
.order-details-page .download a,
.order-details-page .view-details a,
.order-details-page .actions button:hover,
.sitemap-page a:hover,
.post-body a,
.news-body a,
.blog-page .tags a,
.blogpost-page .tags a,
.blog-posts .read-more:hover,
.blog-posts .read-comments:hover,
.news-items .read-more,
.forum-search-page .search-error,
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover,
.topic-post .post-actions .post-link-button,
.forum-edit-page .button-2:hover,
.move-topic-page .button-2:hover,
.private-messages .button-2:hover,
.private-messages-page .pm-unread,
.profile-page .topic-title a:hover,
.vendorinfo-page .remove-picture-button:hover,
/*plugins*/ .productAddedToCartWindowSummary a:hover,
.filtersGroupPanel li.checked .filter-item-name,
.spc-categories .category-inner-title,
.spc-categories .category-sublist li a:hover,
.instant-search-item .detail .price,
.quickView .links-panel a:hover,
.ropc .cart .remove-product:hover,
.rich-blog-homepage .read-comments,
.blog-instant-search .k-item.rich-blog-autocomplete-last-item,
.blog-page .read-comments,
.category-list li a,
.related-posts-list li a,
.search-term-highlighter,
.order-details-page .product .submit-ticket-button,
.getUserGeoLocation:hover,
.align-map-button:hover,
.shops-item .show-directions:hover,
.shop-page .back-to-all-shops a:hover,
.shop-map-images .get-directions-to-shop:hover,
.shop-info a,
.nop-jcarousel .category-item:hover .title a,
.nop-jcarousel .sub-category-item:hover .title a,
.nop-jcarousel .manufacturer-item:hover .title a,
.nop-jcarousel .vendor-item:hover .title a,
.price-match-form .title strong,
.price-match-requests-page .details a:hover {
  color: #09245b;
}
.mini-shopping-cart .checkout-button:hover,
.mini-shopping-cart button:only-child:hover,
.poll .buttons button:hover,
.contact-vendor-button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.back-in-stock-subscription-page .button-1:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-add-to-cart-button:hover,
.enter-password-form button:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.cart-collaterals .estimate-shipping-button:hover,
.cart-collaterals .coupon-code button:hover,
.search-input .button-1:hover,
.new-comment .button-1:hover,
.news-list-homepage .view-all a:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.forum-edit-page .button-1:hover,
.move-topic-page .button-1:hover,
.private-messages .button-1:hover,
/*plugins*/ .productAddedToCartWindowSummary .button-1:hover,
.ropc .estimate-shipping button:hover,
.ropc .complete-button button:hover,
.page-body form > .buttons .k-button:hover,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.filter-shops-button:hover,
.sale-of-the-day-offer .go-to-product-page:hover,
.home-page-filter-button .search-button:hover,
.save-price-match-button:hover {
  outline-color: #09245b;
}
.cart-collaterals .active .accordion-tab-title,
/*plugins*/ .quickView .ui-accordion-header-active,
.ropc .section .title.active {
  border-bottom-color: #09245b;
}
.order-progress li.active-step a:after {
  border-left-color: #09245b;
}
/* secondary color */

.footer-upper,
.ui-datepicker-header,
.ui-datepicker-calendar .ui-state-active {
  background-color: #99cdff;
}
.cart .subtotal,
.mini-shopping-cart .price strong,
.mini-shopping-cart .totals strong,
.item-box .actual-price,
.overview .product-price,
.variant-overview .product-price,
.compare-products-table .product-price td,
.cart-total .order-total,
/*plugins*/ .productAddedToCartWindowDescription .price,
.sale-of-the-day-offer .timer-info-box,
.sale-of-the-day-offer .price.actual-price {
  color: #99cdff;
}
.ui-datepicker-calendar .ui-state-active {
  outline-color: #99cdff;
}
@media all and (max-width: 1024px) {
  .responsive-nav-wrapper > div,
  .plus-button {
    background-color: #09245b;
  }
  .category-page-body .page-title h1,
  .manufacturer-page-body .page-title h1,
  .manufacturer-all-page-body .page-title h1,
  .vendor-all-page-body .page-title h1,
  .vendor-page-body .page-title h1,
  .product-tags-all-page-body .page-title h1,
  .products-by-tag-page-body .page-title h1,
  .recently-viewed-products-page-body .page-title h1,
  .recently-added-products-page-body .page-title h1,
  .compare-products-page-body .page-title h1,
  /*plugins*/ .spc-categories .category-title {
    color: #09245b;
  }
  /* secondary color */
  
  .admin-header-links,
  .store-search-box {
    background-color: #99cdff;
  }
  .responsive-nav-wrapper-parent {
    border-top-color: #99cdff;
  }
}
@media all and (min-width: 481px) {
  /*plugins*/
  
  .spc-categories .product-box-add-to-cart-button:hover {
    background-color: #09245b;
  }
}
@media all and (min-width: 769px) {
  .bestsellers .slick-prev:hover,
  .bestsellers .slick-next:hover,
  .product-selectors .product-viewmode a.selected,
  .product-list .item-box .buttons-lower button,
  .topic-post .post-actions .manage-post a:hover {
    background-color: #09245b;
  }
  .product-list .item-box .buttons-lower button:hover {
    outline-color: #09245b;
  }
  /*plugins*/
  
  .ropc .section .title {
    border-bottom-color: #09245b;
  }
}
@media all and (min-width: 1025px) {
  .cart-trigger:before,
  .flyout-cart-wrapper:hover .cart-trigger,
  .category-navigation-title:after,
  .product-grid.bestsellers .item-box .buttons-lower button:hover,
  .product-grid .item-box:hover .buttons-lower button,
  .product-grid .item-box:hover .buttons-lower button span,
  /*plugins*/ .spc-categories .spc-header li:hover span,
  .spc-categories .spc-header li.active span,
  .spc-categories .product-grid .item-box button.button-2:hover,
  .rich-blog-body .block:hover .title,
  .rich-blog-body .blog-search-box.active .search-box-button {
    background-color: #09245b;
  }
  .side-2 .page-title h1,
  .category-navigation-list > li:hover > a,
  .category-navigation-list > li:hover > span,
  .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .breadcrumb a:hover,
  .compare-products-page .clear-list,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover,
  .spc-categories .category-info:hover .category-title {
    color: #09245b;
  }
  /*plugins*/
  
  .ropc .coupon-box-panel .coupon-code button:hover,
  .ropc .giftcard-box-panel .coupon-code button:hover {
    outline-color: #09245b;
  }
  .flyout-cart-wrapper:hover .cart-trigger {
    border-color: #09245b;
  }
  .header-links,
  .header-selectors {
    border-top-color: #09245b;
  }
  .category-navigation-list > li > .sublist-wrap > .sublist > li > a,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > a,
  /*plugins*/ .category-navigation-list > li > .sublist-wrap > .sublist .box .title,
  .header-menu > ul > li > .sublist-wrap > .sublist .box .title {
    border-bottom-color: #09245b;
  }
  /* secondary color */
  
  .header-lower {
    background-color: #99cdff;
  }
}




.category-description p, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .post-body p, .news-body p, .custom-tab p {
    margin: 10px 0;
    line-height: 32px;/*32px*/
}






.nop-jcarousel.vendor-grid .item-box {
    position: relative;
 height: :110px;
}




/*fundos inteiros - laranja atex*/  
.fundo_atex {
    position: relative;
background-size: cover;
    background: #F95006;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.fundo_atex:before,
.fundo_atex:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #F95006; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_atex:before{
    right: 100%;
}
.fundo_atex:after{
    left: 100%;
}

/*barra laranja atewx*/
.barra-pg {
    margin: 0 0 15px 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #ff6600;
   }



/*fundos inteiros - azul escuro*/ 
.fundo {
 position: relative;
background-size: cover;
    background: #00144b;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo:before,
.fundo:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #00144b; 
    text-indent: -9999px;
    font-size: 0;
}

.fundo:before,
.fundo:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #00144b; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo:before{
    right: 100%;
}
.fundo:after{
    left: 100%;
}




.fundo_w {
    position: relative;
background-size: cover;
    background: #eceff1;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.fundo_w:before,
.fundo_w:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #eceff1; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_w:before{
    right: 100%;
}
.fundo_w:after{
    left: 100%;
}





/*fundos inteiros - solum-claro*/ 

.fundo_sl_lg {
    position: relative;
background-size: cover;
    background: #f0f0d7;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo_sl_lg:before,
.fundo_sl_lg:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #f0f0d7; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_sl_lg:before{
    right: 100%;
}
.fundo_sl_lg:after{
    left: 100%;
}

/*fundo solum verde**/
.fundo_sl {
    position: relative;
background-size: cover;
    background: #1bcfc9;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo_sl:before,
.fundo_sl:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #1bcfc9; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_sl:before{
    right: 100%;
}
.fundo_sl:after{
    left: 100%;
}




/**********4 colunas*************************/

.column4 {
  float: left;
  padding: 10px;
  width: 25%;
}

/* Clear floats after the columns */
.row4:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column4 {
    width: 100%;
  }
}




/* para colocar o carrocel em toda a página - alterar o nº de logos de 6 para 12

@media (min-width: 1281px){
.home-page-body .nop-jcarousel.manufacturer-grid .slick-slider {
    width: 2500px;
margin-left:-650px
}}

 */


/******************* 2 COLUNAS DESIGUAIS QUE FLUTUAM LADO A LADO  70 e 30 ***************/

.containeraa{
    display:flex;
}

.column-1 {
  flex-shrink: 0; /* shrinks to 0 to apply 70% width*/
  flex-basis: 70%; /* sets initial width to 70% */
}

.boxaa {
  background-color: rgb(221, 225, 225);
  padding: 20px;
  border-radius: 2px;
  border: none;
  margin: 10px;
}

@media only screen and (max-width: 900px) {
  .containeraa {
      /* it place the items in vertical direction */
    flex-direction: column;
  }

  .boxaa {
    margin: 0 0 1rem;
  }
}
/******************* 2 COLUNAS DESIGUAIS QUE FLUTUAM LADO A LADO  30 e 70 ***************/
.containeraab{
    display:flex;
}

.column-3 {
  flex-shrink: 0; /* shrinks to 0 to apply 70% width*/
  flex-basis: 30%; /* sets initial width to 70% */
}

.boxaab {
  background-color: rgb(245, 215, 160);
   padding: 20px;
  border-radius: 2px;
  border: none;
  margin: 10px;
}

@media only screen and (max-width: 900px) {
  .containeraab {
      /* it place the items in vertical direction */
    flex-direction: column;
  }

  .boxaab {
    margin: 0 0 1rem;
  }
}


/*BT H1*/
.button_car {
  background-color: #099;
  color: white;
  text-decoration: none;
  border-radius: 60px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  overflow:hidden;
  width: auto;
  max-width: 32px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
}

.button_car:hover {
  max-width: 300px;
}

.icon_car {
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  margin-right: 15px;
  padding: 0px 8px;
  display: flex;
  align-items: center;
}

.text_car {
  white-space: nowrap;
  padding-right: 15px;
}



/*botão carreira*/
.but1c {
  width: 220px;
  height: 100px;
  background: #09245b;
  transition: background-color 2s ease-out 100ms;
}

.but1c:hover {
  background-color: #99cdff;
}



/*dislay 2 colunas*/

.z22{
display: grid;
 grid-template-columns: 48% 48% ; 
 line-height: 1.2; 
}

@media all and (max-width:800px) {
          .z22 {
            grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
 grid-row-gap: 1rem;
font:size:14px;
text-justify: auto;
          }}                



/*dislay 3 colunas*/

.feg22{
display: grid;
 grid-template-columns: 33% 33% 33%; 
 line-height: 1.2; 
}

@media all and (max-width:800px) {
          .feg22 {
            grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
 grid-row-gap: 1rem;
font:size:14px;
text-justify: auto;
          }}                

/******************* 2 COLUNAS DESIGUAIS QUE FLUTUAM LADO A LADO ***************/
.column-esqu {
  float: left;
  width: 70%;
  padding: 10px;  
}
.column-direita{
  float: left;
  width: 30%;
  padding: 10px;  
}


/* Clear floats after the columns */
.rowz:after {
  content: "";
  display: table;
  clear: both;}
/*****4 colunas iguais******/
.c4 {
  float: left;
  width: 25%;
padding: 10px;
}

/* Clear floats after the columns */
.rowc4:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .c4 {
text-align: center;
    width: 100%;
  }
}


/*grid com 3 colunas iguais*/

.feg3{
display: grid;
 grid-template-columns: 33% 33% 33%; 
padding: 10px; 
 line-height: 1.2; 
}

@media all and (max-width:800px) {
          .feg3 {
            grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
 grid-row-gap: 1rem;
font:size:14px;
text-justify: auto;
          }}                


/**** grid com 4 colunas****/
.ss-flex{
display:grid;
grid-template-columns: repeat(5,1fr);
grid-gap:1rem;

  }

@media all and (max-width:800px) {
          .ss-flex {
            grid-template-columns: auto;
grid-gap: 1rem;
width: 100%;

          }}               



/***************************************************************************************************/
/***********************************    TÍTULO PAGES   H1*******************************************/
/***************************************************************************************************/


.page-title {
    margin: 30px 0 20px;
    padding: 8px 15px;
}
.page-title h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #09245b;
}


/*títulos nas  páginas das marcas*/
.manufacturer-description h1 {
text-align: left;
font-size: 30pt; 
color: #000;
text-transform: uppercase;
text-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
padding-bottom: 5px;
line-height: 1 ;
}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
right:3px
  width: 100%;
  height: 100%;
}


/*******************espaço  entre a risca do título e os quadrados ********************************************/
@media (min-width: 1025px){
.block .listbox {
    display: block;
    margin: 5px 0 0;
    border: none;
    padding-top: 12px !important; /*era 0*/
}}


/***************************************************************/
@media (min-width: 1025px) {
.sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
display: none;}}





/************************** domovea  hager **************************/
/*** Top right text *****/
.top-righttxth {
  position: absolute;
top: 45%;
 right: 62%; 
text-align: justify;
transform: translate(50%, -45%);
 line-height:1.3;
  font-size: 18px;
  color: #fff;
}
@media all and (max-width:800px)
{
.top-righttxth{
all:unset;}}

/*******************efeito float na página das marcas***************************************/
.float {
  -webkit-transition:all .4s ease-out;
  -moz-transition:all .4s ease-out;
  -ms-transition:all .4s ease-out;
  -o-transition:all .4s ease-out;
  transition:all .4s ease-out;
}

.float:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}

/***************************************************************************************************/
/***********************     CARROCEL CATEGORIAS ********************************/
/***************************************************************************************************/

@media (min-width: 1025px){
.nop-jcarousel .carousel-title {
     margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 24px;
    color: #09245b;
    text-align: left;
}
}


/*border - original border:1px*/
.category-item,
.sub-category-item,
.manufacturer-item,
.vendor-item {
	position: relative;
	border: 0 solid #e9e9e9;
	background-color: #fff;
}
*/
/*grid à volta - retirar estas linhas para voltar a ter grid*/
.jCarouselMainWrapper .category-grid .item-box .title {
      display: none;
}

*/



/****************fundos**********************/

/*revista-homepage*/
.fundo_mag {
   position: relative;
background-size: cover;
    background: #f6d747;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.fundo_mag:before,
.fundo_mag:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #f6d747;
    text-indent: -9999px;
    font-size: 0;
}
.fundo_mag:before{
    right: 100%;
}
.fundo_mag:after{
    left: 100%;
}



/******************CLASSES WALLBOX-SS****************/


/*fundos inteiros - cinza wallbox*/  
.fundo_w {
    position: relative;
background-size: cover;
    background: #eceff1;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.fundo_w:before,
.fundo_w:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #eceff1; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_w:before{
    right: 100%;
}
.fundo_w:after{
    left: 100%;
}


/*fundos inteiros - azul escuro*/  
.fundo {
   position: relative;
background-size: cover;
    background: #09245D;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.fundo:before,
.fundo:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #09245D;
    text-indent: -9999px;
    font-size: 0;
}
.fundo:before{
    right: 100%;
}
.fundo:after{
    left: 100%;
}


/* Container holding the image and the text -pc*/
@media (min-width: 1025px) {
.containerimg {
position: relative;
overflow-x: visible;
display: block;
    background-size: cover;
background-position: center center;
margin-inline: -740px;
margin-bottom:-40px;
overflow: hidden;
}}



/************************** Clipping-USADO NO SMART**************************/


/********botão legrand*****/
/*border cinza*/
.link_leg_gr {
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    color: #3C3535;
background-color:rgba(255, 255, 255, 0.3);
margin: 6px;
  padding: .875rem 1.5rem;
    border: 1px solid #3C3535;
    transition: opacity 400ms ease-in-out 600ms,transform 400ms ease-in-out 600ms,box-shadow 100ms ease-in-out 0ms,-webkit-transform 400ms ease-in-out 600ms;}



.clfotolarge{
clip-path: inset(550px 0px 450px 0px); margin-top: -550px; margin-bottom: -550px; }

.containersmart {
    width: 100%;
    padding-right:240px;
    padding-left: 240px;
    margin-right: auto;
    margin-left: auto;
 text-align: justify;
 font-size: 14px;
color: #000000;
}
 .picsmart {
    float: left;
    padding: 0 1rem 1rem 0;}
 .picsmartr {
    float: right;
    padding: 0 0 1rem 1rem;}

/*Texto centro*/
.top-cttxts {
  position: absolute;
  top: 15%;
  left: 350px;
  right: 450px;
text-align: center;
 line-height:1.3;
  font-size: 18px;
  color: #fff;
}
.top-cttxtsmart {padding: 0px; text-align: center; margin-top: 250px;}

@media all and (max-width:800px) 
{
.containersmart    {
all:unset;
padding-top:10px;
     height:100%;
color: #000000;
   display: block; 
        float:none; 
        width: 100%;
 text-align: left;
margin:3px !important;    }}

@media all and (max-width:800px)
{
.top-cttxts{
all:unset;
padding-top:-150px;
     height:100%;
color: #000000;
   display: block; 
        float:none; 
        width: 100%;
 text-align: center !important;
margin:3px !important;
}
}
@media all and (max-width:800px)
{
.top-cttxtsmart{
all:unset;}}

/*****fundos inteiros -pink***/ 
.fundo_pink {
    position: relative;
background-size: cover;
    background: #ff375f;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo_pink:before,
.fundo_pink:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #ff375f;
    text-indent: -9999px;
    font-size: 0;
}
.fundo_pink:before{
    right: 100%;
}
.fundo_pink:after{
    left: 100%;
}






/*************************LIVING NOW - LAYERS SOBREPOSTOS***************/

/*par substituir o fundo 1 que existe em azul escuro*/
.fundo2 {
    position: relative;
background-size: cover;
    background: #f5f5f5;
   margin-top: 0;
  padding-top: 0;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo2:before,
.fundo2:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f5f5f5; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo2:before{
    right: 100%;
}
.fundo2:after{
    left: 100%;
}


/********botão legrand*****/
/*border cinza*/
.link_leg {
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    color: #3C3535;
margin: 6px;
  padding: .875rem 1.5rem;
    border: 1px solid #3C3535;
    transition: opacity 400ms ease-in-out 600ms,transform 400ms ease-in-out 600ms,box-shadow 100ms ease-in-out 0ms,-webkit-transform 400ms ease-in-out 600ms;}

/*border branca*/
.link_leg_b {
    text-transform: uppercase;
    line-height: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    display: inline-block;
    color: #fff;
margin: 6px;
  padding: .875rem 1.5rem;
    border: 1px solid #fff;
    transition: opacity 400ms ease-in-out 600ms,transform 400ms ease-in-out 600ms,box-shadow 100ms ease-in-out 0ms,-webkit-transform 400ms ease-in-out 600ms;}

/****TEXTOS****/
/* Top left text */
.top-lefttxt {
  position: absolute;
  top: 45%;
  left: 68%;
text-align: justify;
  text-justify: inter-word;
  transform: translate(-50%, -45%);
 line-height:1.3;
  font-size: 18px;
  color: #fff;
}

/*** Top right text *****/
.top-righttxt {
  position: absolute;
top: 45%;
 right: 68%; 
text-align: justify;
transform: translate(50%, -45%);
 line-height:1.3;
  font-size: 18px;
  color: #fffff;
}
/*Texto centro*/
.top-cttxt {
  position: absolute;
  top: 15%;
  left: 350px;
  right: 450px;
text-align: center;
 line-height:1.3;
  font-size: 18px;
  color: #fff;
}



/* Container holding the imagepng em cima da imagem de topo -pc */
@media (min-width: 1025px) {
.containerimgpng {
 position: relative;
 width: 100vw; 
overflow-x: visible;
text-align: right;
display: block;
margin-left:   -640px; /*margin-left: -160px;*/
margin-top:-100px;
overflow: hidden;
}}


/* Container holding the image and the text -pc*/
@media (min-width: 1025px) {
.containerimgpng1 {
position: relative;
overflow-x: visible;
display: block;
    background-size: cover;
background-position: center center;
margin-inline: -440px;
margin-bottom:-40px;
margin-top:-100px;
overflow: hidden;
}}
.containerimg::after{
content: none;}

.containerimg::before{
content: none;}


@media all and (max-width:800px) /*800px for tablets and phones.*/
{
  .top-cttxt , .top-lefttxt , .top-righttxt 
    {
all:unset;
padding-top:10px;
     height:100%;
color: #000000;
   display: block; 
        float:none; 
        width: 100%;
 text-align: center !important;
margin:3px !important;
    }
}

@media all and (max-width:800px) {
 .link_leg_b  span{
    all:unset;
    color: #bdbdbd !important;
  margin: 6px;
  padding: .875rem 1.5rem;
    border: 1px solid #3C3535;}
}


.fundo_bl {
    position: relative;
background-size: cover;
    background: #000000;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundo_bl:before,
.fundo_bl:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #000000; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo_bl:before{
    right: 100%;
}
.fundo_bl:after{
    left: 100%;
}






/************************************************CLASSES INTER-PRO*****************************************/

/*fundos inteiros - cinzaescuro*/ 
.fundocesc {
    position: relative;
background-size: cover;
    background: #3c3c41;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: 0;
    padding-bottom: 0;
line-height: 1.3;
  width: 100%;
}
.fundocesc:before,
.fundocesc:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #3c3c41; 
    text-indent: -9999px;
    font-size: 0;
}
.fundocesc:before{
    right: 100%;
    left: 100%;
}


/*fundos inteiros - cinzaCLARO*/ 
.fundoccl {
    position: relative;
background-size: cover;
    background: #f1f1f1;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: 0;
    padding-bottom: 0;
line-height: 1.3;
  width: 100%;
}
.fundoccl:before,
.fundoccl:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f1f1f1; 
    text-indent: -9999px;
    font-size: 0;
}
.fundoccl:before{
    right: 100%;
    left: 100%;
}

/*fundos inteiros - rosa*/ 
.fundopink {
    position: relative;
background-size: cover;
    background: #ff375f;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: 0;
    padding-bottom: 0;
line-height: 1.3;
  width: 100%;
}
.fundopink:before,
.fundopink:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #ff375f; 
    text-indent: -9999px;
    font-size: 0;
}
.fundopink:before{
    right: 100%;
    left: 100%;
}








/*************************fim de ecrã total*******************/

/*-------------------- 3 Imagens 3 colunas responsivo *************/
.column-imgs {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row-imgs::after {
  content: "";
  clear: both;
  display: table;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .column-imgs {
    width: 100%;
  }
}
/*-------------------- 3 Imagens 3 colunas responsivo *************/

/*****************************CABEÇALHO COVID *******************************************/ 
.protegcov{
background-image: url('https://www.fegime.pt/images/uploaded/COVID19/PROTCOVID.png'); height:500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
line-height:1.5;
/*background-size:  100% 100%;
display: block;
/*line-height:1.3;*/
padding: 10px;
margin-bottom: -30px;
}

.fundocv{
    position: relative;
background-size: cover;
 background: #acacac; 
margin: 0;
    padding-bottom: 0;
width: 100%;
}

.fundocv:before {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
   background: #b0b0b0;
    text-indent: -9999px;
    font-size: 0;
}

.fundocv:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
   background: #b6b6b6; 
    text-indent: -9999px;
    font-size: 0;
}
   
.fundocv:before{
    right: 100%;
}
.fundocv:after{
    left: 100%;
}


/********************fundos inteiros - cinza**************************/ 
.fundocc {
    position: relative;
background-size: cover;
    background: #f5f5f5;
   margin-top: 0;
  padding-top: 0;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundocc:before,
.fundocc:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f5f5f5; 
    text-indent: -9999px;
    font-size: 0;
}
.fundocc:before{
    right: 100%;
}
.fundocc:after{
    left: 100%;
}



/*fundos inteiros - azul escuro*/ 
.fundo {

  position: relative;
background-size: cover;
    background: #06205f;
   margin-top: 0;
  padding-top: 0;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
width: 100%;
}
.fundocc:before,
.fundocc:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #06205f; 
    text-indent: -9999px;
    font-size: 0;
}
.fundocc:before{
    right: 100%;
}
.fundocc:after{
    left: 100%;
}









/******************* CAMPANHA PHILIPS 2020 -  COLUNAS & BOTÕES***************/


/*****    imagem em PC    *****/
@media (min-width: 1025px) {
        .imagem-moveis {
                display:  none;
        }
        .imagem-pc {
                display:  block;         }}

/*****    imagem em DISP. MÓVEIS    *****/
@media (max-width: 1024px) {
        .imagem-moveis {
                display:  block;
        }
        .imagem-pc {
                display:  none;        }}

/******************************** com texto*****/
/*****    imagem em PC    *****/
@media (min-width: 1025px) {
        .containerimg-moveis {
                display:  none;
        }
        .containerimg-pc {
position: relative;
overflow-x: visible;
display: block;
    background-size: cover;
background-position: center center;
margin-inline: -740px;
margin-bottom:-40px;
overflow: hidden;

                display:  block;         }}

/*****    imagem em DISP. MÓVEIS    *****/
@media (max-width: 1024px) {
        .containerimg-moveis {
                display:  block;
        }
        .containerimg-pc {
                display:  none;        }}






.container2020 {
position: relative;
  text-align: center;
  color: white;
}
.centered2020 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.centered2020p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
.centered2020p {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
}}




.centered2020texto {
  position: absolute;
  top: 50%;
  left:40%;
width: fit-content;
  transform: translate(-50%, -50%);
}

/* Clear floats after the columns */
.row2p:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column2p {
text-align: left;
    width: 100%;
  }
}

/***2 colunas****/

.column2p {
  float: left;
  width: 100%;
  padding: 5px;
}
.left2p  {
  width: 80%;
  padding: 5px;
}
.right2p {
  width: 20%;
  padding: 5px;
}

/* Clear floats after the columns */
.row2p:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column2p {
text-align: left;
    width: 100%;
  }
}


/*******************************************

/* 2 colunas lado a lado */

. column-toolsg-container {
  display: table-cell;
  width: 100%;
position: relative;
}
.column-toolsg{
  float: left;
width: 50%;
padding:0;
}

/* Clear floats after the columns */
.row-toolsg:after {
  content: "";
display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-toolsg {
    width: 100%;
  }
}

.columna {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.rowa:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .columna {
text-align: left;
    width: 100%;
  }
}
***************************************************************/

/******************* 2 COLUNAS DESIGUAIS QUE FLUTUAM LADO A LADO ***************/
.column2a {
  float: left;
 padding: 5px;
}
.left2a {
  width:70%;
}
.right2a {
  width: 30%;
}
.row2a:after {
 content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column2a {
text-align: center;
    width: 100%;
  }
}


/******************************************************************************************/

/*PARA RETIRAR O BLOCO DE NOVO REGISTO*/
@media (min-width: 1025px){
.header-links .ico-register {
display:none;
}}
@media (max-width: 1024px){
.header-links .ico-register {
display:none;
}}
@media (min-width: 481px){
.login-page .new-wrapper .title {
display:none; }}

/*PARA RETIRAR O BLOCO DE NOVO REGISTO*/
.new-wrapper.register-block{
display:none;}

/*PARA TER O BLOCO DE REGISTO CENTRADO -original sem a linha' margin-left'*/
@media (min-width: 1025px){
.login-page .customer-blocks > div {
    margin-left: 0%;
    float: left;
    padding-bottom: 60px;
    margin-bottom: 0;
    width: 80%;
    align-content: space-evenly;
}}
/*PARA TER O TÍTULO  DO JÁ REGISTADO CENTRADO -original sem a linha' margin-left'*/
@media (min-width: 481px){
.login-page .customer-blocks .title {
    top: -52px;
    width: 100%;
    height: 52px; }}

/****    PÁG. LOGIN  -  Área total das 2 Colunas    ****/
.login-page .customer-blocks > div {
      background: #f9f9f9;
    width: 100%;
}

/****    PÁG. LOGIN  -  Área “Já Registado”  -  Linha Separadora entre campos do formulário    ****/
.login-page .returning-wrapper .inputs {
      border-bottom: 0px solid #eee;
}

/****    PÁG. LOGIN  -  Títulos  (Já Registado + Novo Registo + etc.)    ****/
.login-page .title, .login-page .topic-block-title h2 {
      text-transform: uppercase;
}


/*****    SLIDER em PC    *****/
@media (min-width: 1025px) {
        .theme-slider-pt-moveis {
                display:  none;
        }
        .theme-slider-pt-pc {
                display:  block;
        }
}

/*****    SLIDER em DISP. MÓVEIS    *****/
@media (max-width: 1024px) {
        .theme-slider-pt-moveis {
                display:  block;

        }
        .theme-slider-pt-pc {
                display:  none;
        }
}




/*GDRP - cores dos links*/
div.block.block-account-navigation .list a.active{ /*COR DE FUNDO DOS BOTÕES -ok*/
background-color: #fff;
 }
div.block-account-navigation .list a { /*COR DO LINK*/
    color: #09245D !important;
}
div.block.block-account-navigation .list hover{ /*COR DE FUNDO DOS BOTÕES-ainda não funciona*/
background-color: #65c3fb ;
 }
div.block .list li a.active.select-tab { /*COR DO LINK QUANDO SELECCIONADO*/
    color: #65c3fb !important;
    font-weight: bold;
}



/*altura dos parágrafos*/
.table .td {
    line-height: 15x;
}

/* fundo cor colunas gewiss*/
.jgw{
background-color: #2f2d2e;
margin:0;
padding:10px 10px 24px 10px;
line-height:1.3;
}

/*******************************************************
/* 2 colunas lado a lado */

. column-toolsg-container {
  display: table-cell;
  width: 100%;
position: relative;
}
.column-toolsg{
  float: left;
width: 50%;
padding:0;
}

/* Clear floats after the columns */
.row-toolsg:after {
  content: "";
display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-toolsg {
    width: 100%;
  }
}

*********************************************************/
/************5 colunas iguais******/
.c5 {
  float: left;
  width: 20%;
padding:2px;
}

/* Clear floats after the columns */
.rowc5:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .c5 {
text-align: center;
    width: 100%;
  }
}

/************3 colunas iguais*/
.columna {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.rowa:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .columna {
text-align: left;
    width: 100%;
  }
}



/* diminui o tamanho do logo em telemóveis*/

@media (max-width: 640px){
.header .header-logo {
      width: 100%;
    background-color: #fff;
    line-height: 94px;
    padding-top: 10px;
  }}





/*CENTRAR  E DIMINUIR LOGO NOS TELEMÓVEIS*/

@media (max-width: 640px){
.header-logo a {
	display: inline-block;
	max-width: 50%;
	line-height: 0; /*firefox line-height bug fix*/
	vertical-align: middle;
}}

/***Dimensão logo tablets***/
.header-logo a {
	display: inline-block;
	max-width: 300px;
	line-height: 0; /*firefox line-height bug fix*/
	vertical-align: middle;
}


/****************** CAMPANHA PHILIPS 2019/lutron ******************************************/

/* duas colunas fundo branco*/
.column-toolsph1 {
  float: left;
line-height: 1.2;
  width: 50%;}

.column-toolsph1l {
  float: left;
line-height: 1.2;
  width: 50%;
marging-left:-250px;
 }
/* Clear floats after the columns */
.row-toolsph1:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout */
@media screen and (max-width: 600px) {
  .column-toolsph1 {
    width: 100%;
  }
}
/* Clear floats after the columns */
.row2p:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column2p {
text-align: left;
    width: 100%;
  }
}


.athfundo {
   position: relative;
background-size: cover;
    background: #efefef;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.athfundo:before,
.athfundo:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #efefef;
    text-indent: -9999px;
    font-size: 0;
}
.athfundo:before{
    right: 100%;
}
.athfundo:after{
    left: 100%;
}





/*fundos inteiros - azul CLARO philips*/ 
.phfundo {
    position: relative;
background-size: cover;
    background: #B3C8E6;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: -30px;
    padding-bottom: 0;
line-height: 1.3;
  width: 100%;
}
.phfundo:before,
.phfundo:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #B3C8E6; 
    text-indent: -9999px;
    font-size: 0;
}
.phfundo:before{
    right: 100%;
    left: 100%;
}












































/*fundos inteiros - verde shneider*/ 
.fundov {
    position: relative;
background-size: cover;
    background: #76a145;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: 0;
    padding-bottom: 0;
line-height: 1.3;
  width: 100%;
}
.fundov:before,
.fundov:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #76a145; 
    text-indent: -9999px;
    font-size: 0;
}
.fundov:before{
    right: 100%;
    left: 100%;
}

 .button-tds,
        .button-as {
            transition: all 100ms ease-in;
        }
        .button-tds:hover,
        .button-as:hover {
            background: #dbf3c0 !important;
            border-color: #dbf3c0 !important;
        }


/*****BOTÃO RITTAL******************/

.button-RT{
all:unset;
  background-color: #e3006b; /* PINK */
  border: none;
  color: #fffff; !important;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button-RT1:hover {
all:unset;
  background-color: #000000;
  color: #fffff; !important;
}






/********************* botão schneider*******************/
button.button-sc {
  border-radius: 8px;
  background-color: #3dcd58;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 13px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 12px;
 
}

button.button-sc{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}


button.button-sc:hover{
   padding: 13px;
}

button.button-sc a:link {
  color: #fff;
font-weight: normal;
}
button.button-sc a:visited{
  color: #fff;
font-weight: normal;
}

button.button-sc a:hover{
  color: #fff;
font-weight: normal;
}
button.button-sc a:active{
  color: #fff;
font-weight: normal;
}


/********************* botão download revista*******************/
button.button-aa {
  border-radius: 8px;
  background-color: #99cdff;
  border: none;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 13px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 12px;
  box-shadow: 0 8px 15px -6px rgba(0, 0, 0,.7);
}

button.button-aa{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.button-aa:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  top: 11px;
  right: 20px;
  transition: 0.5s;
}

button.button-aa:hover{
  padding-right: 24px;
  padding-left:8px;
}

button.button-aa:hover:after {
  opacity: 1;
  right: 10px;
}

button.button-aa a:link {
  color: #fff;
font-weight: normal;
}
button.button-aa a:visited{
  color: #fff;
font-weight: normal;
}

button.button-aa a:hover{
  color: #fff;
font-weight: normal;
}
button.button-aa a:active{
  color: #fff;
font-weight: normal;
}

/*fundos inteiros - cinza*/ 

.fundo1 {
    position: relative;
background-size: cover;
    background: #01102a;
margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: -10px;
width: 100%;
line-height: 0px;
}
.fundo1:before,
.fundo1:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #01102a; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo1:before{
    right: 100%;
}
.fundo1:after{
    left: 100%;
}



/* Create two equal columns that floats next to each other */

.column-tools {
  float: left;
  width: 48%;
  padding: 10px;
 }

/* Clear floats after the columns */
.row-tools:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-tools {
    width: 100%;
  }
}

/* Create three unequal columns that floats next to each other */
.column-3 {
  float: left;
  padding: 10px;
}
.left, .right {
  width: 25%;
}
.middle {
  width: 50%;
}

/* Clear floats after the columns */
.row-3:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column-3 {
    width: 100%;
  }
}

/* Create three equal columns that floats next to each other */
.column-3a {
  float: left;
text-align: left;
  padding: 1px;
}
.left, .right {
text-align: left;
  width: 33%;
}
.middle {
text-align: left;
  width: 33%;
}

/* Clear floats after the columns */
.row-3a:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column-3a {
text-align: left;
    width: 100%;
  }
}

/* 4 COLUNAS IGUAIS QUE FLUTUAM LADO A LADO */
.column-4 {
  float: left;
  padding: 2px;
  margin: 2px;
}
.left-4 {
  width: 24.5%;
}
.right-4 {
  margin-right: 0;
  width: 24.5%;
}
.middle-4{
  width: 24.5%;
}

/* Clear floats after the columns */
.row-4:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column-4 {
    width: 100%;
  }
}

.column-serv {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row-serv:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-serv {
    width: 100%;
text-align:left;
  }
}

/* fundo cor colunas gewiss*/
.jgw{
background-color: #2f2d2e;
margin:0;
padding:10px 10px 14px 10px;
line-height:1.3;
}


/* 2 colunas lado a lado sem padding-ficam sem espaço entre elas e mesma altura*/

. column-toolsg-container {
  display: table-cell;
  width: 100%;
position: relative;
}
.column-toolsg{
  float: left;
 width: 50%;
padding:0;
 }
.column-toolsgl{
  float: left;
 width: 50%;
padding:0 ;
 }

/* Clear floats after the columns */
.row-toolsg:after {
  content: "";
 display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-toolsg {
    width: 100%;
  }
}



/************5 colunas iguais*/
.c5 {
  float: left;
  width: 20%;
padding:2px;
}

/* Clear floats after the columns */
.rowc5:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .c5 {
text-align: center;
    width: 100%;
  }
}




/*botão extra-efeito hover radius*/

   .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #99cdff !important;
            border-color: #99cdff !important;
        }

/* efeito border imagens*/

.mg-image1 img {

    -webkit-transition: all 0.8s ease; 

    -moz-transition: all 0.8s ease;
                
    -o-transition: all 0.8s ease; 

    -ms-transition: all 0.8s ease; 

    transition: all 0.8s ease;


    max-width: 100%;

border: 1px solid #9a9a9a;


}

.mg-image1:hover img {

    -webkit-transform:scale(1.10); 

    -moz-transform:scale(1.10); 

    -ms-transform:scale(1.10); 

    -o-transform:scale(1.10); 

    transform:scale(1.10);

}

.mg-image1 {
    overflow: hidden;
    max-width: 100%;
}


/***********************************
PONTO 5 Retirar barra de pesquisa
************************************/
.header .search-box {
    display:none!important;
}
.master-header-wrapper {
    margin: 0;
}
.home-page-body .master-header-wrapper {
    margin-bottom: 0;
}
@media (min-width: 1025px) {
    .header .search-box {
        display:none;
    }
}


@media (max-width: 1024px) {
    .store-search-box {
        display: none;
    }
}
.header-lower .center {
	position: relative;
	height: 0px;
}
.header-lower {
    background-color: #ffffff;
}



/********************************* MENU DE LOG-IN,RETIRAR A LISTA DE DESEJOS**************************/

.header-links .ico-wishlist {
	display: none;}


/*alinhamento de 3 colunas em float-serviços*/

.column-serv {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.row-serv:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column-serv {
    width: 100%;
text-align:left;
  }
}



/************EFEITO CAIXINHA LOGOS**************/

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  display:  inline;
flex-direction: row;
   width: 150px;
}

div.gallery:hover {
border: 1px solid #49c7ed;
box-shadow: inset 0 0 0 1px #f7f7f7;
}

div.gallery img {
width: 100%;
height: auto;
}
@media screen and (max-width: 600px){
  .gallery {
align: inline;
    width: 70%;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;}



/*PARA ACTIVAR OS THUMBNAILS NO SLIDER*/
 
.nivo-controlNav.nivo-thumbs-enabled {
     display: block !important;
     margin-top: 7px;
     height: auto;
}
.nivo-thumbs-enabled a {
     top: 0;
     opacity: .7;
     border-color: transparent;
     width: 120px;
     height: auto;
     background-color: transparent;
     border-radius: 0;
}
.nivo-thumbs-enabled a.active {
     opacity: 1;
     background-color: transparent;
}





.rich-blog-homepage .post-picture a {
	display: block;
	max-height: 300px; /*otherwise the image is too big on some resolutions*/
	overflow: hidden;
 	width: fit-content;
border-bottom:10px;}



/*IMAGENS LOGOS FOOTER*/

.fegime-foot{
background-color: #f6f6f6;
text-align:center;
padding-left:0;
padding-bottom:5px;
}

@media (max-width: 1024px){
.fegime-foot{
padding-left:0;
background-color:  #eee;
 text-align:center;  }
}







/***************************************************************************************************/
/***********************************       HOME PAGE    ***********************************************/
/***************************************************************************************************/
/* TÍTULO DA HOMEPAGETEXT*/
.home-page .topic-block {
    margin: 0 auto 20px;
    padding: 15px 0;
    text-align: justify;
}
.topic-block-title {
    margin: 0 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}

.home-page .topic-block-title h2 {
    font-weight: bold;
    font-size: 24px;
    color: #09245b;
}

.page {
  color: #000;
}

/*START BRUNO*/



/***********************************
PONTO 15
Fixar o menu no topo da página quando se faz scrolldown como no tema prisma.
************************************/
@media (min-width: 1025px) {
    .header-upper{
        background-color: #f6f6f6;
    }
    .header.sticky .header-middle, .header.sticky .header-upper, .header.sticky .header-lower{
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
    }

    .header.sticky .header-middle {
        z-index: 1100;
    }

    .header.sticky .header-upper {
        z-index: 1300;
    }

    .header.sticky .header-lower{
        z-index: 1000;
        box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    }
}

/***********************************
PONTO 18
A lista de imagens do SubMenu ter o aspeto do tema Prisma
COM SUB-MENUS
************************************/
@media (min-width: 1025px) {
    .mega-menu {
        border: none;
    }
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        display: block;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .header-menu > ul > li:hover > a,
    .header-menu > ul > li:hover > span {
        color:#000;
    }
    .header-menu .sublist-wrap {
        opacity: 0;
        position: absolute;
        min-width: 220px;
        background: #fff;
        text-align: left;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        -webkit-transition: transform .3s , opacity .3s;
        transition: transform .3s , opacity .3s;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        pointer-events: none;
    }
    .header-menu > ul > li > .sublist-wrap > .sublist > li > a {
        border: none;
        padding: 13px;
        margin: 0;
        color: #000;
    }
    .header-menu .hover + .sublist-wrap {
        opacity: 0;
    }
    .header-menu > ul > li > .sublist-wrap {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        top: unset;
        left: unset;
        width: unset;
        margin: unset;
        padding: 0;
    }
    .header-menu > ul > li > .sublist-wrap > .sublist {
        overflow: unset;
        padding: 0;
        box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.2);
    }
    .header-menu > ul > li > .sublist-wrap > .sublist > li {
        float: unset;
        width: unset;
        padding: 0px;
        font-size: 13px;
    }
    .header-menu li:hover  > .with-subcategories + div + .sublist-wrap,
    .header-menu li > .with-subcategories.hover + div + .sublist-wrap {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        pointer-events: auto;
    }
    .header-menu .sublist-wrap.active {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        pointer-events: auto;
    }
    .top-menu {
        display: block;
    }
    .header-menu .sublist li {
        position: relative;
        border-top: 1px solid rgba(0,0,0,.1);
        float: unset;
        width: unset;
        padding: 0px !important;
    }
    .header-menu .sublist .back-button {
        display: none;
    }
    .header-menu .sublist li a {
        display: block;
        padding: 13px!important ;
        font-size: 13px;
        color: #000;
        -webkit-transition: background .3s;
        transition: background .3s;
    }
    .header-menu .sublist li:hover > a {
        background: #fff;
        color: #99cdff!important;
    }
    .header-menu .sublist-wrap .sublist-wrap,
    .mega-menu .sublist-wrap .sublist-wrap {
        top: -2px !important;
        left: 100% !important;
        padding: 0;
    }
    .mega-menu .sublist li > a:before,
    .mega-menu .sublist li > span:before {
        content: unset;
    }
}

/***********************************
PONTO 19
Em vez da barra de cor na área da newsletter na HomePage, ter uma Imagem de fundo de subscrição da newsletter como no tema Prisma
************************************/
.footer-upper {
    background-image: url('../img/electronics_pattern.png');
   background-color:#09245b; /*para mudar a cor de fundo sob a imagem-ss*/
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}


/***********************************
PONTO 13
Alargar a área de hover a todos os botões do submenu nos dispositivos móveis a toda a largura do botão
************************************/
@media (max-width: 1024px) {
    .header-menu > ul li.has-sublist > a {
        width: 255px;
    }
    .header-menu > ul li > a {
        width: 320px;
    }
}

/*END BRUNO*/

/*START BRUNO*/




/***********************************
PONTO 18
A lista de imagens do SubMenu ter o aspeto do tema Prisma
COM SUB-MENUS
************************************/
@media (min-width: 1025px) {
    .mega-menu {
        border: none;
    }
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        display: block;
        text-transform: uppercase;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .header-menu > ul > li:hover > a,
    .header-menu > ul > li:hover > span {
        color:#000;
    }
    .header-menu .sublist-wrap {
        opacity: 0;
        position: absolute;
        min-width: 220px;
        background: #fff;
        text-align: left;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        -webkit-transition: transform .3s , opacity .3s;
        transition: transform .3s , opacity .3s;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        pointer-events: none;
    }
    .header-menu > ul > li > .sublist-wrap > .sublist > li > a {
        border: none;
        padding: 13px;
        margin: 0;
        color: #000;
    }
    .header-menu .hover + .sublist-wrap {
        opacity: 0;
    }
    .header-menu > ul > li > .sublist-wrap {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        top: unset;
        left: unset;
        width: unset;
        margin: unset;
        padding: 0;
    }
    .header-menu > ul > li > .sublist-wrap > .sublist {
        overflow: unset;
        padding: 0;
        box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.2);
    }
    .header-menu > ul > li > .sublist-wrap > .sublist > li {
        float: unset;
        width: unset;
        padding: 0px;
        font-size: 13px;
    }
    .header-menu li:hover  > .with-subcategories + div + .sublist-wrap,
    .header-menu li > .with-subcategories.hover + div + .sublist-wrap {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        pointer-events: auto;
    }
    .header-menu .sublist-wrap.active {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        pointer-events: auto;
    }
    .top-menu {
        display: block;
    }
    .header-menu .sublist li {
        position: relative;
        border-top: 1px solid rgba(0,0,0,.1);
        float: unset;
        width: unset;
        padding: 0px !important;
    }
    .header-menu .sublist .back-button {
        display: none;
    }
    .header-menu .sublist li a {
        display: block;
        padding: 13px!important ;
        font-size: 13px;
        color: #000;
        -webkit-transition: background .3s;
        transition: background .3s;
    }
    .header-menu .sublist li:hover > a {
        background: #fff;
        color: #99cdff!important;
    }
    .header-menu .sublist-wrap .sublist-wrap,
    .mega-menu .sublist-wrap .sublist-wrap {
        top: -2px !important;
        left: 100% !important;
        padding: 0;
    }
    .mega-menu .sublist li > a:before,
    .mega-menu .sublist li > span:before {
        content: unset;
    }
}

/***********************************
PONTO 19
Em vez da barra de cor na área da newsletter na HomePage, ter uma Imagem de fundo de subscrição da newsletter como no tema Prisma
************************************/
.footer-upper {
    background-image: url('../img/electronics_pattern.png');
   background-color:#09245b; /*para mudar a cor de fundo sob a imagem-ss*/
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 210px;
}


/***********************************
PONTO 13
Alargar a área de hover a todos os botões do submenu nos dispositivos móveis a toda a largura do botão
************************************/
@media (max-width: 1024px) {
    .header-menu > ul li.has-sublist > a {
        width: 255px;
    }
    .header-menu > ul li > a {
        width: 320px;
    }
}

/*END BRUNO*/


/**************************************************************************/
/********************************  NEWSLETTER **************************/
/************************************************************************/

/*FONT DO TEXTO QUE ANTECEDE A SUBSCRIÇÃO DA NEWSLETTER*/
.newsletter .title {
	margin: 0 0 5px;
	line-height: 28px;
	color: #fff;
}
.newsletter .title strong {
	font-weight: normal;
font-size: 14px;
}

/*COR BOTÃO FORMULÁRIO*/ 
 .buttons-1 {
   background-color: #99cdff;
color: #fff;
border: none;
padding: 15px 32px;
}

/**********************************************************************************/
/********************************    HEADERS E TÓPICOS   **************************/
/*********************************************************************************/

.topic-block {
	margin: 0 0 20px;
font-size: 14px;
text-align:justify;
}

.topic-page .page-body {
    font-size: 14px;
}

/*cor de fundo das páginas*/
.master-wrapper-page {
    background-color: #ffffff;
font-size: 14px;
}

.header .header-logo {
        background-color: #fffff;
}

.header-middle {
	background-color: #ffffff

}


/*O width altera a largura do menu*/

/*
.header-logo {
	display: table-cell;
	width: 20%;
	padding: 0 0 0 0;
	vertical-align: middle;
}

*/

/*largura para o menu*/
/*
Comentei porque estava a desalinhar os menus em ambiente móvel
.ul.mega.menu{
 width: 800px;
margin: 0 0 0 10px;
}*/


.header-logo {
    text-align: center;
    padding-top: 10px;
}

.header-lower {
    background-color: #ffffff;
}

.header-menu > ul > li > a,
.header-menu > ul > li > span {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	text-transform: uppercase;
}

    
.cart .subtotal, .mini-shopping-cart .price strong, .mini-shopping-cart .totals strong, .item-box .actual-price, .overview .product-price, .variant-overview .product-price, .compare-products-table .product-price td, .cart-total .order-total, .productAddedToCartWindowDescription .price, .sale-of-the-day-offer .timer-info-box, .sale-of-the-day-offer .price.actual-price {
    color: #af1515;
}

/***************************************************************************************************/
/***********************************MARGENS*****************************************************/
/***************************************************************************************************/


/* MARGENS FUNDO PÁGINAS TÓPICOS */
@media (min-width: 1025px){
.center-1 {
    margin-bottom: 20px;
}
}
.center-1 {
    margin: 0 0 0 0;  /*  estava margin: 0 0 10px 0;*/
}



/******************************************************************************************/
/*********************************** LINKS  ***********************************************/
/*****************************************************************************************/


/* LINKS NA HOMEPAGE*/
 .topic-block-body a:link {
    color: #09245b;
     font-weight:bold;
     text-decoration:none;
}
.topic-block-body a:visited {
    color: #09245b;}

.topic-block-body a:hover {
    color: #99cdff;}
.topic-block-body a:active {
    color: #09245b;}


.contact-page .button-1,
.email-a-friend-page .button-1,
.page-body.button-1,
.apply-vendor-page .button-1 {
	border: none;
	background-color: #99cdff;
	padding: 15px 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	outline: 1px solid transparent;
	transition: all 0.2s ease;
}
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover {
	outline-color: #09245b;
}

/* LINKS NAS PÁGINAS DE TÓPICOS */
 .topic-page a:link {
    color: #09245b;
     font-weight:bold;
     text-decoration:none;
}
.topic-page a:visited {
    color: #09245b;}

.topic-page a:hover {
    color: #99cdff;}

.topic-page a:active {
    color: #09245b ;}

/* LINKS NAS PÁGINAS DE BLOGS */
.blogpost-page .post-body a:link {
    color: #09245b;
     font-weight:bold;
     text-decoration:none;
}

.blogpost-page .post-body a:visited {
    color: #09245b;}

.blogpost-page .post-body a:hover {
    color: #99cdff;}

.blogpost-page .post-body a:active {
    color: #09245b ;}


/* LINKS NAS PÁGINAS DE TÓPICOS VENDORS */
.vendor-description a:link {
    color: #09245b ;
     font-weight:bold;
     text-decoration:none;
}
.vendor-description a:visited {
    color: #09245b ;}

.vendor-description a:hover {
    color: #99cdff;}

.vendor-description a:active {
    color: #09245b ;}

/*LINKS NAS PÁGS DE FABRICANTES*/ 
.manufacturer-description a:link{
    color: #09245b ;
     font-weight:bold;
     text-decoration:none;
}
.manufacturer-page a:visited {
    color: #09245b ;}
.manufacturer-page a:hover {
    color: #99cdff;}
.manufacturer-page a:active {
    color: #09245b ;}

/* LINKS DO STORE LOCATOR*/
 shops-item, .shop-name a:link {
    color: #09245b;
     font-weight:bold;
     text-decoration:none;
}
 .shop-name a:visited {
    color: #09245b;}

.shop-name a:hover {
    color: #99cdff;}
.shop-name a:active {
    color: #09245b;}



/*<!--Font do breadcrump-->*/
.breadcrumb {
	margin: 0 0 5px;
	text-align: center;
}
.breadcrumb ul {
	font-size: 0;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li > * {
	display: inline-block;
	min-height: 32px; /*IE fix*/
	margin: 0 3px;
	font-size: 15px; /*reset zeroing*/
	line-height: 32px;
	vertical-align: middle;
}



/*<!--menu-->*/
/* PONTO 14 - Alargar hover */
/* Lina alterou 
@media (max-width: 1024px) {
    .header-menu > ul li.has-sublist > a {
        width: 270px;
    }
    .header-menu > ul li > a {
        width: 320px;
    }
}
*/



/***************************************************************************************************/
/***********************************   STORE LOCATOR        ******************************************/
/***************************************************************************************************/

/*TÍTULO STORE LOCATOR*/
.anywhere-page-map .map-title {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 24px;
    color: #09245b;
    text-align: left;
}



/*BOTÃO DE PESQUISA DO GOOGLE NO STORE LOCATOR */

button#searchForFilteredShops {
    background: #09245b;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    padding: 10px 21px;
}

/* STORE LOCATOR -QUADRADO DO "MAIS"*/
.shops-item .read-more {
    display: inline-block;
      background: #99cdff;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    padding: 11px 13px;}

/*COR BOTÃO FORMULÁRIO*/ 
 .buttons .button-1{
   background-color: #99cdff;
}


.email-a-friend-page .title {
	background-color: #f9f9f9;
    padding: 25px 30px;
}
.email-a-friend-page .title h2 {
	font-weight: normal;
	color: #333;
    text-transform: uppercase;
}

/***************************************************************************************************/
/***********************************  LISTAS     ******************************************/
/***************************************************************************************************/
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
	margin: 12px 0;
	padding: 0 0 0 0;
	list-style: disc;
}

/*********************************************************************************************************/
/******************************************    BLOG   ******************************************************/
/*********************************************************************************************************/

/*** TÍTULO ****/

.rich-blog-homepage .title {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px;
    font-size: 22px;
    line-height: 30px;
    color: #09245b;
    text-transform: uppercase;
}

.rich-blog-homepage .post-description {
	height: 60px; /*5 lines of text*/
}

/*********************************************************************************************************/
/******************************************    NOTÍCIAS   *************************************************/
/*********************************************************************************************************/
.news-list-homepage .title {
    margin: 20px 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px;
    font-size: 22px;
    color: #09245b ;
    text-transform: uppercase;
}


.news-list-homepage .news-title {
	font-size: 16px;
}
/*********************************************************************************************************************
************************************* BLOCO DE NOVO REGISTO NO SITE**********************************************
***********************************************************************************************************************/

/***********suno**************/
/* SITE-INNER*/

.main-content.background-gray {background:#F2F2F2; }

.main-content.background-gray {
    position: relative;
background-size: cover;
    background: #F2F2F2;
margin-right: auto;
    margin-left: auto;
    margin-bottom: -30px;
    padding-bottom: 0;
width: 100%;
}
.main-content.background-gray:before,
.main-content.background-gray:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #F2F2F2; 
    text-indent: -9999px;
    font-size: 0;
}
.main-content.background-gray:before{
    right: 100%;
}
.main-content.background-gray:after{
    left: 100%;
}

.main-content.first-block { margin-top: 16px;}
.main-content .content-wrapper {max-width: 1380px; padding: 0 20px; box-sizing: border-box; margin: 0 auto; font-family: "arial";color:#000;}
.main-content .content-wrapper img {max-width:100%; display: inline-block;}

.main-header .content-wrapper {font-size:0; margin-bottom: 20px;}
.main-header .content-title {display:inline-block; vertical-align:middle; width:38%; font-size: 22px; line-height: 35px;color:#000}
.main-header .content-title img {max-width:301px; margin-bottom: 10px;}
.main-header .content-title p{padding-left: 59px; margin:0;}
.main-header .links {display:inline-block; vertical-align:middle; width:62%;}
.main-header .links .link{display:inline-block; vertical-align:middle; width:50%; padding-left:22px; box-sizing:border-box;}
.main-header .links .link a:hover{text-decoration:none;}
.main-header .links .link .label{font-size: 16px; line-height: 19px; text-decoration: underline; margin: 4px 0 0; display: block; font-family: "arial";color:#000}

.main-info {padding-top:16px; position:relative;}
/*.main-info:before {content:""; height:100%; width:6px; background:#D92A3E; position:absolute; top:0; left:18%;}*/
.main-info .content-wrapper {font-size:0; padding: 100px 0; position:relative;}
.main-info .main-content.background-gray .content-wrapper {padding: 43px 0;}
.main-info .main-content.design .content-wrapper {padding: 140px 0;}
.main-info .content-wrapper:before {content:""; height:100%; width:6px; background:#D92A3E; position:absolute; top:0; left:82px;}
.main-info .main-content.first-block .content-wrapper:before { height: calc(100% + 25px); top:-25px; }
.main-info .content-wrapper .left {width: 53%; padding-right: 0px; box-sizing: border-box; display:inline-block; vertical-align:middle; z-index: 9; position: relative;}
.main-info .content-wrapper .right {width: 47%; padding-left: 20px; box-sizing: border-box; display:inline-block; vertical-align:middle; z-index: 9; position: relative;}
.main-info .content-wrapper .info {font-size:20px; padding-left:30px; box-sizing: border-box;}
.main-info .content-wrapper .info.left {padding-left: 130px; width: 61%}
.main-info .content-wrapper .image.right { width: 39%; text-align: center;}
.main-info .content-wrapper .image.right img { margin:0 auto;}
.main-info .content-wrapper .info .title {font-size:38px; font-family: "arial"; text-transform:uppercase; position:relative; margin: 0 0 20px;color:#000;}
.main-info .content-wrapper .info .title:after {content:""; height:14px; width:14px; background:#D92A3E; position:absolute; bottom:6px; left:-18px;}
.main-info .content-wrapper .info .content {margin-bottom:0;}
.main-info .content-wrapper .info .content h3 {margin: 15px 0 25px; text-transform: uppercase; font-family: "arial"; font-size: 20px; display: block; line-height: 25px;color:#000;}
.main-info .content-wrapper .info .content h3 b{font-family: "arial";color:#000;}
.main-info .content-wrapper .info .content p {margin: 0 0 20px;}
.main-info .content-wrapper .image .app-links {display:inline-block; padding-left: 40px;}
.main-info .content-wrapper .image .app-links a{display:block; margin-top: 5px;}
.main-info .content-wrapper.moderna .image.right {position: absolute; top: -35px;}
.main-info .content-wrapper .info .content ul {list-style:none; margin-top: 40px; max-width: 580px;}
.main-info .content-wrapper .info .content ul li {position:relative; margin-bottom: 40px; line-height: 38px;}
.main-info .content-wrapper .info .content ul li::before { content:""; background-image: url(../images/conteudo/check.png); width: 25px; height: 19px; display: inline-block; position: absolute; top: 10px; left: -38px;}
.main-info .content-wrapper .info .content ul li:last-child { margin-bottom: 0; }

.main-footer .main-content.background-gray {margin-top: 0; }
.main-footer ul {padding: 35px 0; list-style:none; font-size:0; text-align: center;}
.main-footer ul li {display:inline-block; vertical-align:top; width:calc(25% - 38px); margin-right:50px; font-size:18px; text-align: left;}
.main-footer ul li:last-child { margin-right:0;}
.main-footer ul li .title {margin-top:20px;}
.main-footer ul li .title img {display: inline-block; vertical-align: bottom; max-width: 23px; margin-right: 4px;}
.main-footer ul li .title h2 {font-family: "arial"; font-size: 16px; margin: 0; display: inline-block; line-height: 15px; vertical-align: bottom; color:#000;}
.main-footer ul li .title a:hover {text-decoration:none; color:#D92A3E;}
.main-footer ul li:hover .title h2 {color:#D92A3E;}
.main-footer ul li .info {line-height: 24px; padding-left: 32px; margin-top: 5px; font-family: arial"; color:#000;}

@media only screen and (max-width: 1200px) {	
	.container {padding: 0 !important;}
	
	footer .t3-copyright .container .row {margin:0;}
}
@media only screen and (max-width: 1000px) {

	.main-header .content-title { width: 100%; margin-bottom: 50px;}
	.main-header .links { width: 100%;}
	.main-header .links .link {padding: 0 10px;}
	
	.main-info .content-wrapper {padding-left:20px !important; padding-right:20px !important; box-sizing:border-box;}
	.main-info .content-wrapper::before {left: 30px;}
	.main-info .content-wrapper .info.left { padding-left: 70px; width:100%;}	
	.main-info .content-wrapper .image.right { width: 100%; margin-top: 30px;}
	.main-info .content-wrapper.moderna .image.right { position: relative; top: unset; margin-top: 30px;}
	.main-info .content-wrapper .image .app-links { margin-top: 20px;}
	.main-info .content-wrapper .info .content ul { max-width: 100%;}
	.main-info .main-content.design .content-wrapper { padding: 100px 0;}
	
	.main-footer ul li {  width: 50%; margin-right: 0; padding: 10px 20px; box-sizing: border-box;}
}
@media only screen and (max-width: 768px) {	
	.site-logo { margin: 0 0 0 auto;}
	
	.main-header .content-title img { max-width: 250px;}
	.main-header .content-title { font-size: 30px; line-height: 40px;}
	.main-header .content-title { margin-bottom: 40px;}
	.main-header .links .link { vertical-align: top;}
	
	.main-info .content-wrapper::before { left: 25px;}
	.main-info .content-wrapper .info { font-size: 16px; padding-left: 40px;}
	.main-info .content-wrapper .info.left { padding-left: 40px;}
	.main-info .content-wrapper .info .title { font-size: 30px;}
	.main-info .content-wrapper .info .content h3 { margin: 10px 0 18px;  font-size: 20px;  line-height: 28px;}
	.main-info .content-wrapper .info .content ul { padding-left: 18px; margin-top: 22px;}
	.main-info .content-wrapper .info .content ul li {margin-bottom: 20px;  line-height: 25px;}
	.main-info .content-wrapper .info .content ul li::before { width: 14px; height: 11px;  top: 10px; left: -20px; background-size: cover;}
	.main-info .content-wrapper .left { width: 100%; padding-right: 1px; margin-bottom: 30px; }
	.main-info .content-wrapper .right { width: 100%;}
	.main-info .content-wrapper { padding: 60px 0 40px;}
	.main-info .main-content.design .content-wrapper { padding: 60px 0 40px;}
	.main-info .content-wrapper .image.right {  margin-top: 0;}
	.main-info .content-wrapper.moderna .image.right { margin-top: 0;}
	
	.main-footer .main-content .content-wrapper { padding: 0 10px;}
	.main-footer ul li { padding: 10px 10px;}
	.main-footer ul li .title h2 {  font-size: 14px;}
	.main-footer ul li .title img { max-width: 20px; margin-right: 0px;}
	.main-footer ul li { font-size: 13px;}
	.main-footer ul li .info { line-height: 18px;}
}

@media only screen and (max-width: 450px) {	

	.main-header .content-title { font-size: 20px; line-height: 30px;}
	.main-header .content-title { margin-bottom: 28px;}
	.main-header .links .link { margin-bottom: 20px; width:100%;}
	
	.main-footer ul li { width: 100%; font-size: 15px;}
	.main-footer ul li .title { margin-top: 6px;}
	.main-footer ul li .title img { max-width: 23px;}
	.main-footer ul li .title h2 { font-size: 16px;}
	.main-footer ul li .info { line-height: 22px;}
}

/* END OF SITE-INNER*/