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

}
::-moz-selection {
  background-color: #0e2d6d;
  /* 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 input,
.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 input[type="submit"],
.address-list-page .add-button input,
.checkout-page .address-item input,
.shipping-method .method-list li label:after,
.payment-method .method-list li label:after,
.totals .actions input,
.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 {
  background-color: #0e2d6d;
}
/* dark */

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

.cart .product-name:hover,
.cart .subtotal span,
.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 input,
.overview .email-a-friend:hover input,
.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,
.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 input + input,
.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 input + input,
.private-message-send-page .buttons input + input,
.forum-edit-page .buttons input + input,
.move-topic-page .buttons input + input,
.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 input: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 input,
.cart-collaterals .coupon-code input[type="submit"]: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 {
  color: #0e2d6d;
}
/* 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 {
  border-bottom-color: #0e2d6d;
}
.poll-options li label:hover,
.poll-options li input:checked + label {
  border-left-color: #0e2d6d;
}
.order-progress li.active-step.last a {
  border-top-color: #0e2d6d;
}
.item-type-2 .product-grid .item-box:hover .buttons {
  border-color: #0e2d6d;
}
/*mobile*/

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

@media screen and (min-width: 1025px) {
  .filter-options > div:before,
  .compare-section.price li {
    color: #0e2d6d;
  }
  .flyout-cart .buttons button,
  .flyout-cart .buttons button + button:hover:before,
  .header-menu .sublist li:hover > a {
    background-color: #0e2d6d;
  }
  .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: #0e2d6d;
  }
  .header-menu > ul > li:hover > a,
  .header-menu > ul > li:hover > span,
  .header-menu .sublist-wrap {
    background-color: #081a40;
  }
}
/*ajaxCart*/

.ajax-cart-button-wrapper input[type="button"],
.productAddedToCartWindowDescription .price {
  color: #0e2d6d;
}
.productAddedToCartWindowSummary div:hover .button-1 {
  color: #0e2d6d;
}
.nopAjaxCartPanelAjaxBusy::after {
  border-bottom-color: #0e2d6d;
}
/*ajaxFilters*/

.selected-options-list > li span,
.priceRangeCurrentPricesPanel span {
  color: #0e2d6d;
}
.ui-slider-range {
  background-color: #081a40;
}
.ui-slider-handle,
.ajaxFilters .k-window-titlebar {
  background-color: #0e2d6d;
}
.productPanelAjaxBusy::after {
  border-bottom-color: #0e2d6d;
}
/**sliders */

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

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

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

.nop-jcarousel.category-grid .item-box .title:hover a {
  color: #0e2d6d;
}
.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: #0e2d6d;
}
.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: #081a40;
}
/*mega menu*/

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

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

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

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

.spc-header li:before,
.spc-categories .category-title {
  background-color: #0e2d6d;
}
.spc-body .loading-overlay span,
.spc-categories > .loading-overlay span {
  border-bottom-color: #0e2d6d;
}
.product-ribbon {
  border-top-color: #0e2d6d !important;
}
/************************** domovea  hager **************************/
/*** Top right text *****/
.top-righttxth {
  position: absolute;
top: 45%;
 right: 62%; 
text-align: justify;
transform: translate(50%, -45%);
 line-height:1;
  font-size: 16px;
  color: #fff;
}
@media all and (max-width:800px)
{
.top-righttxth{
all:unset;}}


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

/*******************efeito float na página das marcas-ss***************************************/
.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%;
}



/*fundos inteiros - preto-sq*/ 

.fundo_bl _sq{
 /*   position: relative;*/
    background: #000000;
}


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





/* 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: 1px;
overflow: hidden;
}}




margin-bottom:25px;
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;
}}




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


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

/****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:0.9;
  font-size: 18px;
  color: #fff;
}

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

.home-page .page-body {
    margin: -10px auto 0;
    padding: 0 0 0 0;
}


div.nop-jcarousel.manufacturer-grid.div.title.carousel-title {
    display: none;
}


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

.nop-jcarousel .manufacturer-grid .div.title.carousel-title {
        display:  none;
}

.page .home-page .page-body {
        margin: 10px 50px;
}


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


.vendor-item .picture {
        border: 1px solid #E9E9E9;
}

.vendor-item .title {
      height: auto;
      text-align: center;
 /* visibility: hidden;  */
}

.vendor-item .title a {
      margin: 0;
      padding: 9px 0;
      margin-top: 2px;
      background: #fff;
      text-transform: none;
      font-weight: normal;
      font-size: 12px;
      color: #888888;
}

.nop-jcarousel.vendor-grid .item-box .title {
      visibility: hidden;
}

.nop-jcarousel.vendor-grid .item-box .title a:before {
      visibility: hidden;
}


/*  azul escuro SQ menu disp. móveis  =  #0A2346;  */                                  /*   R = 10   G = 35   B = 70   */
/*  azul escuro SQ menu linhas sep. disp. móveis  =  #2D5087;  */           /*   R = 45   G = 80   B = 135   */
/*  azul escuro SQ  =  #0E2D6D;  */
/*  azul claro SQ  =  #78BCE3;  */



/*****    BARRA MENUS em DISP. MÓVEIS  -  Menu Principal  -  Fundo de Baixo    *****/
@media (max-width: 1024px) {
.header-menu {
        background: #0A2346;
}}


/*****    BARRA MENUS em DISP. MÓVEIS  -  Menu Principal  -  Opções    *****/
@media (max-width: 1024px) {

/*  barra de cima  */
.navigation-wrapper {
        background-color: #0A2346;
        border-bottom: 0.5px solid #2D5087;
}

/*  opção de menu  */
.header-menu > ul li {
        border-bottom: 0.5px solid #2D5087;             /*  1px solid #eee;  */
        background: #0A2346;
}
.header-menu > ul li > a, .header-menu > ul li > span {
        padding: 16px 18px 16px 30px;       /*  16px 18px  */
        text-align: left;
        text-transform: uppercase;
        font-size: 18px;
        color: #ffffff;
}

/*  sinal à direita da opção de menu  */
.plus-button {
        background: none;
}
.plus-button:after {
          content: '';                                      /*  por defeito  é  '\e925'  */
   /*   font-size: 8px;     */
}

}


/*****    BARRA MENUS em DISP. MÓVEIS  -  Botão de Fechar    *****/
@media (max-width: 1024px) {
.header-menu .close-menu span:after {
        content: '\e901';
        font-size: 18px;
        color: #fff;
}}

/*****    BARRA MENUS em DISP. MÓVEIS  -  Botão de Back    *****/
@media (max-width: 1024px) {
.header-menu ul .back-button span:after {
   /* content: '\e901';   */
        font-size: 18px;
        color: #fff;
}}






/*****    BARRA CABEÇALHO  -  Botão "Menu"  (só disponível para DISP. MÓVEIS)    *****/
.responsive-nav-wrapper .menu-title {
        position: absolute;
        left: 2px;
}




/*****    CATEGORIAS  +  MARCAS  +  CAMPANHAS  -  Página Individual    *****/
.category-description, .manufacturer-description, .vendor-description {
        padding: 0px;                            /*   por defeito é   15px;  */
}


/*****    CATEGORIAS  +  MARCAS  -  Enumerações UL    *****/
.category-description ul, .manufacturer-description ul, .topic-page ul {
        margin: 15px 0 0 0;                 /*   por defeito é   12px 0;   */
        padding: 0 0 0 0;                      /*   por defeito é   0 0 0 36px;   */
}

.div.page.home-page {
    padding: 50px;
    background: #fff;
    border: 1px solid #E9E9E9;
}

/****************** home page - espaço antes do carrocel ****************/
@media (min-width: 1025px)
.home-page-body .center-1 {
  margin-top: 0;
    margin-bottom: 100px;
}
/***  CARROSSEL CATEGORIAS - Título  ***/
.nop-jcarousel.category-grid .carousel-title {
            padding: 35px 0 8px 0;
            margin: 0 0 0 0;        /*   0 0 20px;    */
      /*  display: none;       não funciona porque tem um       element.style{  display: block; }    que se sobrepõe...     */
}


/***  CAMPANHAS - Grelha com Todas as Campanhas  ***/
.vendor-grid {
    padding: 0px;
    background: #FFFFFF;
}


/***  SLIDER - Bolinhas tipo Índice  ***/
.nivo-controlNav a.active {
        background-color:  #49C7ED;
}


/* RETIRAR O CAMPO DE NEWSLETTER DA HOMEPAGE*/
.newsletter{
visibility:hidden;
}

/*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;
}
}
/*********************************************************************************************
**************************PÁGINA DE VENDORS***********************************************
**********************************************************************************************/

/*****PÁGINA DE VENDORS - PARA TER 2 CAMPANHAS  *****/
.vendor-grid .item-box    {
        width: 46.5%;
        padding: 5px 5px 20px 5px;      /*  5px ;  */
}

@media screen and (max-width: 600px) {
  .vendor-grid .item-box  {
        width: 100%;
        margin: 1%;
  }
}

@media (min-width: 1281px){
.vendor-grid .item-box:nth-child(4n+1) {
    clear: both;
    margin-left: 2%;
}
}

@media screen and (max-width: 600px) {
  .vendor-grid .item-box  {
        width: 100%;
        margin: 1%;
  }
}
/************retirar a caixa azul do hover na imagem do vendor ***************************************/
.vendor-item .picture .hover{
        visibility: hidden;
}


/*****    Pág. VENDORS  -  LINKS    *****/
.vendor-description a:link {
      color: #0E2D6D;
      font-weight: bold;
      text-decoration: none;
}

.vendor-description a:visited {
      color: #0E2D6D;
}

.vendor-description a:hover {
      color: #49C7ED;     /*  #78BCE3;  */
}

.vendor-description a:active {
      color: #0E2D6D;
}



/*efeito zoom na imagem-logotipo*/
.img-hover-zoom {
       overflow: hidden;
       transition: transform .4s, filter 2s ease-in-out;
       z-index: 999;
}
.img-hover-zoom:hover {
       overflow: hidden;
  /* transform: scale(1.3);  */
       z-index: 999;
}

.img-promo-capa-zoom140 {
       overflow: hidden;
       transition: transform .4s, filter 2s ease-in-out;
       z-index: 999;
}
.img-promo-capa-zoom140:hover {
       overflow: hidden;
       transform: scale(1.4);
       z-index: 999;
}

.img-hover-zoom200 {
       overflow: hidden;
       transition: transform .4s, filter 2s ease-in-out;
       z-index: 999;
}
.img-hover-zoom200:hover {
       overflow: hidden;
       transform: scale(1.3);
       z-index: 999;
}





/***************************************************/
.category-description p, .manufacturer-description p, .vendor-description p, .full-description p, .topic-html-content p, .topic-page p, .news-body p, .custom-tab p {
      margin: 8px;
}


/****************** cor branca de fundo ****************/
.page-body {
    padding: 50px;
    background: #fff;
    border: 1px solid #E9E9E9;
}


/* COR DE FUNDO - background  */
.master-wrapper-page {
       background-color: #f9f9f9;
}


/*TELEMÓVEL - TÍTULOS*/
@media screen and (max-width: 1280px) {
.page-title  h1 {
      margin: 0 0 0 17px;
} }

/* TELEMÓVEL */
@media screen and (max-width: 1280px) {

/*TELEMÓVEL - logotipo*/
.header-logo a img {
        max-width: 150%;
        margin: 0 0 0 50px;        /*  0px 0 0 45px;  */
} 

}

/*TELEMÓVEL - CENTRAR QUADRO DE COMENTÁRIOS NOS PRODUTOS*/
@media screen and (max-width: 1280px) {
.ui-tabs-panel .product-review-list {
      float: none;
} }
 


/**************** barra sob o título**************/
@media (min-width: 769px) {
.page-title, .checkout-page .page-title {
      margin: 0 0 5px 0;
      border-bottom: 1px solid #ddd;
      text-align: center;
      overflow: hidden;
      background: none;
} }




/**ESPAÇO NA PAG DE PRODUTO, ENTRE FOTO PEQUENA E MARGEM*/

.gallery.sevenspikes-cloudzoom-gallery {
    display: block;
    position: relative;
    margin: 5px 5px 0 20px;
}


/*  PRODUTO - Separadores  */
.ui-tabs .ui-tabs-panel
{
    background-color:  #fff; /*original apenas background, mas a cor de fundo dos título, ia ficar sobreposta*/
    font-size:  13px;
    color:  #888;
    border:  1px solid  #EEEEEE;
}
.product-review-list {
    overflow: hidden;
    padding: 20px;
    background: #fff;
}


/*para manter o fundo a branco do texto da descrição do produto*/
.productTabs-body {
      background-color: #fff;
}


/*cor de background do título do separador de comentário*/
.product-reviews-page .title,
.new-comment .title,
.comment-list .title {
      margin:  0 0 10x;
      padding-top: 15px;
      padding-bottom: 10px;
      border-bottom: 1px solid #ddd;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      color: #444;
      background-color: #e8eff9;
}

/*  PRODUTO - Sep. REVIEW  */
.write-review,
.new-comment {
      margin: 0 0 20px;
      padding: 20px;
      background: #FFFFFF;
}




/**********************************************************************/
/********************** CARROSSEIS ***************************************/
/***************************************************************/

@media (min-width: 1281px){
.page-body > div.full-width-carousel {
        width: 100%;
} }

/*  TODOS CARROSSÉIS  -  ESPAÇO ENTRE O CARROSSEL E O TÓPICO
.jCarouselMainWrapper  {
      margin: 0 0 0 0;         /*  0 0 20px 0;  */    
      background: none;     /*  #fff;  */
}

/****    TODOS CARROSSEIS  -  Título + Linha   */ 
.nop-jcarousel .carousel-title {
      position: relative;
      text-transform: uppercase;
      text-align: center;
      color: #0E2D6D;
}

.nop-jcarousel .carousel-title strong {
      display: block;
      margin: 0 0 0;
      padding: 0 0 8px  0;
      font-weight: bold;
      color: #0E2D6D;
      font-size: 20px;    /*  por defeito é 24  */
      border-bottom: 1px solid #ddd;
}

.nop-jcarousel.manufacturer-grid .slick-carousel {
      padding: 10px 5px;
      background: #fff;
}



/*CARROCEL FABRICANTES E VENDORS - BORDER*/
.nop-jcarousel.vendor-grid .slick-slide .picture,
.nop-jcarousel.manufacturer-grid .slick-slide .picture {
      border: 0 solid #ddd;
      border-left: 0;
      max-width: 100%;
}


/****    CARROSSEL FABRICANTES E VENDORS    ****/
@media (min-width: 1025px){
.manufacturer-grid,
.recently-added-products-page .product-grid {
      padding: 15px;    /*  por defeito é 20  */
} }

/****    CARROSSEL FABRICANTES    ****/
.nop-jcarousel.manufacturer-grid {
      margin: 0 0 0 0;                     /* margin por defeito é 50 */
      padding: 0 0 0 0;                          /* padding por defeito é 50 */
      background-color: #fff;            /*  none;  */
}

/****    CARROSSEL FABRICANTES  -  Título + Linha    ****/
.nop-jcarousel.manufacturer-grid .carousel-title {
      display: none;   /* block;  */
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      visibility: hidden;
}

/****    CARROSSEL VENDORS    ****/
.nop-jcarousel.vendor-grid {
      margin: 0 0 0 0;                              /* 0 0 20px 0;   margin por defeito é 50 */
      padding: 0 0px 30px 0px;     /* 0 0 0 0;        padding por defeito é 50 */
      background: #D8EFFB;
}

/****    CARROSSEL VENDORS  -  Fundo Lateral à Esquerda    ****/
.nop-jcarousel.vendor-grid:before {
      background: #D8EFFB;
}

/****    CARROSSEL VENDORS  -  Fundo Lateral à Direita    ****/
.nop-jcarousel.vendor-grid:after {
      background: #D8EFFB;
}

/****    CARROSSEL VENDORS  -  Título + Linha    ****/
.nop-jcarousel.vendor-grid .carousel-title strong {
      border-bottom: 1px solid #fff;
      padding: 35px 0 8px 0;
}

/****    CARROSSEL VENDORS  -  Grelha de Itens do Carrossel    ****/
.nop-jcarousel.vendor-grid .item-grid {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}

/****    CARROSSEL VENDORS  -  Cada Campanha    ****/
.nop-jcarousel.vendor-grid .item-box {
      /*  height: 190px;  */
            padding: 10px;
}

/****    CARROSSEL CATEGORIAS    ****/
.nop-jcarousel.category-grid .slick-carousel {
      padding: 10px 5px;
      background:  #FFFFFF;
      border: 0px solid #E9E9E9;
}

/****    CARROSSEL CATEGORIAS    ****/
.home-page-category-grid {
      margin: 0px auto 30px;            /*  20px auto;  */
      padding-bottom: 0px;   /*  retirar espaço de fundo  */
      max-width: 1250px;
}

/****    CARROSSEL CATEGORIAS  -  Nome das Categorias    ****/
.home-page-category-grid .item-grid {
      font-size: 9px;
}

/****    CARROSSEL CATEGORIAS  -  Cada Categoria    ****/
.nop-jcarousel.category-grid .item-box {
      height: 190px;
}
.nop-jcarousel.category-grid .item-box .title {
      padding: 20px 0;
      font-size: 12px;
      color: #0E2D6D;
}
.nop-jcarousel.category-grid .item-box .title:hover a {
      color: #49C7ED;     /*  #78BCE3;  */
}


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

/****    DIMINUIR O ESPAÇAMENTO ENTRE AS IMAGENS NA GRELHA DE MARCAS EM FABRICANTES    ****/
.manufacturer-grid .item-box .picture a:before {
      content: "";
      display: block;
      padding-top: 50%;    /* por defeito é 100% */
}

/*MARGENS DE FUNDO DAS PÁGINAS*/
@media (min-width: 1025px) {
.center-2 {
      float: right;
      margin-bottom: 50px;
      width: 73%;
} }

@media (min-width: 1025px) {
.center-1 {
      margin-bottom: 50px;
      background: #F9F9F9;
} }

/* COR SOBRE LISTA DE FORNECEDORES*/
/*para retirar o quadrado de cor que se desvanece no hover sobre o logotipo do fabricante*/
 .manufacturer-item .picture .hover {
      visibility: hidden;
}

.category-page-body .page-body {
      background: #FFFFFF;
      border: 1px solid #E9E9E9;
}

@media (min-width: 769px){
.registration-page .page-body, .contact-page .page-body, .email-a-friend-page .page-body, .apply-vendor-page .page-body {
      padding: 50px;
      background: #fff;
      border: 1px solid #e9e9e9;
} }



.product-content-wrappper {
     padding: 10px 0;
     background: #fff;
     border: 1px solid #e9e9e9;
}

.blog-page .post, .news-items .news-item, .news-content {
      position: relative;
      margin: 0 0 6px;
      padding: 20px;
      background: #fff;
}


/*FUNDO DA GRELHA DE FABRICANTES */
.manufacturer-grid {
      background: #fff;
}



/*****GRID DE FABRICANTES SEM MARGEM NO FUNDO****/
.item-box {
      position: relative;
      float: left;
      margin: 0 0 0 0;
      width: 49%;
}


/*PREÇO*/

.item-box .actual-price {
    font-weight: bold;
    font-size: 18px;
    color: #57b568;
    align: center;
}

/****    EFEITO CAIXINHA LOGOS - NOS LOGOTIPOS NA PÁGINA DA CAMPANHA PLUS    ****/

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

div.gallery:hover {
     border: 1px solid #78BCE3;
     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%;
} }

~
/***********************************************************************************/
/*********************************************** UL *********************************************/
/********************************************************************************/

/*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: 0 0 10px 0;
}
}

.grid {
    padding: 0;
    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;
}

/****    BARRA CABEÇALHO  -  Área Total  -  Comportamento para TELEMOVEIS    ****/ 
@media (max-width: 1024px) {
.header-wrapper {
      background-color: #E1F4FF;        /*  #EBF8FF;  */         /*  #F5F5F5;  */      /*  #FFFFFF;   */
      padding: 12px 5px 10px 5px;      /*   12px 5px;   */
      border-bottom: 1px solid #78BCE3;        /*  #ddd  */
} }

/****    BARRA CABEÇALHO  -  Área Total  -  Comportamento para PC    ****/ 
@media (min-width: 1025px) {
.header-wrapper {
      background-color: #FFFFFF;
      margin: 0 auto;
      padding: 15px 0 25px 0;
      width: 1000px;
      -webkit-transition: all .3s;
      transition: all .3s;}
}}


.page-body.pager {
      background: #fff;
}

/************************************** PRODUTOS NA PÁGINA DE CATEGORIA******************************/
/*barra da numeração da página*/
.pager {
      padding: 5px;
      border-top: 4px solid #fff;
      background: #fff;
}

/*barra da escolha de visualização dos produtos */
.product-selectors {
      padding: 10px 15px;
      border-top: 1px solid #eeeeee;
      border-bottom: 4px solid #fff;
      background: #fff;
      font-size: 13px;
      color: #aaa;
}

/*Texto nas páginas de produtos - label dos campos */
.overview .qty-label, .variant-overview .qty-label, .attributes .attr-label{
      color: #78BCE3;
}

.overview .label, .variant-overview .label {
      display: inline-block;
      width: 50%;
      color: #78BCE3;
      vertical-align: top;
}

/*****ALINHAR TÍTULO DA PÁGINA DE MARCAS*******/
div.center-2.four-per-row{
      margin-top: -5px;
}


/* COR SOBRE LISTA DE FORNECEDORES*/
/*para retirar o quadrado de cor que se desvanece no hover sobre o logotipo do fabricante
.manufacturer-item .picture .hover {
       visibility: hidden;
}

/*MARCAS-EFEITO DE ZOOM */
/*efeito zoom na imagem-logotipo*/
.item-box .picture {
      overflow: hidden;
      background: #fff;
      transition: transform .4s;
      z-index: 1;
}
.item-box .picture:hover {
      overflow: hidden;
      background: #fff;
      transform: scale(1.05);
      z-index: 1;
}



/* COLUNA ESQUERDA  -  CATEGORIAS E FABRICANTES */
/*------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 1025px)
.side-2 {
      float: left;
      margin-bottom: 200px;
      width: 25%;
      margin-top: 100px;
}


/* PARA TER TODO O FUNDO */
.block .list a {
      display: flex;    /* flex = para não ter espaço de início de linha */
      padding:  7px 25px 7px ;
}

/* FUNDO COM COR  no menu lateral no hover*/
.block .list > li > a:hover, 
.block .sublist > li > a:hover {
       background: #AFDCF0;    /*  #F9F9FA;  */
       color: #0E2D6D;    /*  #78BCE3;  */
}

/*para não existirem margens entre os botões e a caixa de fundo */
.block .listbox {
       color: #888; 
       padding: 15px 0 10px 0;
       font-size: 13px;
}




/*alinhamento do botão de fundo ver todos  */
.block .view-all {
      margin: 10px 0 0 25px;
}


/*FUNDO DA COLUNA LATERAL ESQUERDA DE CATEGORIAS, FORNECEDORES E BLOG*/ 
.side-2 {
      background: #FFFFFF;
      margin-top: 30px;
      border: 1px solid #EEEEEE;
}



/*   COLUNA LATERAL ESQUERDA  -  SETA ANTES DO ITEM   */ 
.block .listbox li a:before {
        content: '';
  /*  content: '\e925';   colocar para ter os sinais ">" ou outros   */
        display: inline-block;
        margin-right: 5px;
        font-family: prisma;
        font-size: 10px;
        color: #78bce3;
        transition: all .3s;
}


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


/*   COLUNA LATERAL ESQUERDA  -  TÍTULOS  "CATEGORIAS"  e  "MARCAS"   */ 
.block .title а,
.block .title strong {
      position: relative;
      display: block;
      padding: 15px 20px;
      text-transform: uppercase;
      font-size: 14px;
      color: #49C7ED;      /*   #78BCE3   */
      background-color: #EBF8FF;     /*   #FFFFFF   */
      cursor: pointer;
}

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



/*RISCA SOB TITULOS NA COLUNA*/ 
.block .title {
      border-bottom: 1px solid #EEEEEE;
}



/**************************************************************************************************/
/* MARCAS */
/* Cor de fundo - marcas*/
.manufacturer-grid, .vendor-grid, .recently-added-products-page .product-grid {
      padding: 5px;
      background: #fff;
}



/* MARCAS- RETIRAR SUBTÍTULO E TEXTO EM HOVER  */
.manufacturer-item .title {
      height: auto;
      text-align: center;
      visibility: hidden;
}

/****  Pág. Fabricantes  *******/
.manufacturer-description {
      margin-bottom: 0px;    /*  20px;  */
      padding: 0px;                  /*   20px;  */
      background: #fff;
}

/****  Pág. Campanhas  *******/
.vendor-description {
      margin-bottom: 0px;    /*  20px;  */
      padding: 0px;                  /*   20px;  */
      background: #fff;
}




/*  PRODUTO - Árvore de Categorias  */
.breadcrumb strong {
      font-weight:  normal;
      color:  #49C7ED;     /*  #78BCE3;  */
}


/* COR EMAIL RODAPÉ */
.footer-middle li.email:before {
       color: #0E2D6D;
}


/*RETIRAR SETAS NAS COLUNAS E RODAPE -  \e925*/
@media (min-width: 1025px){
.footer-block .list > li:before {
     content: '';
     margin-right: 10px;
     font-family: 'prisma';
     font-size: 10px;
     color: #d6d6d6;
     transition: all .3s;
     display: flex;
} }

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


/*IMAGENS LOGOS FOOTER*/
.fegime-foot {
      padding-left:0;
      text-align: center;
}

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


/****    RODAPÉ  -  Botões dos Títulos de Cada Bloco  -  Comportamento para TELEMÓVEIS    ****/ 
@media (max-width: 1024px) {
.footer-block .title:before, .footer-block .title:after {
            content: '\e923';
            font-size: 11px;
            font-weight: normal;
            background: #eee;
            color: #bbb;
} }



/***********************************
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;
      text-transform: none;
}


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




/*CENTRAR  RESUMO NOTÍCIAS*/
.post-body, .news-body {
      clear: both;
      margin: 0 0 20px;
      line-height: 20px;
      font-size: 13px;
      color: #888;
      text-align: justify;
}




/*TÍTULO DA PÁGINA*/ 
.page {
       min-height: 200px;
       text-align: left; 
 }
.page-title {
      margin: 25px 0 20px;
      padding: 8px 0 3px 0;
}

.product-name h1, .page-title h1 {
      text-transform: uppercase;
      text-align: left;
      font-size: 20px;
      font-weight: bold;
      color: #0E2D6D;
      padding: 0 0 3px 0;
}


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

.read-more:hover::after { 
      color: #49C7ED;     /*  #78BCE3;  */
}

.view-all:hover::after {
      color: #49C7ED;     /*  #78BCE3;  */
}


/* SETA DE AFTER  NO FIM DE FORNECEDORES EM HOVER*/
.block .view-all a:hover:after {
      color: #49C7ED;     /*  #78BCE3;  */
}

/* SETA DE AFTER  NO FIM DE FORNECEDORES*/
.block .view-all a:after {
      content: '\e925';
      display: inline-block;
      margin-left: 10px;
      font-family: prisma;
      font-size: 10px;
      color: #0E2D6D;
      vertical-align: middle;
      -webkit-transition: all .3s;
      transition: all .3s;
}

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

.view-all a:visited {
      color: #0E2D6D;
}

.view-all a:hover {
      color: #49C7ED;     /*  #78BCE3;  */
}

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





/* COR SOBRE LISTA DE FORNECEDORES*/
.manufacturer-item .picture .hover {
       background-color: #ffffff;
}

/* font botão lista de fornecedores*/
.manufacturer-item .picture .hover span {
       font-size: 18px;
       color: #0E2D6D;
}


/*LINKS NAS PÁGS DE FABRICANTES*/ 
.manufacturer-description a:link{
      color: #0E2D6D;
      font-weight: bold;
      text-decoration: none;
}
.manufacturer-page a:visited {
      color: #0E2D6D;
}
.manufacturer-page a:hover {
      color: #49C7ED;     /*  #78BCE3;  */
}
.manufacturer-page a:active {
      color: #0E2D6D;
}



.block .view-all a:after {
      color: #0E2D6D;
}

block .view-all:hover::after {
      color: #49C7ED;     /*  #78BCE3;  */
}






/************************************** PRODUTOS ******************************/
/**NÚMERO DE PÁGINAS DE PRODUTOS NO FIM DA PÁG DE CATEGORIAS/
.pager {
      padding: 5px;
      border-top: 4px solid #fff;
      background: #fff;
}

/* CAIXA DE PRODUTOS NA PÁG DE CATEGORIAS */
.item-box .product-item {
      border: 1px solid #e9e9e9;
      background-color: #fff;
      text-align: center;
      margin-bottom: 12px;
}


/*PREÇO DO PRODUTO NA PÁG DE CATEGORIAS*/
.item-box .actual-price {
      padding: 0 4px;
      font-weight: bold;
      font-size: 18px;
      color: #0E2D6D;
      align: center;
      vertical-align: middle;
      margin: 0 10px 0;
}


/*DESCRIÇÃO DO ITEM NA PAG DE CATEGORIAS*/
.item-box .product-title, .item-box .title {
      margin: 0 10px 0;
      height: 40px;
      font-weight: normal;
      font-size: 12px;
      color: #333333;
      overflow: hidden;
}

/*fundo da página de produtos na página de marcas*/
.manufacturer-page .product-grid, .vendor-page .product-grid {
      margin: 0 auto;
      padding: 10px;
      background: #fff;
}

/*fundo da grelha de produtos na pag de categorias*/
.category-page .product-grid {
      background: #fff;
}

@media (min-width: 769px){
.category-page-body .product-grid {
      padding: 15px 15px 10px 15px;
      background: #fff;
} }




/***************************************************************************************************
***********          BARRA CABEÇALHO  -  Logo, Barra Menus, etc.
***************************************************************************************************/

/****    BARRA CABEÇALHO  (área total, que inclui Logo, Barra de Menus, etc.)    ****/
.master-header-wrapper {
       margin: 0;    /*  0 0 70px;  */
       background-color: #FFFFFF;
       -webkit-transition: all .4s;
       transition: all .4s;
  /* width: 100%;
       background: url(../../Content/img/0000207.jpg);
       background-repeat: no-repeat; 
       background-size: contain;
  */
}

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


.ico-wishlist {
      visibility: hidden;
}

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


/****    BARRA CABEÇALHO  -  Retirar Barra de Pesquisa    ****/
.header .search-box {
      display: none!important;
}
@media (min-width: 1025px) {
.header .search-box {
        display: none;
} }

/****    ???????????????????????    ****/
@media (max-width: 1024px) {
.store-search-box {
        display: none;
} }


/****    BARRA CABEÇALHO  -  Botão "A Minha Conta"  -  Comportamento para PC    ****/ 
.responsive-nav-wrapper .personal-button > span:after {
      content: '\e945';
      color: #0E2D6D;
}
/****    BARRA CABEÇALHO  -  Botão "A Minha Conta"  -  Comportamento para TELEMÓVEIS    ****/ 
@media (max-width: 1024px) {
.responsive-nav-wrapper .personal-button > span:after {
      content: '\e945';
      color: #576b98;                   /*  cinzento claro  =  #AAAAAA  */       /*  azul claro FG  =  #49C7ED  */       /*  azul claro SQ  =  #78BCE3  */     /*   azul escuro SQ  =  0E2D6D   */
}
}


/****    BARRA CABEÇALHO  -  Botão de MENU  -  Comportamento para TELEMÓVEIS    ****/ 
.responsive-nav-wrapper .menu-title > span:after {
               content: '\e908';
               color: #576b98;                /*   azul escuro SQ  =  #0E2D6D   */      /*   azul claro SQ  =  #78BCE3   */
               font-size: 18px;                  /*  por defeito é 20px  */
}


/****    SUBMENU  -  Fundo    ****/
.header-menu .sublist-wrap
{
    /*  background: #78BCE3;  */ 
          background: #AFDCF0; 
    /*  background: #FFFFFF;   */
 }

/*****    BARRA MENUS em DISP. MÓVEIS  -  Menu Secundário  -  Fundo de Baixo    *****/
@media (max-width: 1024px) {
.header-menu .sublist-wrap {
          background: #0A2346; 
}}


/****    SUBMENU  -  Textos    ****/
.header-menu .sublist li a
{
    display: block;
    padding: 11px 20px 10px;
    font-size: 13px;
    color: #0E2D6D;
    -webkit-transition: background .3s;
    transition: background .3s;
}

/*****    BARRA MENUS em DISP. MÓVEIS  -  Menu Secundário  -  Opções    *****/
@media (max-width: 1024px) {
.header-menu .sublist li a {
        padding: 16px 15px 16px  30px;         /*  11px 20px 10px;  */
        font-size: 15px;
        text-transform: none;
        color: #ffffff;
}}


/****    SUBMENU  -  Símbolo à Esquerda dos Textos    ****/
 .header-menu .sublist li a:before {
      content: '';      /*  retirar o “>>”   anteriormente tinha  ‘\e925’  */
      display: flex;
}


/****    MENU PRINCIPAL  -  Textos    ****/
/*
.header-menu > ul > li > a,
.header-menu > ul > li > span
{
    display: block;
    padding: 15px;
    text-transform: uppercase;
    font-size: 14px;
    color: #0E2D6D;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
*/



/****    MENU PRINCIPAL  -  HOVER    ****/
.header-menu > ul > li:hover > a,
.header-menu > ul > li:hover > span
{ 
        background:   #0E2D6D;
        color:   #FFFFFF;
}


/****    SUBMENU  -  HOVER    ****/
.header-menu .sublist li:hover > a
{
          background-color:   #E1F5FA; 
     /* background-color:   #C0E3F3; */
          color:   #0E2D6D; 
}


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



/****    BOTÕES NAVEGAÇÃO de PÁGINAS    ****/
.pager > ul > li > a, 
.pager > ul > li > span {
          font-size: 14px;
  /*    background: #F5F5F5;    /*  #fff;  */  */
          color: #ddd;     /*  #0E2D6D;  */
          cursor: pointer;

  /*    transition: all .3s ease-out;                        */
  /*    -webkit-transition: all .3s ease-out;       */
  /*    -moz-transition: all .3s ease-out;            */
  /*    -ms-transition: all .3s ease-out;               */
  /*    -o-transition: all .3s ease-out;                  */

         transition-property: none;
         -webkit-transition-property: none;
         -moz-transition-property: none;
         -ms-transition-property: none;
         -o-transition-property: none;
}


/****    BOTÕES NAVEGAÇÃO de PÁGINAS  -  ESTADO INICIAL    ****/
.pager li:before { 
           background: #fff;
           color: #ddd;
           transform: scaleY(1);
          -webkit-transform: scaleY(1);
          -moz-transform: scaleY(1);
          -ms-transform: scaleY(1);
          -o-transform: scaleY(1);
}


/****    BOTÕES NAVEGAÇÃO de PÁGINAS  -  PÁGINA ATUAL  -  ESTADO INICIAL    ****/
.pager li.current-page:before {
           background: #0E2D6D;
           color: #fff;
}


/****    BOTÕES NAVEGAÇÃO de PÁGINAS  -  HOVER    ****/
.pager > ul > li:hover > a,
.pager > ul > li:hover > a:after,
.pager > ul > li:hover > span
{ 
       background: #AFDCF0;    /*  #0E2D6D;  */
       color: #0E2D6D;    /*  #FFFFFF;  */
}


/****    BOTÕES NAVEGAÇÃO de PÁGINAS  -   "<<"   "<"   ">"   ">>"    ****/
.pager li.first-page a:after,
.pager li.previous-page a:after,
.pager li.next-page a:after,
.pager li.last-page a:after {
           font-size: 12px;
           font-weight: normal;
           color: #aaa;
}







/***************************************************************************************************
***********          HOMEPAGE
***************************************************************************************************/

/**** não está a funcionar...    ****/
.home-page.page-body {
      margin: 0 30px 30px 30px;
}

.home-page-body .master-header-wrapper {
      margin-bottom: 0;
}

/****    HOMEPAGE  -  LINKS    ****/
.topic-block-body  a:link {
      color: #0E2D6D;
      font-weight: bold;
      text-decoration: none;
}
.topic-block-body  a:visited {
      color: #0E2D6D;
}
.topic-block-body a:hover {
      color: #49C7ED;      /*  #78BCE3;  */
}
.topic-block-body a:active {
      color: #0E2D6D;
}

/****    HOMEPAGE  -  Retirar  TÍTULO  +  LINHA SOB TÍTULO    ****/
.home-page .topic-block-title h2, div.topic-block-title {
      visibility: hidden;
}

/****    HOMEPAGE  -  Retirar  MARGEM QUE FICA COM O VAZIO DO TÍTULO    ****/
@media (max-width: 1024px){
.topic-block-body {
      margin: -40px  0 0 auto;    /* o normal é:  0 0 auto  */
      max-width: 100%;
} }
@media (min-width: 1025px){
.topic-block-body {
      margin: -40px  0 0 auto;    /* o normal é:  0 0 auto  */
      max-width: 100%;
} }

/****    HOMEPAGE  -  Bloco HOMEPAGETEXT    ****/
.home-page .topic-block {
      margin: 30px auto 20px;
      padding: 0px 0;
      text-align: left;
      border: 0px solid #e9e9e9;   
      background: #fff;
}
.topic-block-title {
      margin: 0 20px 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;
      text-transform: uppercase;
}
.topic-block-title h2 {
      font-size: 20px;
 }
.home-page .topic-block-title h2 {
      font-weight: bold;
      font-size: 20px;
      text-transform: uppercase;
      color: #0E2D6D; 
}


/****    HOMEPAGE  -  NOTÍCIAS  -  Título    ****/
.news-list-homepage .title {
      margin: 0 0 20px;
      padding-bottom: 8px;      /* 20px; */
      border-bottom: 1px solid #ddd;
      text-transform: uppercase;
      text-align: center;
      font-size: 20px;
      color: #0E2D6D;
}

.news-list-homepage .title strong {
      font-weight: bold;
      text-align: center;
      font-size: 20px;
}

/****    HOMEPAGE  -  NOTÍCIAS    ****/
.news-list-homepage {
      padding: 35px 0;
}


/****    HOMEPAGE  -  NOTÍCIAS  -  Imagens    ****/
.news-list-homepage .news-item {
        text-align: center;
}

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

/****    HOMEPAGE  -  NOTÍCIAS  -  Botão “Ler Mais”    ****/
.news-list-homepage .news-items .buttons {
       margin-bottom: 0px;    /*  20px;  */
       text-align: center;
       font-weight: bold;
}



/*****    HOMEPAGE - BLOG - Título    *****/
.rich-blog-homepage .title {
      margin: 0 0 40px;
      padding: 0 0 10px;                              /*  25px 0 13px;  */
      border-bottom: 1px solid #fff;         /* #ddd; */
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      color: #0E2D6D;
}
.rich-blog-homepage .title strong {
      font-weight: bold;
      font-size: 20px;
}




/****    HOMEPAGE  -  BLOG  -  Link "Ver Tudo"    *****/
.rich-blog-homepage .view-all {
      position: absolute;
      top: 83px;
}

/****    HOMEPAGE  -  BLOG  -  Sinal à Esquerda do Link “Ver Tudo”    ****/
.rich-blog-homepage .view-all:before {
      content: '\e908';
      display: inline-block;
      margin-right: 5px;
      font-family: prisma;
      font-size: 12px;
      color: #78BCE3;
}

/****    HOMEPAGE  -  BLOG POSTS    ****/
div.rich-blog-homepage .blog-post {
    position: relative;
    margin: 0 0 6px 2% ;           /*  0 0 20px 2% ;  */
    padding: 20px;
    background: #fff;
    border: 1px solid #e9e9e9;
}

/****    HOMEPAGE  -  BLOG  -  Fundo Lateral Esquerdo    ****/
.rich-blog-homepage:before {
      background: #D8EFFB;   /* #E8EFF9; */
}

/****    HOMEPAGE  -  BLOG  -  Fundo Lateral Direito    ****/
.rich-blog-homepage:after {
      background: #D8EFFB;   /* #E8EFF9; */
}

/****    HOMEPAGE  -  BLOG  -  Fundo Central    ****/
.rich-blog-homepage   {
      background: #D8EFFB;   /* #E8EFF9; */
      padding: 35px 0px;
      width: 100%;
}
.rich-blog-homepage.post-primary   {
      background: #fff;
}

/****    HOMEPAGE  -  BLOG  -  Bloco  "Data_Post + Resumo_Post + Botão ‘Ler Mais’"    ****/
.rich-blog-homepage .post-details {
      margin: 0 auto;
      max-width: 90%;
      text-align: center;
}

/****    HOMEPAGE  -  BLOG  -  Bloco "Resumo_Post"    ****/
.rich-blog-homepage .post-description{
      text-align: justify;
      margin: 0 0 10px;
}

/****    HOMEPAGE  -  BLOG  -  Link  “Ler Mais”    ****/
.blog-posts .read-more {
       text-align: center;
       font-size: 13px;
       font-weight: bold;
}

/****    HOMEPAGE  -  BLOG  -  Setas à Direita do Link “Ler Mais”    ****/
 .blog-posts .read-more:after {
       color: #0E2D6D;
}

.blog-posts .read-more:hover,
.read-more:hover::after {
      color: #49C7ED;     /*  #78BCE3;  */
}

 .view-all:hover::after {
      color: #49C7ED;     /*  #78BCE3;  */
}




/****   HOMEPAGE  -  MAPA  -  Título    ****/
.anywhere-page-map .map-title {
      margin: 0 0 25px;
      border-bottom: 1px solid #ddd;
      padding: 0 0 10px 0;                   /*  padding: 0 0 10px  */
      text-transform: uppercase;
      color: #0E2D6D;
      text-align: center;
}
.anywhere-page-map .map-title strong {
      font-size: 22px;
      font-weight: bold;
}

/****   HOMEPAGE  -  MAPA    ****/
.anywhere-page-map {
      margin: 10px 0 30px;
      background: #FFFFFF;
}


/***************************************************************************************************
***********          NOTÍCIAS
***************************************************************************************************/

/****    NOTICIAS  -  Links    ****/
.buttons a:link {
       color: #0E2D6D;
       font-weight: bold;
}
.buttons a:visited {
       color: #0E2D6D;
}
.buttons a:hover {
       color: #49C7ED;     /*  #78BCE3;  */
}
 .buttons a:active {
        color: #0E2D6D;
}

/****    NOTICIAS  -  Link RSS    ****/
.link-rss:after {
      content: '\e90f';
      position: absolute;
      top: -8px;
      left: 0;
      font-family: prisma;
      font-size: 17px;
      color: #78BCE3;
}



/***************************************************************************************************
***********          BLOG  -  Publicações Técnicas
***************************************************************************************************/

/****    BLOG  -  ARQUIVO BLOG  -  Barra Esquerda  -  Área de Pesquisa  (caixa de pesquisa + lupa)    ****/
.blog-search-box .listbox {
       padding: 0;
}

/****    BLOG  -  ARQUIVO BLOG  -  Barra Esquerda  -  Palavra “Pesquisar”    ****/
@media (min-width: 1025px){
.blog-search-box input.search-box-text {
       margin: 0 -1px 0 12px;
       border: 0px;
} }
@media (max-width: 1024px){
.blog-search-box input.search-box-text {
       margin: 0 -1px 0 12px;
       border: 0px;
} }

/****    BLOG  -  ARQUIVO BLOG  -  Barra Esquerda  -  Imagem da Lupa    ****/
.blog-search-box .search-box-button {
       background: #0E2D6D url(../../Content/img/lupa38_45.png) no-repeat center;
       border: 0px solid #eee;
}

/****    BLOG  -  ARQUIVO BLOG  -  Barra Esquerda  -  Ano    ****/
.year strong {
      display: block;
      cursor: default;
      padding: 10px 0 0 25px;
}

/****    BLOG  -  ARQUIVO BLOG  -  Barra Esquerda  -  Tags    ****/
.block .tags {
    margin: 0 5px 10px 5px;
}

/****    BLOG  -  ARQUIVO BLOG  -  Rodapé de cada POST  (zona dos logos das redes sociais)    ****/
.post-footer {
       padding: 20px 0;
       clear: both;
       background: #fff;
}



/****    BLOG  -  Página 1 POST  -  Área de Imagem    ****/
.rich-blog-image {
      margin-bottom: 20px;
      background: #fff;
      font-size: 0;
}

/****    BLOG  -  Página 1 POST  -  Área de Data do Post    ****/
.blogpost-page .post-date {
      margin: -15px 0 0 0;
      padding: 20px;
      background: #fff;
      text-align: center;
}

/****    BLOG  -  Página 1 POST  -  Área de Corpo do Post    ****/
.blogpost-page .post-body {
      margin: 0;
      padding: 20px;
      background: #fff;
}

/****    BLOG  -  Página 1 POST  -  Área de Tags do Post    ****/
.blogpost-page .tags {
      margin: 0;
      padding: 20px;
      background: #fff;
}

/****    BLOG  -  Página 1 POST  -  Área de Rodapé  (zona dos logos das redes sociais)    ****/
.blogpost-page .post-footer {
        background: #FFF;
        text-align: center;
}


/*fundo das pag do blog*/
@media (min-width: 1025px) {
.blogpost-page .post-body, .blogpost-page .tags {
      padding: 30px;
      background-color: #fff;
} }


/****    BLOG  -  Página 1 POST  -  Links de Navegação para Post Anterior / Post Seguinte    ****/

.post-navigation {
        position: relative;
        top: 10px;
        right: 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        white-space: normal;
}
.blogpost-page .page-title {
        margin-top: 5px;
        padding-right: 0px;
}



.post-navigation a{
        color: #78BCE3;             /*  #49C7ED;  */     /*  #78BCE3;  */
        background: none;       /* #F9F9F9; */
        white-space: normal;
}

.post-navigation .prev {
      padding-left: 30px;
      text-align: left;
}
.post-navigation .next {
      padding-right: 30px;
      text-align: right;
}


/****    BLOG  -  Página 1 POST  -  Links de Navegação para Post Anterior / Post Seguinte    ****/
/****    Comportamento para PC    ****/
@media (min-width: 1025px) {
.post-navigation .prev, .post-navigation .next {
      font-size: 12px;
} }


/****    BLOG  -  Página 1 POST  -  Links de Navegação para Post Anterior / Post Seguinte    ****/
/****    Comportamento para TELEMOVEIS    ****/
@media (max-width: 1024px) {
.post-navigation .prev, .post-navigation .next {
         width: 49%;
         font-size: 12px;
         height: auto;
         line-height: 15px;
         margin: 5px 0 10px 0;
} 
.post-navigation .prev {
      padding-left: 20px;
} 
.post-navigation .next{
      padding-right: 20px;
} 
/**  Seta Navegação Esquerda  **/
.post-navigation a.prev:before  {
         padding-right: 10px;
         line-height: 15px;
} 
/**  Seta Navegação Direita  **/
.post-navigation a.next:after  {
         padding-left: 10px;
         line-height: 15px;
} 
}


/****     BLOG  -  Página 1 POST  -  Setas de Navegação para Post Anterior / Post Seguinte    ****/
.post-navigation a.prev:before, .post-navigation a.next:after  {
      color: #78BCE3;     /*  #49C7ED;  */     /*  #78BCE3;  */
      font-weight: normal;
      font-size: 11px;
} 

.post-navigation a:before, .post-navigation a:after {
      color: #78BCE3;     /*  #49C7ED;  */     /*  #78BCE3;  */
}



/***************************************************************************************************
***********          STORE  LOCATOR  -  Pontos de Venda
***************************************************************************************************/


/*****    Pontos de Venda - Mapa - Área inferior de Pesquisa   *****/
/* .shops-sorting-filtering-wrapper {
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
} */

/*ALINHAMENTO DAS FOTOGRAFIAS COM O TEXTO DO STORE LOCATOR*/
.shops-item .info-wrap {
    padding: 0 0 0;
}

/****    STORE LOCATOR  -  Página ALL SHOPS    ****/
.shops-list {
    margin: 40px 0 0 0;
    padding: 0px 0px 0px 0px;
    background: #FFFFFF;
}

/****    STORE LOCATOR  -  Página ALL SHOPS  -  Nomes das Lojas    ****/
.shops-item .shop-name {
      text-transform: uppercase;
      font-size: 18px;
      margin: 5px 0 10px;
}

/****    STORE LOCATOR  -  Link  "Mostrar Direções"    ****/
.shops-item .show-directions, getUserGeoLocation {
            margin: 0px 7px 7px 1px;
            color: #49C7ED;     /*  #78BCE8;  */
      /*  color: #0E2D6D;                               */
}

/****    STORE LOCATOR  -  Página ALL SHOPS  -  Botões "Detalhes"    ****/
.shops-item .read-more {
      display: inline-block;
      /* background: #78bce8; */
      background: #0E2D6D;
      text-transform: uppercase;
      /* text-transform: capitalize; */
      color: #fff;
      line-height: 1;
      padding: 11px 13px;
}


/****    STORE LOCATOR  - MAPA    ****/
@media (min-width: 769px){
.map-wrapper {
      width: 100%;           /*  940px;  */
      margin: 0 0 0 0;       /*  60px 0 0 0;  */
} }



/****    STORE LOCATOR  -  Página 1 SHOP  -  Parágrafos    ****/
.shop-info p {
      margin: 3px ;
}

/****    STORE LOCATOR  -  Página 1 SHOP  -  Corpo da Página    ****/
@media (min-width: 1001px) {
.shop-page .page-body {
      padding: 50px;
} }

/****    STORE LOCATOR  -  Página 1 SHOP  -  Tabelas    ****/
.shop-info table td{
    background-color: #ffffff;
    padding:  3px  3px  3px  3px;
    border:  0;
}

/****    STORE LOCATOR  -  Página 1 SHOP  -  Link "Voltar a Pontos de Venda"    ****/
.shop-page .back-to-all-shops {
           margin: 0 0 30px 0;
}
.shop-page .back-to-all-shops a {
           color: #0E2D6D;
           font-size: 16px;
           font-weight: bold;
           text-transform: uppercase;
}
.shop-page .back-to-all-shops a:hover {
           color: #49C7ED;     /*  #78BCE8;  */
}

/****    STORE LOCATOR  -  Página 1 SHOP  -  Secção da Esquerda (Fotos + Mapa)    ****/
@media (min-width: 769px) {
.shop-map-images {
          float: left;
          width: 100%;
          max-width: 50%;
} }

/****    STORE LOCATOR  -  Página 1 SHOP  -  Secção da Direita (Texto)    ****/
@media (min-width: 769px) {
.shop-map-images + .shop-info {
         float: right;
         width: 40%;
         text-align: left;
} }


/****    STORE LOCATOR  -  Página 1 SHOP  -  MAPA    ****/
@media (min-width: 769px){
#shop-map-holder {
           width: 200%;           /*  940px;  */             /*  para ocupar toda a largura das 2 colunas    */
           margin: 0 0 0 0;       /*  60px 0 0 0;  */
} }



/*COR DO LINK "MOSTRAR DIRECÇÕES"*/
.get-directions-to-shop {
      color: #49C7ED;     /*  #78BCE3;  */
      font-size: 14px;
}


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

.shop-name a:hover {
     color: #49C7ED;     /*  #78BCE3;  */
}

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

/****    STORE LOCATOR  - BOTÃO DE PESQUISA DO GOOGLE    ****/
button#searchForFilteredShops {
      background: #78BCE3;
      font-size: 14px;
      line-height: 15px;
      text-transform: uppercase;
      color: #fff;
      border: 0;
      padding: 10px 21px;
}




/***************************************************************************************************
***********          PÁG.  ESPECIAIS
***************************************************************************************************/

/****    MAPA DO SITE  -  FUNDOS    ****/
.sitemap-page .description, .sitemap-page .entity {
      background: #fff;
}



/****    PÁG. LOGIN  -  Área total das 2 Colunas (Já Registado + Novo Registo)    ****/
.login-page .customer-blocks > div {
      background: #e8eff9;
}

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


/*****CONTACTE-NOS -  RISCA SOB CAMPOS DE FORMULÁRIO ***/
.account-page .inputs, .password-recovery-page .inputs, .registration-page .inputs, .contact-page .inputs, .email-a-friend-page .inputs, .apply-vendor-page .inputs {
      padding: 10px 0;
      border-bottom: 0;
}

/****    BOTÃO de FORMULÁRIO  (em Contacte-nos, Login, etc.)    ****/ 
.buttons .button-1 {
       background-color: #0E2D6D;
}

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

/****    FORMULÁRIO  -  Labels dos Controlos    ****/
.inputs label {
      font-weight: bold;
      color: #444444;
}

/****    FORMULÁRIO  -  Marca (*) para Campos Obrigatórios    ****/
.required {
            font-size: 15px;
            font-weight: bold;
            vertical-align: top;
      /*  color: #ED4E10;                 */
            color: #78BCE3;
            margin: 15px 0 0 6px;
}



/***************************************************************************************************
***********          PÁG.  TÓPICOS
***************************************************************************************************/

/*****    Pág. TÓPICOS  -  Corpo da Página    *****/
.topic-page .page-body {
      padding: 50px; 
      line-height: 20px;
      font-size: 14px;
      color: #888888;
      background-color: #fff;
      border: 1px solid #E9E9E9;
}




/*==================================================================================================================================================*/
/*                                                                                                                                                        CLASSES   SANTOS & QUELHAS                                                                                                                                                   */
/*==================================================================================================================================================*/


/*====================================================================*/
/*            LINHA de DIVs - Para Dividir a Largura do Ecrã em Várias Porções                        */
/*            (que se ajustam bem tanto no PC como no TELEMÓVEL)                                          */
/*====================================================================*/
.LinhaDivs,
.LinhaDivs_SoPC {
          float: left;
          text-align: center;
          width: 100%;
          padding: 0 3px 0 3px;
          margin: 0;
    /*  border-style: solid;  */
    /*  border-width: 1px;  */
    /*  border-color: #ddd;  */
}

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


@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.LinhaDivs_SoPC {
          display: none;
}
} /*----------------------------------------------------------*/




/*====================================================================*/
/*                                               COLUNA COM LARGURA  49%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.col49pc {
          float: left;
          text-align: left;
          width: 49.1%;
          padding: 3px;
          margin: 3px;
    /*  border-style: solid;  */
    /*  border-width: 1px;  */
    /*  border-color: #ddd;  */
}

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



/*****    COLUNA da DIREITA    *****/
.colRight {
     margin-right: 0;
}


/*====================================================================*/
/*                                               COLUNA COM LARGURA  32%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.col32pc {
            float: left;
            width: 32.4%;
            padding: 3px;
            margin: 3px;
      /*  border-style: solid;  */
      /*  border-width: 1px;  */
      /*  border-color: #ddd;  */
}

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


/*====================================================================*/
/*                                               COLUNA COM LARGURA  65%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.col65pc {
            float: left;
            width: 65.6%;
            padding: 3px;
            margin: 3px;
      /*  border-style: solid;  */
      /*  border-width: 1px;  */
      /*  border-color: #ddd;  */
}

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


/*====================================================================*/
/*                                               COLUNA COM LARGURA  24%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.col24pc {
            float: left;
            text-align: center;
            width: 24.0%;
            padding: 3px;
            margin: 3px;
      /*  border-style: solid;  */
      /*  border-width: 1px;  */
      /*  border-color: #ddd;  */
}

@media screen and (max-width: 600px) {
.col24pc {
            text-align: center;
            width: 48%;
} }


/*====================================================================*/
/*                                                         MANCHA de LOGOS                                                                        */
/*                                               COLUNA COM LARGURA  32%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.ManchaLogosSQ_col32pc {
            position: relative;
            float: left;
            text-align: center;
            width: 32.4%;
            padding: 3px;
            margin: 3px;
            border-style: solid;  
            border-width: 1px;  
            border-color: #ddd;  
}

@media screen and (max-width: 600px) {
.ManchaLogosSQ_col32pc {
            text-align: center;
            width: 48%;
} }


/*====================================================================*/
/*                                                         MANCHA de LOGOS                                                                        */
/*                                               COLUNA COM LARGURA  24%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.ManchaLogosSQ_col24pc {
            position: relative;
            float: left;
            text-align: center;
            width: 24.0%;
            padding: 3px;
            margin: 3px;
            border-style: solid;  
            border-width: 1px;  
            border-color: #ddd;  
}

@media screen and (max-width: 600px) {
.ManchaLogosSQ_col24pc {
            text-align: center;
            width: 48%;
} }


/*====================================================================*/
/*                                                         MANCHA de LOGOS                                                                        */
/*                                               COLUNA COM LARGURA  19%                                                              */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.ManchaLogosSQ_col19pc {
            position: relative;
            float: left;
            text-align: center;
            width: 19.2%;
            padding: 3px;
            margin: 0.4%;    /*   3px;   */
            border-style: solid;  
            border-width: 1px;  
            border-color: #ddd;  
}

@media screen and (max-width: 600px) {
.ManchaLogosSQ_col19pc {
            text-align: center;
            width: 48%;
            margin: 1.0%;    /*   3px;   */
} }


/*====================================================================*/
/*                                                         MANCHA de LOGOS                                                                        */
/*                                                              Outras Classes                                                                            */
/*====================================================================*/

.ManchaLogosSQ_image {
            display: block;  
            width: 100%;
            height: auto;
            margin: 3px 0px 3px 0px;
}

.ManchaLogosSQ_overlay {      
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-image:  radial-gradient(#008CBA 0%, #00698A 100%);      /*  #008CBA;    */
            opacity: 0;
            transition: 1.0s ease;
            pointer-events: none;         /*  este controlo não reage a eventos (click, etc.)    */
}

.ManchaLogosSQ_text {
             color: #fff;
             font-size: 35px;
             line-height: 1;
             position: absolute;
             top: 50%;
             left: 50%;
             width: 90%;
             text-align: center;

             -webkit-transform: translate(-50%, -50%);
             -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);

      /*       -webkit-touch-callout: none;   */
             -webkit-user-select: none;
             -khtml-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
}


.ManchaLogosSQ_imageZoom110pc  {
             -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;

            display: block;
            width: 100%;
            height: auto;
            margin: 3px 0px 3px 0px;

      /*   overflow: hidden;   */
      /*   max-width: 100%;  */
      /*   border: 1px solid #9a9a9a;  */
}




/*====================================================================*/
/*                                                         MANCHA de LOGOS                                                                        */
/*                                               Comportamento com Roll-Over                                                         */
/*====================================================================*/

.ManchaLogosSQ_col32pc:hover   .ManchaLogosSQ_overlay {
            opacity: 1.00;
}

.ManchaLogosSQ_col24pc:hover   .ManchaLogosSQ_overlay {
            opacity: 1.00;
}

.ManchaLogosSQ_col19pc:hover   .ManchaLogosSQ_overlay {
            opacity: 1.00;
}

.ManchaLogosSQ_imageZoom110pc:hover  {

             -webkit-transform:scale(1.10);
             -moz-transform:scale(1.10);
             -o-transform:scale(1.10);
             -ms-transform:scale(1.10);
             transform:scale(1.10);

}



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                    Coluna com Largura  49%                                                                */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.BFSQ_col49pc,
.BFSQ_col49pc_MesmoBloco_E,
.BFSQ_col49pc_MesmoBloco_D {
          float: left;
          text-align: left;
          width: 49.1%;
          padding: 3px;
          margin: 3px;
    /*  border-style: solid;           */
    /*  border-width: 1px;           */
    /*  border-color: #ddd;         */
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_col49pc,
.BFSQ_col49pc_MesmoBloco_E,
.BFSQ_col49pc_MesmoBloco_D {
          text-align: center;
          width: 100%;
}
.BFSQ_col49pc_MesmoBloco_E {
          margin: 3px 3px 0px 3px;
          padding: 3px 3px 0px 3px;
}
.BFSQ_col49pc_MesmoBloco_D {
          margin: 0px 3px 3px 3px;
          padding: 0px 3px 3px 3px;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                    Coluna com Largura  32%                                                                */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.BFSQ_col32pc {
          float: left;
          text-align: left;
          width: 32.4%;
          padding: 3px;
          margin: 3px;
    /*  border-style: solid;           */
    /*  border-width: 1px;           */
    /*  border-color: #ddd;         */
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_col32pc {
          text-align: center;
          width: 100%;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                    Coluna com Largura  65%                                                                */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.BFSQ_col65pc {
          float: left;
          text-align: left;
          width: 65.6%;
          padding: 3px;
          margin: 3px;
    /*  border-style: solid;           */
    /*  border-width: 1px;           */
    /*  border-color: #ddd;         */
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_col65pc {
          text-align: center;
          width: 100%;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                    Coluna com Largura  24%                                                                */
/*                       (que se ajusta bem tanto no PC como no TELEMÓVEL)                                   */
/*====================================================================*/
.BFSQ_col24pc {
          float: left;
          text-align: left;
          width: 24.0%;
          padding: 3px;
          margin: 3px;
    /*  border-style: solid;           */
    /*  border-width: 1px;           */
    /*  border-color: #ddd;         */
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_col24pc {
          text-align: center;
          width: 48%;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                   Coluna SÓ para PC  -  10%                                                                */
/*                                                 (Não Aparece no TELEMÓVEL)                                                          */
/*====================================================================*/
.BFSQ_colSoPC_10pc_E,
.BFSQ_colSoPC_10pc_D {
          float: left;
          text-align: left;
          line-height: 17px;
          width: 10%;
          padding: 0px;
          margin: 2px 0px 2px 0px;
    /*  border-style: solid;        */
    /*  border-width: 1px;        */
    /*  border-color: #ddd;      */
}

.BFSQ_colSoPC_10pc_D {
          float: right;
          text-align: right;
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_colSoPC_10pc_E,
.BFSQ_colSoPC_10pc_D {
          text-align: center;
          line-height: 15px;
          width: 0%;
          margin: 2px 0px 2px 0px;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                     Coluna SÓ para PC  -  5%                                                                */
/*                                                 (Não Aparece no TELEMÓVEL)                                                          */
/*====================================================================*/
.BFSQ_colSoPC_05pc_E,
.BFSQ_colSoPC_05pc_D {
          float: left;
          text-align: left;
          line-height: 17px;
          width: 5%;
          padding: 0px;
          margin: 2px 0px 2px 0px;
    /*  border-style: solid;        */
    /*  border-width: 1px;        */
    /*  border-color: #ddd;      */
}

.BFSQ_colSoPC_05pc_D {
          float: right;
          text-align: right;
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_colSoPC_05pc_E,
.BFSQ_colSoPC_05pc_D {
          text-align: center;
          line-height: 15px;
          width: 0%;
          margin: 2px 0px 2px 0px;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                                     Coluna SÓ para PC  -  2%                                                                */
/*                                                 (Não Aparece no TELEMÓVEL)                                                          */
/*====================================================================*/
.BFSQ_colSoPC_02pc_E,
.BFSQ_colSoPC_02pc_D {
          float: left;
          text-align: left;
          line-height: 17px;
          width: 2%;
          padding: 0px;
          margin: 2px 0px 2px 0px;
    /*  border-style: solid;        */
    /*  border-width: 1px;        */
    /*  border-color: #ddd;      */
}

.BFSQ_colSoPC_02pc_D {
          float: right;
          text-align: right;
}

/* @media screen and (max-width: 600px) { */
@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_colSoPC_02pc_E,
.BFSQ_colSoPC_02pc_D {
          text-align: center;
          line-height: 15px;
          width: 0%;
          margin: 2px 0px 2px 0px;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                              Dispor Info em 2 Blocos / Colunas                                                      */
/*                                           Tabela  Ref. + Descrição  -  Cabeçalho                                                  */
/*====================================================================*/
.BFSQ_2BL_Tab_Cab_22pc,
.BFSQ_2BL_Tab_Cab_66pc,
.BFSQ_2BL_Tab_Cab_50pc,
.BFSQ_2BL_Tab_Cab_56pc,
.BFSQ_2BL_Tab_Cab_40pc,
.BFSQ_2BL_Tab_Cab_Info,
.BFSQ_2BL_Tab_Cab_Desc {
          float: left;                  
          text-align: left;
          line-height: 17px;
          color: #000;
          font-weight: bold;
          font-size: 12px;
          padding: 0px 2px 0px 3px;                
          margin: 4px 0px 0px 0px;
    /*  border-style: solid;     */
    /*  border-width: 1px;      */
    /*  border-color: #ddd;    */
}

.BFSQ_2BL_Tab_Cab_22pc {
          width: 22%;
}
.BFSQ_2BL_Tab_Cab_66pc {
          width: 66%;
}
.BFSQ_2BL_Tab_Cab_56pc {
          width: 56%;
}
.BFSQ_2BL_Tab_Cab_50pc {
          width: 50%;
}
.BFSQ_2BL_Tab_Cab_40pc {
          width: 40%;
}
.BFSQ_2BL_Tab_Cab_Info {
          float: right;
          text-align: center;
          width: 16%;
}
.BFSQ_2BL_Tab_Cab_Desc {
          float: right;
          text-align: right;
          width: 10%;
}

@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_2BL_Tab_Cab_22pc,
.BFSQ_2BL_Tab_Cab_66pc,
.BFSQ_2BL_Tab_Cab_56pc,
.BFSQ_2BL_Tab_Cab_50pc,
.BFSQ_2BL_Tab_Cab_40pc,
.BFSQ_2BL_Tab_Cab_Info,
.BFSQ_2BL_Tab_Cab_Desc {
          line-height: 15px;
          font-size: 11px;
}
.BFSQ_2BL_Tab_Cab_66pc {
          width: 78%;
}
.BFSQ_2BL_Tab_Cab_56pc {
          width: 68%;
}
.BFSQ_2BL_Tab_Cab_50pc {
          width: 62%;
}
.BFSQ_2BL_Tab_Cab_40pc {
          width: 52%;
}
.BFSQ_2BL_Tab_Cab_Info {
          width: 16%;
          padding: 0px 2px 0px 0px;
}
.BFSQ_2BL_Tab_Cab_Desc {
          width: 10%;
          padding: 0px 2px 0px 0px;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                              Dispor Info em 2 Blocos / Colunas                                                      */
/*                                                Tabela  Ref. + Descrição  -  Linhas                                                     */
/*====================================================================*/
.BFSQ_2BL_Tab_Lin_22pc,
.BFSQ_2BL_Tab_Lin_66pc,
.BFSQ_2BL_Tab_Lin_56pc,
.BFSQ_2BL_Tab_Lin_50pc,
.BFSQ_2BL_Tab_Lin_40pc,
.BFSQ_2BL_Tab_Lin_Info,
.BFSQ_2BL_Tab_Lin_Desc {
          float: left;                  
          text-align: left;
          line-height: 17px;
          color: #888;
          font-weight: normal;
          font-size: 12px;
          padding: 0px 2px 0px 3px;
          margin: 2px 0px 2px 0px;
    /*  border-style: solid;     */
    /*  border-width: 1px;      */
    /*  border-color: #ddd;    */
}

.BFSQ_2BL_Tab_Lin_22pc {
          width: 22%;
}
.BFSQ_2BL_Tab_Lin_66pc {
          width: 66%;
}
.BFSQ_2BL_Tab_Lin_56pc {
          width: 56%;
}
.BFSQ_2BL_Tab_Lin_50pc {
          width: 50%;
}
.BFSQ_2BL_Tab_Lin_40pc {
          width: 40%;
}
.BFSQ_2BL_Tab_Lin_Info {
          float: right;                  
          text-align: center;
          width: 16%;
          font-weight: normal;
}
.BFSQ_2BL_Tab_Lin_Desc {
          float: right;                  
          text-align: right;
          width: 10%;
          font-weight: normal;
          font-size: 14px;
          color: #00B0F0;        /*   #49C7ED     */
}

@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_2BL_Tab_Lin_22pc,
.BFSQ_2BL_Tab_Lin_66pc,
.BFSQ_2BL_Tab_Lin_56pc,
.BFSQ_2BL_Tab_Lin_50pc,
.BFSQ_2BL_Tab_Lin_40pc,
.BFSQ_2BL_Tab_Lin_Info,
.BFSQ_2BL_Tab_Lin_Desc {
          line-height: 15px;
          font-size: 10px;
}
.BFSQ_2BL_Tab_Lin_66pc {
          width: 78%;
}
.BFSQ_2BL_Tab_Lin_56pc {
          width: 68%;
}
.BFSQ_2BL_Tab_Lin_50pc {
          width: 62%;
}
.BFSQ_2BL_Tab_Lin_40pc {
          width: 52%;
}
.BFSQ_2BL_Tab_Lin_Info {
          width: 16%;
          padding: 0px 2px 0px 0px;
}
.BFSQ_2BL_Tab_Lin_Desc {
          width: 10%;
          font-size: 12px;
          padding: 0px 2px 0px 0px;
}
} /*----------------------------------------------------------*/




/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                         Dispor Info em  1 ou 2  Blocos / Colunas                                               */
/*                                           Texto  NORMAL / BOLD  (várias Cores)                                                 */
/*====================================================================*/
.BFSQ_LinTxt_90pc_PT,
.BFSQ_LinTxt_90pc_PT_b,
.BFSQ_LinTxt_90pc_CZ,
.BFSQ_LinTxt_90pc_CZ_b,
.BFSQ_LinTxt_90pc_AZc,
.BFSQ_LinTxt_90pc_AZc_b,
.BFSQ_2BL_LinTxt_88pc_PT,
.BFSQ_2BL_LinTxt_88pc_PT_b,
.BFSQ_2BL_LinTxt_88pc_CZ,
.BFSQ_2BL_LinTxt_88pc_CZ_b,
.BFSQ_2BL_LinTxt_88pc_AZc,
.BFSQ_2BL_LinTxt_88pc_AZc_b {
          float: left;                  
          text-align: left;
          line-height: 17px;
          font-weight: bold;
          font-size: 12px;
          padding: 0px 2px 0px 2px;                
          margin: 2px 0px 2px 0px;
    /*  border-style: solid;     */
    /*  border-width: 1px;      */
    /*  border-color: #ddd;    */
}

.BFSQ_LinTxt_90pc_PT,
.BFSQ_LinTxt_90pc_CZ,
.BFSQ_LinTxt_90pc_AZc,
.BFSQ_2BL_LinTxt_88pc_PT,
.BFSQ_2BL_LinTxt_88pc_CZ,
.BFSQ_2BL_LinTxt_88pc_AZc {
          font-weight: normal;
}

.BFSQ_LinTxt_90pc_PT,
.BFSQ_LinTxt_90pc_PT_b,
.BFSQ_2BL_LinTxt_88pc_PT,
.BFSQ_2BL_LinTxt_88pc_PT_b {
          color: #555;
}

.BFSQ_LinTxt_90pc_CZ,
.BFSQ_LinTxt_90pc_CZ_b,
.BFSQ_2BL_LinTxt_88pc_CZ,
.BFSQ_2BL_LinTxt_88pc_CZ_b {
          color: #999;        
}

.BFSQ_LinTxt_90pc_AZc,
.BFSQ_LinTxt_90pc_AZc_b,
.BFSQ_2BL_LinTxt_88pc_AZc,
.BFSQ_2BL_LinTxt_88pc_AZc_b {
          color: #00B0F0;        /*   #49C7ED     */
}


.BFSQ_LinTxt_90pc_PT,
.BFSQ_LinTxt_90pc_PT_b,
.BFSQ_LinTxt_90pc_CZ,
.BFSQ_LinTxt_90pc_CZ_b,
.BFSQ_LinTxt_90pc_AZc,
.BFSQ_LinTxt_90pc_AZc_b {
          width: 90%;
}

.BFSQ_2BL_LinTxt_88pc_PT,
.BFSQ_2BL_LinTxt_88pc_PT_b,
.BFSQ_2BL_LinTxt_88pc_CZ,
.BFSQ_2BL_LinTxt_88pc_CZ_b,
.BFSQ_2BL_LinTxt_88pc_AZc,
.BFSQ_2BL_LinTxt_88pc_AZc_b {
          width: 88%;
}


@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_LinTxt_90pc_PT,
.BFSQ_LinTxt_90pc_PT_b,
.BFSQ_LinTxt_90pc_CZ,
.BFSQ_LinTxt_90pc_CZ_b,
.BFSQ_LinTxt_90pc_AZc,
.BFSQ_LinTxt_90pc_AZc_b,
.BFSQ_2BL_LinTxt_88pc_PT,
.BFSQ_2BL_LinTxt_88pc_PT_b,
.BFSQ_2BL_LinTxt_88pc_CZ,
.BFSQ_2BL_LinTxt_88pc_CZ_b,
.BFSQ_2BL_LinTxt_88pc_AZc,
.BFSQ_2BL_LinTxt_88pc_AZc_b {
          width: 100%;
   /*   text-align: center;    */
          line-height: 15px;
          font-size: 11px;
}
} /*----------------------------------------------------------*/




/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                        Dispor Info em  1 ou 2  Blocos / Colunas                                                */
/*                                         Título  NORMAL / BOLD   (várias Cores)                                                 */
/*====================================================================*/
.BFSQ_2BL_Tit_88pc_PT,
.BFSQ_2BL_Tit_88pc_PT_b,
.BFSQ_2BL_Tit_88pc_CZ,
.BFSQ_2BL_Tit_88pc_CZ_b,
.BFSQ_2BL_Tit_88pc_AZc,
.BFSQ_2BL_Tit_88pc_AZc_b,
.BFSQ_2BL_Tit_78pc_PT,
.BFSQ_2BL_Tit_78pc_PT_b,
.BFSQ_2BL_Tit_78pc_CZ,
.BFSQ_2BL_Tit_78pc_CZ_b,
.BFSQ_2BL_Tit_78pc_AZc,
.BFSQ_2BL_Tit_78pc_AZc_b,
.BFSQ_2BL_Tit_70pc_PT,
.BFSQ_2BL_Tit_70pc_CZ,
.BFSQ_2BL_Tit_70pc_AZc,
.BFSQ_2BL_Tit_56pc_PT,
.BFSQ_2BL_Tit_56pc_PT_b,
.BFSQ_2BL_Tit_56pc_CZ,
.BFSQ_2BL_Tit_56pc_CZ_b,
.BFSQ_2BL_Tit_56pc_AZc,
.BFSQ_2BL_Tit_56pc_AZc_b,
.BFSQ_2BL_Obs_PT,
.BFSQ_2BL_Obs_PT_b,
.BFSQ_2BL_Obs_CZ,
.BFSQ_2BL_Obs_CZ_b,
.BFSQ_2BL_Obs_AZc,
.BFSQ_2BL_Obs_AZc_b,
.BFSQ_2BL_DescGama,
.BFSQ_Tit_05pc_E,
.BFSQ_Tit_05pc_D {
          float: left;                  
          text-align: left;
          line-height: 20px;
          font-size: 14px;
          font-weight: bold;
          padding: 4px 2px 4px 2px;
          margin: 4px 0px 4px 0px;
    /*  border-style: solid;     */
    /*  border-width: 1px;      */
    /*  border-color: #ddd;    */
}

.BFSQ_2BL_Tit_88pc_PT,
.BFSQ_2BL_Tit_88pc_CZ,
.BFSQ_2BL_Tit_88pc_AZc,
.BFSQ_2BL_Tit_78pc_PT,
.BFSQ_2BL_Tit_78pc_CZ,
.BFSQ_2BL_Tit_78pc_AZc,
.BFSQ_2BL_Tit_70pc_PT,
.BFSQ_2BL_Tit_70pc_CZ,
.BFSQ_2BL_Tit_70pc_AZc,
.BFSQ_2BL_Tit_56pc_PT,
.BFSQ_2BL_Tit_56pc_CZ,
.BFSQ_2BL_Tit_56pc_AZc,
.BFSQ_2BL_Obs_PT,
.BFSQ_2BL_Obs_CZ,
.BFSQ_2BL_Obs_AZc {
          font-weight: normal;
}


.BFSQ_2BL_Tit_88pc_PT,
.BFSQ_2BL_Tit_88pc_PT_b,
.BFSQ_2BL_Tit_78pc_PT,
.BFSQ_2BL_Tit_78pc_PT_b,
.BFSQ_2BL_Tit_70pc_PT,
.BFSQ_2BL_Tit_56pc_PT,
.BFSQ_2BL_Tit_56pc_PT_b,
.BFSQ_2BL_Obs_PT,
.BFSQ_2BL_Obs_PT_b {
          color: #555;            /*  #000;   */
}

.BFSQ_2BL_Tit_88pc_CZ,
.BFSQ_2BL_Tit_88pc_CZ_b,
.BFSQ_2BL_Tit_78pc_CZ,
.BFSQ_2BL_Tit_78pc_CZ_b,
.BFSQ_2BL_Tit_70pc_CZ,
.BFSQ_2BL_Tit_56pc_CZ,
.BFSQ_2BL_Tit_56pc_CZ_b,
.BFSQ_2BL_Obs_CZ,
.BFSQ_2BL_Obs_CZ_b {
          color: #AAA;        
}

.BFSQ_2BL_Tit_88pc_AZc,
.BFSQ_2BL_Tit_88pc_AZc_b,
.BFSQ_2BL_Tit_78pc_AZc,
.BFSQ_2BL_Tit_78pc_AZc_b,
.BFSQ_2BL_Tit_70pc_AZc,
.BFSQ_2BL_Tit_56pc_AZc,
.BFSQ_2BL_Tit_56pc_AZc_b,
.BFSQ_2BL_Obs_AZc,
.BFSQ_2BL_Obs_AZc_b {
          color: #00B0F0;        /*   #49C7ED     */
}


.BFSQ_2BL_Tit_88pc_PT,
.BFSQ_2BL_Tit_88pc_PT_b,
.BFSQ_2BL_Tit_88pc_CZ,
.BFSQ_2BL_Tit_88pc_CZ_b,
.BFSQ_2BL_Tit_88pc_AZc,
.BFSQ_2BL_Tit_88pc_AZc_b {
          width: 88%;
}

.BFSQ_2BL_Tit_78pc_PT,
.BFSQ_2BL_Tit_78pc_PT_b,
.BFSQ_2BL_Tit_78pc_CZ,
.BFSQ_2BL_Tit_78pc_CZ_b,
.BFSQ_2BL_Tit_78pc_AZc,
.BFSQ_2BL_Tit_78pc_AZc_b {
          width: 78%;
}

.BFSQ_2BL_Tit_70pc_PT,
.BFSQ_2BL_Tit_70pc_CZ,
.BFSQ_2BL_Tit_70pc_AZc {
          width: 70%;
}

.BFSQ_2BL_Tit_56pc_PT,
.BFSQ_2BL_Tit_56pc_PT_b,
.BFSQ_2BL_Tit_56pc_CZ,
.BFSQ_2BL_Tit_56pc_CZ_b,
.BFSQ_2BL_Tit_56pc_AZc,
.BFSQ_2BL_Tit_56pc_AZc_b {
          width: 56%;
}

.BFSQ_2BL_Obs_PT,
.BFSQ_2BL_Obs_PT_b,
.BFSQ_2BL_Obs_CZ,
.BFSQ_2BL_Obs_CZ_b,
.BFSQ_2BL_Obs_AZc,
.BFSQ_2BL_Obs_AZc_b {
          text-align: center;
          width: 22%;
          font-size: 12px;
          padding: 4px 2px 4px 0px;
}

.BFSQ_2BL_DescGama {
          float: right;                  
          text-align: right;
          width: 10%;
          font-weight: normal;
          font-size: 16px;
          color: #00B0F0;        /*   #49C7ED     */
          padding: 4px 8px 4px 0px;                
}


.BFSQ_Tit_05pc_E {
          float: left;
          width: 5%;
          padding: 4px 0px 4px 0px;
          margin: 0px;
}
.BFSQ_Tit_05pc_D {
          float: right;                  
          width: 5%;
          padding: 4px 0px 4px 0px;
          margin: 0px;
}


@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_2BL_Tit_88pc_PT,
.BFSQ_2BL_Tit_88pc_PT_b,
.BFSQ_2BL_Tit_88pc_CZ,
.BFSQ_2BL_Tit_88pc_CZ_b,
.BFSQ_2BL_Tit_88pc_AZc,
.BFSQ_2BL_Tit_88pc_AZc_b {
          width: 100%;
          line-height: 18px;
          font-size: 13px;
}
.BFSQ_2BL_Tit_78pc_PT,
.BFSQ_2BL_Tit_78pc_PT_b,
.BFSQ_2BL_Tit_78pc_CZ,
.BFSQ_2BL_Tit_78pc_CZ_b,
.BFSQ_2BL_Tit_78pc_AZc,
.BFSQ_2BL_Tit_78pc_AZc_b {
          width: 88%;
          line-height: 18px;
          font-size: 12px;
}
.BFSQ_2BL_Tit_70pc_PT,
.BFSQ_2BL_Tit_70pc_CZ,
.BFSQ_2BL_Tit_70pc_AZc {
          width: 80%;
          line-height: 18px;
          font-size: 12px;
}
.BFSQ_2BL_Tit_56pc_PT,
.BFSQ_2BL_Tit_56pc_PT_b,
.BFSQ_2BL_Tit_56pc_CZ,
.BFSQ_2BL_Tit_56pc_CZ_b,
.BFSQ_2BL_Tit_56pc_AZc,
.BFSQ_2BL_Tit_56pc_AZc_b {
          width: 66%;
          line-height: 18px;
          font-size: 11px;
}
.BFSQ_2BL_Obs_PT,
.BFSQ_2BL_Obs_PT_b,
.BFSQ_2BL_Obs_CZ,
.BFSQ_2BL_Obs_CZ_b,
.BFSQ_2BL_Obs_AZc,
.BFSQ_2BL_Obs_AZc_b {
          width: 22%;
          line-height: 18px;
          font-size: 9px;
}
.BFSQ_2BL_DescGama {
          width: 12%;
          line-height: 18px;
          font-size: 14px;
}
.BFSQ_Tit_05pc_E,
.BFSQ_Tit_05pc_D {
          width: 0%;
}
} /*----------------------------------------------------------*/



/*====================================================================*/
/*                                                           BLUE FRIDAY   [SQ]                                                                       */
/*                                         Dispor Info em  1 ou 2  Blocos / Colunas                                               */
/*                                            Título  SUBLINHADO   (várias Cores)                                                   */
/*====================================================================*/
.BFSQ_Tit_80pc_PT_s,
.BFSQ_Tit_80pc_CZ_s,
.BFSQ_Tit_80pc_AZc_s,
.BFSQ_Tit_Desc_PT_s,
.BFSQ_Tit_Desc_CZ_s,
.BFSQ_Tit_Desc_AZc_s,
.BFSQ_2BL_Tit_78pc_PT_s,
.BFSQ_2BL_Tit_78pc_CZ_s,
.BFSQ_2BL_Tit_78pc_AZc_s {
          float: left;                  
          text-align: left;
          line-height: 20px;
          font-weight: bold;
          font-size: 14px;
          padding: 4px 5px 4px 5px;
          margin: 4px 0px 4px 0px;
          border-style: solid;     
          border-width: 0px 0px 1px 0px;      
}

.BFSQ_2BL_Tit_78pc_PT_s,
.BFSQ_2BL_Tit_78pc_CZ_s,
.BFSQ_2BL_Tit_78pc_AZc_s {
          padding: 4px 2px 4px 2px;
}

.BFSQ_Tit_80pc_PT_s,
.BFSQ_Tit_Desc_PT_s,
.BFSQ_2BL_Tit_78pc_PT_s {
          color: #555;            /*  #000;   */
          border-color: #555;
}

.BFSQ_Tit_80pc_CZ_s,
.BFSQ_Tit_Desc_CZ_s,
.BFSQ_2BL_Tit_78pc_CZ_s {
          color: #999;        
          border-color: #999;
}

.BFSQ_Tit_80pc_AZc_s,
.BFSQ_Tit_Desc_AZc_s,
.BFSQ_2BL_Tit_78pc_AZc_s
 {
          color: #00B0F0;        /*   #49C7ED     */
          border-color: #00B0F0;    
}

.BFSQ_Tit_80pc_PT_s,
.BFSQ_Tit_80pc_CZ_s,
.BFSQ_Tit_80pc_AZc_s {
          width: 80%;
}

.BFSQ_2BL_Tit_78pc_PT_s,
.BFSQ_2BL_Tit_78pc_CZ_s,
.BFSQ_2BL_Tit_78pc_AZc_s {
          width: 78%;
}

.BFSQ_Tit_Desc_PT_s,
.BFSQ_Tit_Desc_CZ_s,
.BFSQ_Tit_Desc_AZc_s {
          float: right;                  
          text-align: right;
          width: 10%;
          font-weight: normal;
          font-size: 16px;
          color: #00B0F0;        /*   #49C7ED     */
          padding: 4px 8px 4px 0px;                
}

@media (max-width: 1000px) {
/*----------------------------------------------------------*/
.BFSQ_Tit_80pc_PT_s,
.BFSQ_Tit_80pc_CZ_s,
.BFSQ_Tit_80pc_AZc_s,
.BFSQ_2BL_Tit_78pc_PT_s,
.BFSQ_2BL_Tit_78pc_CZ_s,
.BFSQ_2BL_Tit_78pc_AZc_s {
          line-height: 18px;
          width: 88%;
          font-size: 12px;
}
.BFSQ_Tit_Desc_PT_s,
.BFSQ_Tit_Desc_CZ_s,
.BFSQ_Tit_Desc_AZc_s {
          line-height: 18px;
          width: 12%;
          font-size: 14px;
}
} /*----------------------------------------------------------*/




/*==================================================================================================================================================*/
/*                                                                                                                                            CLASSES   SANTOS & QUELHAS   (fim)                                                                                                                                                  */
/*==================================================================================================================================================*/








/*****    Pág. TÓPICOS  -  LINKS    *****/
.topic-page a:link {
      color: #0E2D6D;
      font-weight: bold;
      text-decoration: none;
}

.topic-page a:visited {
      color: #0E2D6D;
}

.topic-page a:hover {
      color: #49C7ED;     /*  #78BCE3;  */
}

.topic-page a:active {
      color: #0E2D6D;
}


/*****    Pág. VENDORS  -  LINKS    *****/
.vendor-description a:link {
      color: #0E2D6D;
      font-weight: bold;
      text-decoration: none;
}

.vendor-description a:visited {
      color: #0E2D6D;
}

.vendor-description a:hover {
      color: #49C7ED;     /*  #78BCE3;  */
}

.vendor-description a:active {
      color: #0E2D6D;
}

/************************************************************************************************************************************/
/******************************************************* CLASSES FEGIME ***********************************************************/
/************************************************************************************************************************************/

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

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


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

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








/****    Comportamento para PC    ****/
@media (min-width: 1000px) {

        .img-hover-zoom {
              max-width:  60%;
              height: auto;
        }

        .img-promo-capa-zoom140 {
              max-width:  60%;
              height: auto;
        }

}


/****    Comportamento para TELEMÓVEL    ****/
@media (max-width: 1000px) {

        .img-hover-zoom {
                max-width:  100%;
                height: auto;
        }

        .img-promo-capa-zoom140 {
                max-width:  100%;
                height: auto;
        }

        .page-body {
                 padding:  20px 10px 20px 10px;
        }

        .topic-page .page-body {
                  padding: 20px 10px 20px 10px; 
                  text-align:  left;
        }

}

 /***************************** efeito border imagens  *****************************/
.border-image{
border: 1px solid #9a9a9a;}

/************************** efeito border imagens com zoom *****************************/

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




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


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

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




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

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



/***********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: 60%; padding-right: 0px; box-sizing: border-box; display:inline-block; vertical-align:middle; z-index: 9; position: relative;}
.main-info .content-wrapper .right {width: 40%; 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*/



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

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