.block {
	float: left;
	width: 245PX;
	margin: 0 1% 1%;
	text-align: left;
	}

.footer-block .title {
	margin: 0 0 0;
	border: none;
	padding: 0;
}

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

.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover {
  background-color: #5e366e !important;
}
/* secondary color */

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

  /*.side-2 .page-title h1,*/
  .category-navigation-list > li:hover > a,
  .category-navigation-list > li:hover > span,
  .category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover,
  .breadcrumb a:hover,
  .compare-products-page .clear-list,
  /*plugins*/ 
  .category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
  .header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover,
  .spc-categories .category-info:hover .category-title {
   color: #6F009B;
  
  }
  /*plugins*/  
  .ropc .coupon-box-panel .coupon-code button:hover,
  .ropc .giftcard-box-panel .coupon-code button:hover {
    outline-color: #5e366e;
  }
  .flyout-cart-wrapper:hover .cart-trigger {
    border-color: #5e366e;
  }
  .header-links,
  .header-selectors {
    border-top-color: #5e366e;
  }
  .category-navigation-list > li > .sublist-wrap > .sublist > li > a,
  .header-menu > ul > li > .sublist-wrap > .sublist > li > a,
  /*plugins*/ 
  .category-navigation-list > li > .sublist-wrap > .sublist .box .title,
  .header-menu > ul > li > .sublist-wrap > .sublist .box .title {
    border-bottom-color: #5e366e;
  }
  /* secondary color */
  
  .header-lower {
    background-color: #5e366e;
  }
}
/****************** CAMPANHA PHILIPS 2019 ******************************************/

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

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

/*fundos inteiros - azul CLARO philips*/ 
.phfundo {
    position: relative;
    background-size: cover;
    background: #B3C8E6;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.3;
    width: 100%;
}

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

/*## PONTO 15 | Fixar o menu no topo da página quando se faz scrolldown como no tema prisma. ###################################*/
@media (min-width: 1025px) {
	.header-upper{
		background-color: #f6f6f6;
	}
	.header.sticky .header-middle, .header.sticky .header-upper, .header.sticky .header-lower{
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
	}
	.header.sticky .header-middle {
		z-index: 1100;
	}
	.header.sticky .header-upper {
		z-index: 1300;
	}
	.header.sticky .header-lower{
		z-index: 1000;
		box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	}
  }
  
.homepage-bottom-wrapper{
  height:100%;
}

/*## CARROCEL P&b ################################################################################################################*/
.nop-jcarousel.manufacturer-grid .slick-slide .picture {
	border: 0;
	border-left: 0;
	max-width: 100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}
.nop-jcarousel.manufacturer-grid .slick-slide .picture {
	border: 0px solid #eee;
	border-left: 0;
	max-width: 100%;

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

}
.nop-jcarousel.manufacturer-grid .slick-slide .picture:hover {
	border: 0px solid #eee;
	border-left: 0;
	max-width: 100%;
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */	
	transition: all 0.5s ease;
	filter: grayscale(0%);
}
	
 .nop-jcarousel.manufacturer-grid .item-box .title  {
	display:none;
}

.fancybox-is-open .fancybox-bg {
	opacity: .4;
	transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

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

  /*## FUNODS MÓVEIS #############################################################################################################*/
	
.fundom {
     position: relative;
     width: 100%;
     height: auto;
}
   
/*## BOTÃO DOWNLOAD REVISTA #############################################################################################################*/
   
button.button-aa {
     border-radius: 8px;
     background-color: #ddd;
     border: none;
     color: #fff;
     text-align: center;
     font-size: 14px;
     padding: 13px;
     width: 160px;
     transition: all 0.5s;
     cursor: pointer;
     margin: 12px;
     box-shadow: 0 8px 15px -6px rgba(0, 0, 0,.7);
}
   
button.button-aa{
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
  
button.button-aa:after {
    content: '»';
    position: absolute;
    opacity: 0;  
    top: 11px;
    right: 20px;
    transition: 0.5s;
}
button.button-aa:hover{
	padding-right: 24px;
	padding-left:8px;
}
	    
button.button-aa:hover:after {
    opacity: 1;
    right: 10px;
}
    
button.button-aa a:link {
   color: #fff;
   font-weight: normal;
}

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

button.button-aa a:active{
    color: #fff;
    font-weight: normal;
}
      
   
/*## ZOOM IMAGENS - USADO NOS DESTAQUES ################################################################################*/
   
.mg-image 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%;
}
   
.mg-image: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-image {
    overflow: hidden;
    max-width: 100%;
}

/*##  EFEITO  ZOOM NAS IMAGENS #######################################################################################*/
		
.mg-image 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%;
}
	
.mg-image: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-image {
	overflow: hidden;
	max-width: 100%;
}
	
/*## EFEITO BORDER NAS IMAGENS NO ZOOM #######################################################################################*/
	
.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%;
}
  
/*## TÍTULO PAGES   H1 ##########################################################################################################*/

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

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

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

/*## HOME PAGE  ################################################################################################################*/
/*## TÍTULO DA HOMEPAGETEXT ####*/

.home-page .topic-block {
	margin: 0 auto 20px;
	padding: 15px 0;
}

.topic-block-title {
	margin: 0 0 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
}
	
.home-page .topic-block-title h2 {
	font-weight: normal;
	font-size: 24px;
	color: #5e366e;
}
	
.page {
  color: #000;
}
  
/*##  LISTAS  ################################################################################################################*/

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {
	margin: 12px 0;
	padding: 0 0 0 0;
	list-style: disc;
}
  
/*##  FUNDOS INTEIROS - CINZA  ####################################################################################################*/ 
	
.fundo1 {
	position: relative;
	background-size: cover;
	background: #4b2b58;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 100%;
}
  
.fundo1:before,
.fundo1:after {
	content: '.';
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 50%;
	background: #4b2b58; 
	text-indent: -9999px;
	font-size: 0;
}
  
.fundo1:before{
	right: 100%;
}
.fundo1:after{
	left: 100%;
}
	
/* Create two equal columns that floats next to each other */
.column-tools {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}
	
/* 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%;
  }
}
	
/* diminui o tamanho do logo em telemóveis*/
@media (max-width: 640px){
.header .header-logo {
	width: 100%;
	background-color: #fff;
	line-height: 94px;
 	}
}
		
.column-serv {
	float: left;
	width: 33.33%;
}
	
/* Clear floats after the columns */
.row-serv:after {
	content: "";
	display: table;
	clear: both;
}
	
	/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
	@media screen and (max-width: 600px) {
	  .column-serv {
		width: 100%;
		text-align:left;
	  }
	}
		
	*,
	*::before,
	*::after {
	  margin: 0;
	  padding: 0;
    box-sizing: border-box;
  }

  /*##  TIMELINE  ################################################################################################*/
	
	.timeline ul {
	  background: #e5e3e7;  /*FUNDO */
	  border-bottom: 35px solid #e5e3e7;  /*PARA DAR ESPAÇO NO FUNDO*/
	  padding: 50px 0;
	
	}
	
	.timeline ul li {
	  list-style-type: none;
	  position: relative;
	  width: 6px;
	  margin: 0  auto;
	  text-align: left;
	  color: #fff;
	  padding-top: 50px;
	  background: #fff; /*COR DA BARRA CENTRAL*/
	}
	
	.timeline ul li::after {
	  content: '';
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  transform: translateX(-50%);
	  width: 30px;
	  height: 30px;
	  border-radius: 50%;
	  background: inherit;
	}
	
	.timeline ul li div {
	  position: relative;
	  bottom: 0;
	  width: 400px;
	  padding: 15px;
	  background: #58009d; /* COR DE FUNDO DA CAIXA DOS TEXTOS*/
	}
	
	.timeline ul li div::before {
	  content: '';
	  position: absolute;
	  bottom: 7px;
	  width: 0;
	  height: 0;
	  border-style: solid;
	}
	
	.timeline ul li:nth-child(odd) div {
	  left: 45px;
	}
	
	.timeline ul li:nth-child(odd) div::before {
	  left: -15px;
	  border-width: 8px 16px 8px 0;
	  border-color: transparent #58009d transparent transparent; /* COR DAS SETAS DA DIREITA*/
	}
	
	.timeline ul li:nth-child(even) div {
	  left: -439px;
	}
	
	.timeline ul li:nth-child(even) div::before {
	  right: -15px;
	  border-width: 8px 0 8px 16px;
	  border-color: transparent transparent transparent #58009d; /* COR DAS SETAS DA ESQUERDA*/
	}
	
	time {
	  display: block;
	  font-size: 1.2rem;
	  font-weight: bold;
	  margin-bottom: 8px;
	}
	
  
/*##  EFFECTS  ##################################################################################################*/
	
	.timeline ul li::after {
	  transition: background .5s ease-in-out;
	}
	
	.timeline ul li.in-view::after {
	  background: #58009d; /* COR DOS CÍRCULOS*/
	}
	
	.timeline ul li div {
	  visibility: hidden;
	  opacity: 0;
	  transition: all .5s ease-in-out;
	}
	
	.timeline ul li:nth-child(odd) div {
	  transform: translate3d(200px, 0, 0);
	}
	
	.timeline ul li:nth-child(even) div {
    transform: translate3d(-200px, 0, 0);
	}  
	
	.timeline ul li.in-view div {
	  transform: none;
	  visibility: visible;
	  opacity: 1;
	}
  
  /*##  INTRO SECTION  #####################################################################*/
	
	.intro {
	  background: #e5e3e7;
	  padding: 100px 0 ;
	
	}
	
	.container {
	  width: 90%;
	  max-width: 1200px;
	  margin: 0 auto;
		  text-align: center;
	}
	
	h1 {
	  font-size: 2.5rem;
	}
  
  /*## GENERAL MEDIA QUERIES ######################################################################*/
	
	@media screen and (max-width: 900px) {
	  .timeline ul li div {
		width: 250px;
	  }
	  .timeline ul li:nth-child(even) div {
		left: -289px;
		/*250+45-6*/
	  }
	}
	
	@media screen and (max-width: 600px) {
	  .timeline ul li {
		margin-left: 20px;
	  }
	  .timeline ul li div {
		width: calc(100vw - 91px);
	  }
	  .timeline ul li:nth-child(even) div {
		left: 45px;
	  }
	  .timeline ul li:nth-child(even) div::before {
		left: -15px;
		border-width: 8px 16px 8px 0;
		border-color: transparent #58009d transparent transparent; /*COR DAS SETAS EM MÓVEL  */
	  }
	}
  
/*## MENU RODEL ######################################################################################### */

@media (min-width: 1025px) {
	.mega-menu {
		border: none;

	}
	.header-menu > ul > li > a,
	.header-menu > ul > li > span {
		display: block;
		text-transform: uppercase;
	  color:#4B2B58;
	  font-weight: bold;
		cursor: pointer;
	 	-webkit-transition: all .1s;
    transition: all .1s;
    padding: 5px 20px;
    font-size: 14px; /* TAMANHO DO TEXTO DOS MENU RODEL */
	}
	.header-menu > ul > li:hover > a,
	.header-menu > ul > li:hover > span {
		color:#FFF;
		background: #4b2b58;
  }
  
	.header-menu .sublist-wrap {
		opacity: 0;
		position: absolute;
		min-width: 220px;
		background: #4b2b58;
		text-align: left;
		box-shadow: 0 2px 3px rgba(0,0,0,.2);
		-webkit-transition: transform .3s , opacity .3s;
		transition: transform .3s , opacity .3s;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
		pointer-events: none;
	}
	.header-menu > ul > li > .sublist-wrap > .sublist > li > a {
		border: none;
		padding: 13px;
		margin: 0;
		color:#FFF;
	}
	.header-menu .hover + .sublist-wrap {
		opacity: 0;
	}
	.header-menu > ul > li > .sublist-wrap {
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
		top: unset;
		left: unset;
		width: unset;
		margin: unset;
		padding: 0;
	}
	.header-menu > ul > li > .sublist-wrap > .sublist {
		overflow: unset;
		padding: 0;
		box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.2);
	}
	.header-menu > ul > li > .sublist-wrap > .sublist > li {
		float: unset;
		width: unset;
		padding: 0px;
		font-size: 12px;
	}
	.header-menu li:hover  > .with-subcategories + div + .sublist-wrap,
	.header-menu li > .with-subcategories.hover + div + .sublist-wrap {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		pointer-events: auto;
	}
	.header-menu .sublist-wrap.active {
		display: block;
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		pointer-events: auto;
	}
	.top-menu {
		display: block;
	}
	.header-menu .sublist li {
		position: relative;
		border-top: 1px solid rgba(0,0,0,.1);
		float: unset;
		width: unset;
		padding: 0px 0px 0px 10px !important;	 
	
	}
	.header-menu .sublist .back-button {
		display: none;
	}
	.header-menu .sublist li a {
		display: block;
		padding: 7px!important ;
		font-size: 12px;
		color: #FFF;
		-webkit-transition: background .1s;
		transition: background .1s;
	}
	.header-menu .sublist li:hover > a {
		background: #5e366e;
		color: #fff!important;
	}
	.header-menu .sublist-wrap .sublist-wrap,
	.mega-menu .sublist-wrap .sublist-wrap {
		top: -2px !important;
		left: 100% !important;
		padding: 0;
	}
	.mega-menu .sublist li > a:before,
	.mega-menu .sublist li > span:before {		content: unset;
	}
}

/*## COMPORTAMENTO DAS IMAGENS DOS FORNECEDORES NA FAMILIA DE PRODUTOS ########################################*/
  
.category-description div {
  display: inline-block;
  width: 219px;
  text-align: center;
  vertical-align: middle;

}

.category-description div a img {
  display: inline-block;
  width: 200px;
  height: auto;

  -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: 84%;
}

.category-description div a img:hover  { 
  -webkit-transform:scale(1.40);    
  -moz-transform:scale(1.40);    
  -ms-transform:scale(1.40);    
  -o-transform:scale(1.40);    
   transform:scale(1.40);   
}

.item-box .manufacturer-item {

  overflow: hidden;
  max-width: 100%;
}


/* ###### $ TESTE ABAIXO ########################################################################### */

/*
@media (min-width: 1281px)
  .header-logo {
	padding: 0 20px 0 0;
}
	
.header-middle {
	background-color: #fff;
	height:114px;
	padding:  0;
}
*/

  /*## ZOOM IMAGENS - USADO NOS DESTAQUES ################################################################################*/
   
  .item-box .manufacturer-item .picture a  {   
    -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: 90%;
  
  }
  
  .item-box .manufacturer-item .picture:hover a  {   
    -webkit-transform:scale(1.40);    
    -moz-transform:scale(1.40);    
    -ms-transform:scale(1.40);    
    -o-transform:scale(1.40);    
    transform:scale(1.40);   
  }
  
  .item-box .manufacturer-item {
  
    overflow: hidden;
    max-width: 100%;
  }

  /*## ZOOM IMAGENS - MARCAS/CATALOGOS ################################################################################*/

.manufacturer-description div .picture:hover a  {   
    -webkit-transform:scale(1.40);    
    -moz-transform:scale(1.40);    
    -ms-transform:scale(1.40);    
    -o-transform:scale(1.40);    
    transform:scale(1.40);   
}

.manufacturer-description p {
	align-content: center;
}

.descricao-marca {
	display:  inline-block;
	padding: 0px  0px;
	width: 100%;
	/*width: 49
	%;*/
}

.descricao-marca .coluna-desc a {
	font: normal 400 14px "open sans", sans-serif;
	color: #4b2b58;
	text-transform: uppercase;
}

.descricao-marca .coluna-desc a:hover {
	text-decoration: underline;
}


.coluna-imagem {
	width: 25%;
	padding: 0px 20px 0px 0px ;

}

.coluna-imagem img {
	width: 100%;
}

.coluna-desc {
	width: auto;
	padding: 20px 0px 10px 0px;
	vertical-align: top;
}

.manufacturer-description div .coluna-video {
	/*max-width: 25%;*/
	width: 100%;
}


.manufacturer-description div .coluna-video iframe {
	/*max-width: 25%;*/
	width: 100%;
}


  /*## EFEITO ZOOM NAS IMAGENS MARCAS/CATALOGOS #######################################################################################*/
  
  .manufacturer-description {
	align-content: center;
  }  

.manufacturer-description div {	
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
    -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: inline-table; 
	padding: 10px 18px 0px 0px ;*/	 
 }

 .manufacturer-description div a  {   
    -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: 90%;
  
  }
 
 .manufacturer-description div .picture:hover img {	
   -webkit-transform:scale(1.40); 	
   -moz-transform:scale(1.40); 	
   -ms-transform:scale(1.40); 	
   -o-transform:scale(1.40); 	
    transform:scale(1.40);
 
 }
   
 .mg-image {
   overflow: hidden;
   max-width: 100%;
 }
 
 /*## EFEITO BORDER NAS IMAGENS NO ZOOM NAS MARCAS/CATALOGOS  #######################################################################################*/
 
 .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.30); 
   -moz-transform:scale(1.30); 
   -ms-transform:scale(1.30); 
   -o-transform:scale(1.30); 
   transform:scale(1.30);
 }
 
 .mg-image1 {
   overflow: hidden;
   max-width: 100%;
 }

 /*## MENU MARCAS TIPO DROP DOWN ################################################ */
/*
 .home-page-body .block.block-manufacturer-navigation {
	cursor: auto;
}
.block.block-manufacturer-navigation {
	bottom: -9px;
	position: absolute;
	left: 0;
	z-index: 2;
	width: 275px;
	height: 55px;	
	border: 1px solid #e9e9e9;
	background-color: #fff;
	padding: 0 20px;
	font-size: 15px;
	line-height: 53px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}

.block.block-manufacturer-navigation .title{
	padding: 0ch;
}

.block.block-manufacturer-navigation:after {
	content: "";
	position: absolute;
	top: 19px;
	right: 19px;
	width: 17px;
	height: 15px;
	background: red url('../img/category-nav.png') center no-repeat;	
}

.block.block-manufacturer-navigation .listbox {	
	position: absolute;
	top: 54px;
	width: 100%;
	left: 0px;
	z-index: 1;
	background: yellow;
	padding: 0 0 0 0;	
	border: 1px solid #e9e9e9;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
	background-color: #fff;
}

.block.block-manufacturer-navigation .listbox li {
	padding: 0px 20px;
	width: 100%;
	border-bottom: 1px solid #f6f6f6;
	

}
*/
 /* MENU MARCAS E CATEGORIAS */

.category-navigation-title {
	position: absolute;
	bottom: -9px;
	left: 0;
	z-index: 2;
	width: 285px;
	height: 55px;
	border: 1px solid #e9e9e9;
	background-color: #fff;
	padding: 18px 20px;
	font-size: 15px;
	/* line-height: 53px; */
	font-weight: bold;
	color: #4B2B58;
	text-transform: uppercase;
	cursor: pointer;
}

 /* POSIÇÃO DO ICON DIREITO NO MENU MARCAS E CATEGORIAS */
.category-navigation-title:after {
	content: "";
	position: absolute;
	top: 19px;
	right: 19px;
	width: 17px;
	height: 15px;
	background: #4B2B58 url('../img/category-nav.png') center no-repeat;
}
.home-page-body .category-navigation-title {
	cursor: auto;
}
.fotovoltaico{
	width: 100%;
	display: block;
	
}

/* INTRO SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.intro {
  background: #e5e3e7;
  padding: 100px 0 ;

}

.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;

  text-align: center;
}

h1 {
  font-size: 2.5rem;
}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul {
  background: #fff;  /*FUNDO */
 border-bottom: 35px solid #e5e3e7;  /*PARA DAR ESPAÇO NO FUNDO*/
  padding: 50px 0;

}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0  auto;
  text-align: left;
  color: #fff;
  padding-top: 50px;
  background: #EF9600; /*COR DA BARRA CENTRAL*/
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #4B2b58; /* COR DE FUNDO DA CAIXA DOS TEXTOS*/
  border: 1px solid #4b2b58;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #4b2b58 transparent transparent; /* COR DAS SETAS DA DIREITA*/
}

.timeline ul li:nth-child(even) div {
  left: -439px;
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #4b2b58; /* COR DAS SETAS DA ESQUERDA*/
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #fff url('../img/raio.png') center no-repeat;; /* COR DOS CÍRCULOS*/
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
  border-radius: 8px;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.2);
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 1280px) {
	.timeline ul li div {
	  width: 600px;
	}
	.timeline ul li:nth-child(even) div {
	  left: -289px;
	  /*250+45-6*/
	}
  }

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #4b2b58 transparent transparent; /*COR DAS SETAS EM MÓVEL  */
  }
}


h2{
 padding-top: 30px;

}


NO CUSTOM HEAD

/******************************* PÁGINA CATÁLOGOS 01 ****************************/

.coluna-catalogos {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
  column-fill: balance;
}

@media screen and (max-width: 600px) {
  .coluna-catalogos {
  column-count: 1;
  }
}

.cat {	
  position: relative;
  width: 200px;
  padding: 20px 20px 20px 0px;
}


.coluna-catalogos .cat .image1  {
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	/*border: 1px solid #c9c9c9;*/
  }

.image1 {
  display: block;
  width: 100%;
  height: auto;
  /*border: 1px solid #c9c9c9;*/
}

.overlay1 {	
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity:0.9;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .8s ease;
}

.cat:hover .overlay1 {	
  height: 50%;
}

.text {
  color: #000000;
  font-size: 12px;
  position: absolute;
  top: 20%;
  left: 35%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -1%);
  text-align: left;
}


.ContactosRodel {
	display: inline-block;
	overflow: hidden;
	background: #EF9600;
	width: 100%;

}

.ContactosRodelFormulario {
	display: inline-block;
	overflow: hidden;
	background: red;
	width: 39%;
	margin: 0;	
	height: 100%;
}

.ContactosRodelMoradas1 {
	display: inline-block;
	overflow: hidden;
	background: yellow;
	width: 30%;
	margin: 0;
	vertical-align: top;
}
.ContactosRodelMoradas2 {
	display: inline-block;
	overflow: hidden;
	background: blue;
	width: 30%;
	margin: 0;
	vertical-align: top;

}

/* ----------------------- */

.portfolio {
	width: 100%;
	padding-top: 20px;
	display: flex;	
  }
  
  @media screen and (max-width: 600px) {
	.portfolio {
	column-count: 1;
	}
  }
  
  .portfolio-img {	
	position: relative;
	width: 200px;
	padding-right: 10px;
  }
    
  .portfolio .portfolio-img img  {
	  display: block;
	  width: 100%;
	  height: 100%;
	  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	  /*border: 1px solid #c9c9c9;*/
	}
  
.portfolio .portfolio-img {
	display: block;
	width: 100%;
	height: auto;
	/*border: 1px solid #c9c9c9;*/
  }
  
  .portfolio-desc {	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	overflow: hidden;
	opacity:0.78;
	width: 100%;
	height: 42px;
	transition: .8s ease;
  }
  .portfolio-desc h3 {
	padding-left: 20px;
	padding-top: 5px;
  }

  .portfolio-desc p {	
	color: black;
	font-size: 12px;
	position: absolute;
	line-height:  20px;
	top: 0;
	left: 0;
	text-align: left;
	padding: 0px;
  }
    
  .portfolio-img:hover .portfolio-desc {	
	height: 45%;
  }