::selection {
  background-color: #fdd756;
  /* WebKit/Blink Browsers */

}
::-moz-selection {
  background-color: #fdd756;
  /* Gecko Browsers */

}
.master-header-wrapper,
.navigation-wrapper,
.ui-dialog-titlebar,
.scroll-back-button,
.language-list a:hover,
.ui-autocomplete a.ui-state-focus,
.footer-upper,
.newsletter-email .newsletter-subscribe-button,
.social-sharing a,
.product-viewmode a.selected,
.item-type-2 .bestsellers .product-box-add-to-cart-button:after,
.item-type-1 .product-grid .product-box-add-to-cart-button:before,
.item-type-2 .product-grid .item-box .product-box-add-to-cart-button:hover,
.pager li:before,
.pager li.current-page:before,
.ui-state-highlight,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.ui-tabs .ui-tabs-nav li:before,
.block-account-navigation .list li a:after,
.product-list .item-box .product-box-add-to-cart-button,
input[type=radio]:checked + label:before,
#Newsletter:checked + input + label:after,
.inputs.reversed input:checked + input + label:after,
.selector input:checked + input + label:after,
input[type=checkbox]:checked + label:after,
.field-validation-valid,
.username-available-status,
.poll .buttons button,
.qq-uploader .qq-upload-list li.qq-upload-success,
.attributes .option-list.radio-list li:hover label,
.attributes .option-list.radio-list input[type=radio]:checked + label,
.enter-password-form button,
.address-list-page .add-button button,
.checkout-page .address-item button,
.shipping-method .method-list li label:after,
.payment-method .method-list li label:after,
.totals .actions button,
.totals button,
.buttons .button-1,
.buttons .button-2,
.notify-me-button,
.search-box .search-box-button,
.blog-search-box .search-box-button,
.eu-cookie-bar-notification button,
.vendor-item .picture .hover,
.manufacturer-item .picture .hover,
.productAddedToCartWindowSummary div,
.product-review-box .rating div,
.write-review .rating-options:hover label:hover,
.write-review .rating-options:hover label:hover ~ label,
.write-review .rating-options input:checked ~ label,
.item-box .rating div,
.miniProductDetailsView .add-to-cart .add-btn-hover span,
.address-list .buttons .button-2:hover,
.order-list .buttons .button-2:hover,
.k-editor-dialog .k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
.ticketing-page form > .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-pager-numbers li,
.k-widget.confirmation-wrapper button,
#submit-reply .buttons .k-button,
.filter-shops-button,
.shops-item .read-more,
.social-feed .sub-title-link,
.feeds-page .feeds-nav-item.active:before,
button.apply-shipping-button,
.product-filters .ui-slider-range,
.product-filters .ui-slider-handle {
  background-color: #fdd756;
}
/* dark */

.store-search-box {
  background-color: #fccb24;
}
/* text color */

.cart .product-name:hover,
.cart .subtotal span,
.cart .remove-from-cart button:after,
.header-links a:hover,
.footer-middle li.address:before,
.footer-middle li.phone:before,
.social-sharing a:hover:after,
.block .list > li > a:hover,
.block .sublist > li > a:hover,
.block .sublist > li.active > a,
.block .view-all a,
.block .view-all a:hover:after,
.category-grid .item-box .sub-categories-list li a:hover,
.item-box .actual-price,
.item-box .buttons-wrapper button,
.bestsellers.product-grid .item-box .product-box-add-to-cart-button,
.item-box .buttons-wrapper button:hover:after,
.item-type-1 .product-grid .buttons-wrapper .product-box-add-to-cart-button:after,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.product-no-reviews a,
.product-review-links a:hover,
.product-review-links span + a,
.overview .value a,
.variant-overview .value a,
.overview .back-in-stock-subscription .subscribe-button,
.variant-overview .back-in-stock-subscription .subscribe-button,
.free-shipping:after,
.download-sample-button,
.qq-uploader .qq-upload-button,
.overview .product-price,
.variant-overview .product-price,
.qty-wrapper span:hover:after,
.overview .compare-products:hover:after,
.overview .email-a-friend:hover:after,
.overview .compare-products:hover button,
.overview .email-a-friend:hover button,
.overview .add-to-cart-button:hover span,
.variant-overview .add-to-cart-button:hover span,
.overview .add-to-cart-button:hover span:before,
.variant-overview .add-to-cart-button:hover span:before,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.wishlist-content button.button-2,
.compare-products-page .clear-list,
.accept-privacy-policy .read,
.check-username-availability-button,
.forgot-password,
.customer-pages-body .data-table td.points-balance,
.address-list .buttons .button-2:after,
.order-list .buttons .button-2:after,
.request-item a,
.return-request-page .data-table td.unit-price,
.file-upload label,
.order-progress li.active-step.last a:before,
.cart-options .common-buttons button,
.shopping-cart-page .common-buttons a,
.terms-of-service a,
.complete-button:hover span,
.complete-button:hover span:before,
#checkout:hover span,
#checkout:hover span:before,
.shipping-method .method-list li label:hover,
.payment-method .method-list li label:hover,
.opc .step-title span,
.order-details-page .btns-wrapper > a,
.products .product-subtotal,
.order-details-page .actions button + button,
.order-total strong,
.cart-total .order-total td.cart-total-right,
.return-request-page .qq-upload-button,
.sitemap-page li,
.blog-posts .read-more,
.news-items .read-more,
.news-list-homepage .view-all,
.blog-details a:hover,
.new-comment .result,
.comment-info .username,
.news-list-homepage .news-title:hover,
.forum-search-box .advanced a,
.forum-search-box .advanced a:hover:after,
.forums-table-section-title > a,
.forums-table-section-title strong,
.forums-table-section .view-all,
.topic-title:hover,
.forums-table-section .forum-title:hover,
.forums-table-section .latest-post .author a,
.forums-table-section .latest-post .origin a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button,
.topic-post .post-actions .quote-post a,
.private-messages-page .buttons button + button,
.private-message-send-page .buttons button + button,
.forum-edit-page .buttons button + button,
.move-topic-page .buttons button + button,
.topic-post .username,
.topic-post .pm-button,
.profile-info-box .pm-button,
.topic-post .post-vote > div,
.forum-edit-page strong,
.private-message-send-page a,
.private-messages-page .unread td a,
.private-message-view-page .buttons .delete-pm-button,
.private-message-view-page .buttons button:last-child,
.product-price td + td,
.wishlist-page .share-info a,
.eu-cookie-bar-notification button:hover,
.giftcard-summary label + span,
.cart-collaterals .current-code span,
.footer-powered-by a:hover,
.footer-designed-by a:hover,
.email-a-friend-page .title h2,
.post-navigation a,
.post-title:hover,
.news-title:hover,
.miniProductDetailsView .add-to-cart .add-btn-hover span:hover button,
.cart-collaterals .coupon-code button:hover,
.cart-collaterals .buttons .estimate-shipping-button:hover,
.edit-item,
.filter-options > div:before,
.k-editor-dialog .k-edit-buttons.k-state-default button.k-dialog-close.k-button,
.inputs.upload .k-button.k-upload-button span,
a.view-ticket.k-button:after,
a.k-button.k-grid-edit:after,
a.k-button.k-grid-update:after,
.k-grid .k-hierarchy-cell .k-icon::after,
.ticket-buttons .tb-right .k-button:before,
.ticket-comments .comment-header .left a,
.ticket-comments .comment-header .edit-comment:before,
.view-ticket-notes-page .ticket-buttons .k-button:before,
.apply-vendor-page .terms-of-service span,
.previous-product a,
.next-product a,
.price-match-wrapper:hover button,
.price-match-wrapper:hover:before,
.price-match-request .product-name a,
.shop-map-images .map-controls .get-directions-to-shop,
.anywhere-page-map .map-controls span,
.social-feed .post-text a,
.social-feed .post-description a {
  color: #fdd756;
}
/* border color */

.ajax-loading-block-window,
.product-list .item-box .buttons-wrapper .buttons button,
.product-grid .item-box .buttons-wrapper,
.bestsellers.product-grid .item-box .buttons-wrapper,
.attributes div .qq-uploader,
.inputs.upload .k-button.k-upload-button span,
.k-loading-image:after,
.social-feed .post-item,
.feeds-page .feeds-post-item {
  border-bottom-color: #fdd756;
}
.poll-options li label:hover,
.poll-options li input:checked + label {
  border-left-color: #fdd756;
}
.order-progress li.active-step.last a {
  border-top-color: #fdd756;
}
.item-type-2 .product-grid .item-box:hover .buttons {
  border-color: #fdd756;
}
/*mobile*/

@media screen and (max-width: 1024px) {
  .navigation-wrapper {
    background-color: #fdd756;
  }
  /*instant search*/
  
  .store-search-box .search-box-select {
    border-right-color: #fdd756;
  }
  .store-search-box .search-box-select {
    background-color: #fccb24;
  }
  .header-menu > ul li > a:hover,
  .header-menu > ul li > span:hover {
    color: #fdd756;
  }
}
/*1024*/

@media screen and (min-width: 1025px) {
  .filter-options > div:before,
  .compare-section.price li {
    color: #fdd756;
  }
  .flyout-cart .buttons button,
  .flyout-cart .buttons button + button:hover:before,
  .header-menu .sublist li:hover > a {
    background-color: #fdd756;
  }
  .flyout-cart .item .price span,
  .flyout-cart .totals strong,
  .flyout-cart .buttons button:hover span:before,
  .flyout-cart .buttons button:hover,
  .flyout-cart .buttons button + button,
  .footer-block .list > li:hover,
  .downloadable-products-page .download a:hover {
    color: #fdd756;
  }
  .header-menu > ul > li:hover > a,
  .header-menu > ul > li:hover > span,
  .header-menu .sublist-wrap {
    background-color: #fccb24;
  }
}
/*ajaxCart*/

.ajax-cart-button-wrapper button,
.productAddedToCartWindowDescription .price {
  color: #fdd756;
}
.productAddedToCartWindowSummary div:hover .button-1 {
  color: #fdd756;
}
.nopAjaxCartPanelAjaxBusy::after {
  border-bottom-color: #fdd756;
}
/*ajaxFilters*/

.selected-options-list > li span,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span {
  color: #fdd756;
}
.ui-slider-range {
  background-color: #fccb24;
}
.ui-slider-handle,
.ajaxFilters .k-window-titlebar {
  background-color: #fdd756;
}
.productPanelAjaxBusy::after {
  border-bottom-color: #fdd756;
}
/**sliders */

.nivo-controlNav a.active {
  background-color: #fdd756;
}
/*cloud zoom*/

.cloudzoom-ajax-loader:after {
  border-bottom-color: #fdd756;
}
/*instant search*/

.instant-search-item .detail .price {
  color: #fdd756;
}
/*jCarousel*/

.nop-jcarousel.category-grid .item-box .title:hover a {
  color: #fdd756;
}
.full-width-carousel .home-page-product-grid,
.nop-jcarousel .slick-prev:hover,
.nop-jcarousel .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.carousel-cover,
.nop-jcarousel.vendor-grid .item-box .title a:before,
.nop-jcarousel.manufacturer-grid .item-box .title a:before {
  background-color: #fdd756;
}
.full-width-carousel .home-page-product-grid .slick-prev:hover,
.full-width-carousel .home-page-product-grid .slick-next:hover,
.full-width-carousel .home-page-product-grid .slick-prev,
.full-width-carousel .home-page-product-grid .slick-next {
  background: #fccb24;
}
/*mega menu*/

.mega-menu .title:hover,
.mega-menu .box li a:hover {
  color: #fdd756;
}
/*quickView*/

.product-list .quick-view-button,
.quickView .k-loading-image {
  border-bottom-color: #fdd756;
}
.quick-view-button a,
.item-box .buttons-wrapper a:hover:after,
.quickView .links-panel a,
.quickView .variant-info,
.overview .add-to-wishlist:hover button,
.quickView .overview .add-to-wishlist:hover:after {
  color: #fdd756;
}
/*ropc*/

.ropc .ship-to-same-address,
.estimate-shipping button,
.complete-button button {
  background-color: #fdd756;
}
.ropc .ship-to-same-address input[type=checkbox]:checked + label::after {
  color: #fdd756;
}
/*rich blog*/

.rich-blog-homepage .post-title {
  border-top-color: #fdd756;
}
.rich-blog-homepage .view-all,
.blog-instant-search .k-item,
.search-term-highlighter {
  color: #fdd756;
}
/*spc*/

.spc-header li:before,
.spc-categories .category-title {
  background-color: #fdd756;
}
.spc-body .loading-overlay span,
.spc-categories > .loading-overlay span {
  border-bottom-color: #fdd756;
}
.product-ribbon {
  border-top-color: #fdd756 !important;
}

.anywhere-page-map .map-controls span {
    cursor: pointer;
    color: #4ab2f1;
}


/*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%;
}




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

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

 */



/*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%;
  }
}

/******************* 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: 10px;
  border-radius: 12px;
  border: 2px solid rgb(116, 113, 113);
  margin: 1rem;
  box-shadow: 1px 1px 1px #000;
}

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

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

/************************** 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;}}



/************************** 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%;
}



/********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%;
}

h1 {
text-align: left;
font-size: 30pt; 
color: #000;
text-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
padding-bottom: 5px;
}

/***************slider para telemoveis-ss*************************/
/*****    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;  }}


/*******************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);
}



/*CLASSES WALLBOX-SS*/

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

/*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%;
}

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

.fundo1 {
    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%;
}
.fundo1:before,
.fundo1:after {
    content: '.';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f5f5f5; 
    text-indent: -9999px;
    font-size: 0;
}
.fundo1:before{
    right: 100%;
}
.fundo1: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: #fff;
}
/*Texto centro*/
.top-cttxt {
  position: absolute;
  top: 15%;
  left: 350px;
  right: 450px;
text-align: center;
 line-height:1.3;
  font-size: 18px;
  color: #ffffff;
}

/* 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: -640px;
margin-bottom:-40px;
overflow: hidden;
}}
.containerimg::after{
content: none;}

.containerimg::before{
content: none;}

/* 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:   -440px; /*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: -340px;
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;}
}

/*fundos inteiros - preto*/ 

.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%;
}



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

/*fundo das pag do blog*/
@media (min-width: 1025px) {
.blogpost-page .post-date, .blogpost-page .post-body,  .blogpost-page .tags, .rich-blog-image {

      background-color: #fff;
} }



.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;
}


/* 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;
 }

/* 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%;
  }
}

/******************* 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%;
  }
}


/*****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%;
  }
}

/************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%;
  }
}
/******************* 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;  }}


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

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

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

/***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%;
  }
}



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

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

/* 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%;
  }
}


/*fundos inteiros - azul CLARO philips*/ 
.phfundo {
    position: relative;
background-size: cover;
    background: #B3C8E6;
margin-right: auto;
    margin-left: auto;
  margin-top: 0;
 margin-bottom: 0;
    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%;
}

/*********************************SLIDERS***********************************************/

/*****    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;
        }
}




/*********BOTAO RADIUS******************/

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

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


/************************** efeito border a cinza nas imagens com zoom (catálogos com capas brancas), se for para imagens que não precisem de border o código é igual mas sem o "1" **********************/

/* 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%;
}

/**** cor de fundo das páginas das marcas e vendors*****************/
.vendor-description, .manufacturer-description {
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}

/*******COLUNAS***********/

/* Create two equal columns that floats next to each other */
.column-tools {
  float: left;
  width: 50%;
  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%;
  }
}

/*div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

 {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
*/
/************EFEITO CAIXINHA LOGOS**************/

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

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

div.gallery img {
width: 100%;
height: auto;
}


/*div.desc {
  padding: 0;
  text-align: center;
}

box-shadow: inset 0 0 0 1px #f7f7f7;*/






fegime-foot {
    padding-bottom: 5px;}

/*altura do rodapé*/
@media (min-width: 1025px){
.footer-middle {
    margin: 0 auto;
    padding: 80px 50px 10px;
    width: 980px;
    font-size: 0;
}}



@media (max-width: 1024px)
{
.fegime-foot {
    text-align:center;
    padding-left:0;
  padding-bottom: 5px;
   }
}
/* valor original -17*/
.footer-powered-by {
        margin-top: -2px;
    }

/* Cor do email */
.footer-middle li.email:before {
    color: #fdd756;
}


/* Substituição lupa blog*/
.blog-search-box .search-box-button {
     background: #fdd756 url(../../Content/img/lupa38_45.png) no-repeat center;
}

/* Botão do Linkedin */
.social-sharing .vimeo:after {
    content: '\6c';
}

/*IMAGENS LOGOS FOOTER*/
.fegime-foot {
    padding-left:0;
}
@media (max-width: 1024px)
{
footer.fegime-foot {
 text-align:center;
 padding-left: 0;
   }
}


.master-header-wrapper {
    width: 100%;
    background: url(HEADER.jpg);
background-color: #ffffff;
    background-repeat: no-repeat; 
    background-size: contain;
}

.master-wrapper-content {
    margin: 5px auto;
}

.ico-wishlist{
   visibility: hidden;
}

.shopping-cart-link{
  visibility: hidden;
}



/***********************************
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;
    }
}


/***********************************
PONTO 9
Alinhamento de Margens e  topos em dispositivos móveis
************************************/
.header-wrapper {
    padding: 10px;
}

.page-body {
   padding: 10px;
}


/*MARGEM DO LOGO*/
/*.header-logo {
    text-align: left;
margin-left: -100px;
}
*/
/* Margem logo em dispositivos móveis
@media all and (max-width: 1024px) {
   
    .header-logo {
      text-align: left;
      margin-left: 7px
    }
}*/


input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {
    height: 40px;
    border: 1px solid #eee;
    padding: 8px;
    vertical-align: top;
    font-size: 13px;
    color: #666;
}


/*UL CENTRAR*/
.topic-page ul, .post-body ul, .custom-tab ul {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    list-style: disc;
}

@media screen and (max-width: 31.5em){
.grid {
    padding: 10px 10px 0 10px;
}
}

.grid {
    padding: 20px 20px 0 20px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    max-width: 33%;
    margin: 0;
    padding: 10px 10px 0 10px;
    text-align: left;
    position: relative;
    margin-bottom: 9px;
}

@media (min-width: 1025px){
.header-wrapper {
    margin: 0 auto;
    padding: 15px 0 25px 0;
    width: 1000px;
    -webkit-transition: all .3s;
    transition: all .3s;}
}}


/*FUNDO DAS PÁGINAS VENDOR E MANUFACTURER*/ 
.vendor-description .manufacturer-description {
    margin-bottom: 20px;
    padding: 20px;
    background: #ffffff;
}



/*FUNDO DAS PÁGINAS VENDOR E MANUFACTURER*/ 
.vendor-description .manufacturer-description {
    margin-bottom: 10px;
    padding: 20px;
    background: #fff;
}

/*FUNDO DA PAG DE FABRICANTES-MARGEM*/
.manufacturer-grid,
.vendor-grid,
.recently-added-products-page .product-grid {
    padding: 25px;
    background: #f6f6f6;
}
.manufacturer-page .product-grid,
.vendor-page .produt-ct-grid {
    margin:0 0 0 0;
    padding: 5px;
    background: #f6f6f6;
}


/***********************************
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;
    }
}
/***********************************
PONTO 20
Ajustes aos carrosseis da home page que em ambiente móvel (tablet) ou landscape, não aparece as letras
************************************/
.nop-jcarousel.category-grid .item-box {
    position: relative;
}

.nop-jcarousel.category-grid .item-box .title {
   padding: 10px 5px;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}


/*CARROCEL FABRICANTES E VENDORS - BORDER-*/
.nop-jcarousel.vendor-grid .slick-slide .picture,
.nop-jcarousel.manufacturer-grid .slick-slide .picture {
    border: 0px solid #fdd756;
    max-width: 100%;
}
/*CARROCEL FABRICANTES E VENDORS - espaço para títulos, VALOR POR DEFEITO DA FONT É 24*/
.nop-jcarousel .carousel-title {
    position: relative;
    margin: 0 0 0 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 2px;
    color: #444;
}
/*CARROCEL FABRICANTES E VENDORS - PADDING, POR DEFEITO É 20*/
@media (min-width: 1025px){
.manufacturer-grid, .vendor-grid, .recently-added-products-page .product-grid {
    padding: 10px;
}}
/*CARROCEL FABRICANTES E VENDORS - MARGIN, POR DEFEITO É 50*/
.nop-jcarousel.vendor-grid, .nop-jcarousel.manufacturer-grid {
    margin: 0;
    background: none;
}
/*CARROCEL FABRICANTES E VENDORS - padding, POR DEFEITO É 50*/
.nop-jcarousel.vendor-grid, .nop-jcarousel.manufacturer-grid {
    margin: 0;
    padding: 0 0 0 0;
    background: none;
}

/* COR DE FUNDO DO CARROCEL CATEGORIAS */
.carousel-item .item-box {
    width: 100% !important;
    margin: 0 !important;
}
.nop-jcarousel.category-grid .slick-carousel {
    padding: 10px 5px;
    background: #ffffff;
}
.nop-jcarousel.product-grid .carousel-item,
.nop-jcarousel.category-grid .carousel-item {
    padding: 0 4.5px; /*defines the distance between the carousel item boxes*/
}
.nop-jcarousel.category-grid .item-box {
    background: #fff;
}


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

/* MARGENS FUNDO PÁGINA HOME */
.home-page .topic-block {
    margin: 0 0 20PX 0;
    padding: 0 0;
  }

/* MARGENS FUNDO PÁGINAS MANUFACTERES */
@media (min-width: 1025px){
.center-2 {
    margin-bottom: 20px;
}
}
.center-2 {
    margin: 0 0 20px 0;
}

/*FUNDO DA COLUNA LATERAL ESQUERDA DE CATEGORIAS E FORNECEDORES*/ 
.side-2 {
    background: #ffffff;
}

/*RISCA SOB TITULOS NA COLUNA*/ 
.block .title {
    border-bottom: 1px solid #000000;
}
/*SETA ANTES DO ITEM DA  COLUNA LATERAL ESQUERDA*/ 
.block .listbox li a:before {
    content: '\e925';
    display: inline-block;
    margin-right: 10px;
    font-family: prisma;
    font-size: 10px;
    color: #000000;
    transition: all .3s;
}

/*SETA DE TOPO  DA  COLUNA LATERAL ESQUERDA*/ 
.block .title а:after, .block .title strong:after {
    content: '\e923';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 28px;
    height: 28px;
    background: #f9f9f9;
    text-align: center;
    line-height: 28px;
    font-family: prisma;
    font-size: 10px;
    color: #000000;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}


/*RISCA NO FUNDO DA COLUNA*/ 
.block .listbox {
    display: block;
    border-bottom: 1px solid #000000;
}

/*COR DO BOTÃO DA MINHA CONTA*/ 
.responsive-nav-wrapper .personal-button > span:after {
    content: '\e945';
    color: #F4B223;}

/*COR DO BOTÃO DO MENU EM MÓVEIS*/ 
.responsive-nav-wrapper .menu-title > span:after {
    content: '\e908';
    color: #F4B223;
}

/*COR DA BARRA DE PESQUISA EM DISPOSITIVOS MÓVEIS*/ 
.store-search-box {
    background-color: #F4B223;
}


/*CORES DO MENU*/

/*FUNDO DO MENU*/
.header-menu > ul > li:hover > a, .header-menu > ul > li:hover > span, .header-menu .sublist-wrap {
    background-color: #FDD756; 
}

/*FUNDO DO SUBMENU*/
.header-menu .sublist-wrap {
       background: #FDD756; 
 }

/* COR DA FONT DO SUBMENU*/
.header-menu .sublist li a {
    display: block;
    padding: 11px 20px 10px;
    font-size: 13px;
    color: #000000; 
    -webkit-transition: background .3s;
    transition: background .3s;
}

/*COR DAS FONTS DO MENU DE TOPO */
.header-menu > ul > li > a, .header-menu > ul > li > span {
    display: block;
    padding: 15px;
    text-transform: uppercase;
    font-size: 14px;
    color: #000000;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*COR DO BACKGROUND E FONT DO HOVER NO MENU*/
 .header-menu > ul > li:hover > a,
    .header-menu > ul > li:hover > span { 
        background: #FDD756;  
        color: #000000; /*FONT*/
           }

/*COR DO BACKGROUND  DO HOVER  NO SUBMENU*/
 .header-menu .sublist li:hover > a {
    background-color: #000000;
color:#fff;}
}


/*FORMATAR TEXTO DE APRESENTAÇÃO RESUMO DO BLOG*/ 
.rich-blog-homepage .post-details {
    margin: 0 auto;
    max-width: 90%;
    text-align: justify;
    background-color: #000000;
}

/*FORMATAR TEXTO DE APRESENTAÇÃO RESUMO DO BLOG EM MÓVEIS*/ 
.rich-blog-homepage .post-details {
    margin: 0 auto;
    max-width: 90%;
    text-align: justify;
}

/*TÍTULO DA PÁGINA*/ 
.page {
    min-height: 200px;
    text-align: center;
}
.page-title {
    margin: 30px 0 20px;
    padding: 8px 15px;
}
.page-title h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #000000;
}

/* TÍTULO DA HOMEPAGETEXT*/
.home-page .topic-block {
    margin: 0 auto 15px;
    padding: 30px 0;
    text-align: center;
}
.topic-block-title {
    margin: 0 0 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}
.topic-block-title h2 {
    font-size: 24px;
}
.home-page .topic-block-title h2 {
    font-weight: normal;
    font-size: 24px;
    color: #000000;
}

/* TÍTULO DAS NOTÍCIAS*/
.news-list-homepage .title {
    margin: 0 0 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #000000;}

.news-list-homepage {
    padding: 35px 0;
}

/*IMAGENS DAS NOTÍCIAS CENTRADAS*/
.news-list-homepage .news-item {
    text-align: center;
}

/*Imagens noticias centradas*/
@media (max-width: 1024px) {
   .news-list-homepage .news-item {
       text-align: center;
   }
}

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


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

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

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

.topic-block-body a:hover {
    color: #FDD756;}
.topic-block-body a:active {
    color: #F4B223;}

/*TÍTULO DO PLUGIN DE BLOG*/
.rich-blog-homepage .title {
    margin: 0 0 60px;
    padding: 12px 0 13px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #000000;
}

/*LINKS BLOG+DETALHES SETA*/
 .blog-posts .read-more:after, .news-list-homepage .view-all:after {  /*seta do blog "LINK" LER MAIS*/
    color: #F4B223;
}

.blog-posts .read-more:hover, .read-more:hover::after {/* NO BLOG LER MAIS  NO HOVER--*/
    color:#FDD756;
}


 .view-all:hover::after {
    color:#fdd756;
}

/*SINAL ANTES DO VIEW_ALL DO BLOG*/
.rich-blog-homepage .view-all:before {
    content: '\e908';
    display: inline-block;
    margin-right: 5px;
    font-family: prisma;
    font-size: 12px;
    color: #F4B223;
}


/*LINKS NAS NOTÍCIAS*/
 .news-items .read-more:after, .news-list-homepage .view-all:after { 
    color: #F4B223;
}

 .read-more:hover::after { /*SETAS NO HOVER*/
    color:#FDD756;
}

.view-all:hover::after {/*SETA NO HOVER DO ARQUIVO DE NOTÍCIAS*/
    color:#FDD756;
}


/* HOVER DA SETA DE AFTER  NO FIM DE FORNECEDORES*/
.block .view-all a:hover:after
{
    color:#FDD756;
}


.view-all a:link {
    color: #F4B223;
     font-weight:bold;
     text-decoration:none;
}
 .view-all a:visited {
    color: #F4B223;}

.view-all a:hover {
    color: #FDD756;}

.view-all a:active {
    color: #F4B223;}

/*links nas notícias*/
.buttons a:link {
    color: #F4B223;
     font-weight:bold;
     }
.buttons a:visited {
    color: #F4B223;}
.buttons a:hover {
    color: #FDD756;}
 .buttons a:active {
    color: #F4B223;}

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


/* COR DE BACKGROUND NA PÁGINA DE CATEGORIAS*/
.category-page-body .page-body {
    background: #ffffff;
}

/* FUNDO DAS CATEGORIAS NO MEGA MENU
.mega-menu .row {background:  #ffffff; }*/

/* COR SOBRE LISTA DE FORNECEDORES*/
.manufacturer-item .picture .hover {
background-color: #F4B223;
}
/* COR DA FONT SOBRE LISTA DE FORNECEDORES*/
.vendor-item .picture .hover span, .manufacturer-item .picture .hover span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* COR DA SETA DA LISTA  DE FORNECEDORES*/
.block .list > li > a {
    color: #000000;
}


/* TAMANHO DA FONT NO EFEITO NA TABELA DE FORNECEDORES*/
.manufacturer-item .picture .hover span {
 font-size: 13px;
 color: #ffffff;
}
/* COR DO EFEITO SOBRE IMAGENS DOS FABRICANTES EM "ALL"*/
.manufacturer-item .picture .hover {
    background-color: #F4B223;
}

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

.topic-page a:hover {
    color: #FDD756;
 text-decoration:none;
font-weight:bold}

.topic-page a:active {
    color: #000000;
font-weight:bold}

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

.block .view-all a:after { /* SETA LINK DO VER TODOS FABRICANTES*/
    content: '\e925';
    display: inline-block;
    margin-left: 10px;
    font-family: prisma;
    font-size: 10px;
    color: #F4B223;}

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

.shop-name a:hover {
    color: #FDD756;}

.shop-name a:active {
    color: #F4B223;}

/*BOTÃO DE PESQUISA DO GOOGLE NO STORE LOCATOR  - só aparece quando há mais do que uma loja*/
button#searchForFilteredShops {
    background: #F4B223;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    padding: 10px 21px;
}


/*FUNDO DA PÁG FABRICANTES*/ 
.manufacturer-description {
    margin-bottom: 20px;
    padding: 20px;
    background: #ffffff;}


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


.block .view-all a:after {
   color: #F4B223;
       }
.block .view-all:hover::after {
   color: #FDD756;
       }

/* PÁGINA DO PRODUTO - ALTERAR A COR DE FUNDO  */
.product-content-wrappper {
    padding: 10px 0;
    background: #ffffff;
}


.listbox {background-color: white;}

/*alterar botão do formulário de contacto*/ 
.contact-page.button-1{
   background-color: #F4B223;
}

/*********************************************************************************************************************
************************************* BLOCO DE NOVO REGISTO NO SITE**********************************************
***********************************************************************************************************************/

/*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: 25%;
    float: left;
    padding-bottom: 60px;
    margin-bottom: 0;
    width: 49.2%;
    align-content: space-evenly;
}
}



/***********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: 30px; 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: 18px; 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*/

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