<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@font-face {
	font-family: "DinProLight";
	src: url("../font/DINPro-Light.eot");
	src: url("../font/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Light.woff") format("woff"), url("../font/DINPro-Light.ttf") format("truetype"), url("../font/DINPro-Light.svg#dinprolight") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "DinProRegular";
	src: url("../font/DINPro-Regular");
	src: url("../font/DINPro-Regular?#iefix") format("embedded-opentype"), url("../font/DINPro-Regular.woff") format("woff"), url("../font/DINPro-Regular.ttf") format("truetype"), url("../font/DINPro-Regular.svg#dinpro-regular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "DinProMedium";
	src: url("../font/DINPro/DINPro-Medium.eot");
	src: url("../font/DINPro/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: "DinProBold";
	src: url("../font/DINPro/DINPro-Bold.eot");
	src: url("../font/DINPro/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/DINPro-Bold.woff") format("woff"), url("../font/DINPro-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

/* GENERAL LAYOUT*/
body{font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 14px; line-height: 1.428571429; color: #000; background-color: #fff; text-rendering: optimizeLegibility; margin: 0; }
footer, header{display: block;}
a {color: #000; text-decoration: none;}
a:hover, a:focus {color: #ea6721; text-decoration: underline;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: "DinProRegular",Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight: 500; line-height: 1.1; color: inherit;}
img {height: auto; max-width: 100%; }
p {margin: 0 0 10px;}

h5, .h5 {font-size: 18px; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;}
.col-md-3{width: 23%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-md-4{width: 33.3333333333%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-md-5{width: 39%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-md-6{width: 48%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-md-7{width: 57%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-md-8{width: 66.6666666667%; padding-left: 10px; padding-right: 10px; margin: 0;}
.col-sm-12{width: 100%; padding-left: 10px; padding-right: 10px; margin: 0;}

.btn{display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none;border: 1px solid transparent; white-space: nowrap; padding: 9px 12px; font-size: 14px; line-height: 1.428571429; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; font-weight: bold;}
.btn-primary{background-color: #ea6721; border-color: #ea6721;}
.btn-primary:hover{color: #fff; background-color: #cf5514; border-color: #cf5514; text-decoration: none;}

.site-container{overflow:auto;}
.container{width: 1170px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.row {margin-left: -15px; margin-right: -15px;} 

.list-chevron {padding-left: 0; list-style: none;}
.list-chevron &gt; li::before{content: "\E803"; speak: none; font-style: normal; font-weight: normal; font-family: 'fontello'; margin-left: 2px; margin-right: 5px; font-size: 17px;
vertical-align: middle;}

/* HEADER */
.main-area{display: table; padding-top: 1.4375rem; margin-bottom: 50px; width: 100%;}

.site-logo img {width: 131px;}

/* PAGE TITLE */
.page-title {font-family: "DinProLight",Arial,"Helvetica Neue",Helvetica,sans-serif, sans-serif; font-size: 50px; font-weight: normal;}

/* BANNER */
.banner{background-image: url(../images/banner/Smarther_hero_termostato_conness.jpg); padding: 30px 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #828282; color: #fff; margin-top: 10px; }
.banner .banner-text {display: table-cell; width: 65%; padding-right: 10%;}
.banner-text{ padding-bottom: 90px; position: relative;}
.banner .banner-title, .banner .hero-description, .banner .hero-download{text-shadow: 0 0 7px rgba(0,0,0,0.15); font-weight: 400;}
.banner-title{font-size: 36px; line-height: 1em;}
.banner-title, .banner-description {margin-bottom: 15px;}
.banner a{color: inherit;}

.banner .banner-description{max-width: 64%;}
.banner-description{font-size: 16px; line-height: 1.2em;}
.banner-download{font-size: 16px; position: absolute; bottom: 15px; margin-top: 15px;}
.banner-download a{ display: inline-block; font-weight: bold; font-size: 16px;}
.banner-image{display: table-cell; width: 35%; vertical-align: middle; text-align: center; position: relative;}

.resseler-map { width: 100%; height: 500px; border: 0; margin-bottom: 20px;  }

/* PAGE CONTENT */
  .content{margin-bottom: 60px; line-height: 1.3em;}
  
  .section-submenu{font-size: 16px; background-color: #ededed; text-transform: uppercase; overflow: auto; height: 50px; margin-top: -15px; position: relative; z-index: 1; }
  .navbar-collapse{padding-right: 15px; padding-left: 15px; }
  .navbar-collapse.collapse{display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important;}
  .navbar-nav{ margin: 0;}
  .nav{padding-left: 0; list-style: none; font-family: "DinProMedium",Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 15px;}
  .nav &gt; li {position: relative; display: inline-block;}
  .navbar-nav &gt; li &gt; a {position: relative; display: block; padding: 16px 15px}
  .navbar-nav &gt; li &gt; a {position: relative; display: block; padding: 16px 15px}
  .section-submenu li:not(:last-child)::after{content: ""; border-right: 1px solid #aaa; position: absolute; right: 0; top: 16px; top: -moz-calc(50% - 18px / 2); top: -webkit-calc(50% - 18px / 2); top: calc(50% - 18px / 2); height: 18px;}
  .nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus{text-decoration: none;}
  
  .section-title{border-bottom: 1px solid #828282; padding-bottom: 10px; margin-top: 35px; margin-bottom: 35px; font-size: 25px;}
  .subsection-title{font-size: 25px; margin-top: 35px; margin-bottom: 25px; color: #ea6721;}

  /* SECTION 1 */
  .text-sidebox-wrap .subsection-title{margin-top: 0;}
  .text-sidebox-wrap{overflow: auto;}
  
  .col-md-7.box-product-description {width:calc(100% - 20px);}
  
  .box-product-description ul{ list-style: none; padding-left: 10px;}
  .box-product-description ul &gt; li{ margin-bottom: 10px;}
  .box-product-description li::before{ content:"\E800";font-style: normal; font-weight: normal; font-family: 'fontello'; margin-left: -8px; margin-right: 11px; color: #828282;}
  
  
  .sidebox{padding: 20px; background-color: #ededed;}
  .elegant + .elegant { margin-top: 10px; }
  .elegant &gt; div{display: inline-block; width: calc(50% - 32px); vertical-align: top;}
  .background-base {background-color: #ededed;}
  .background-sfumato{background: #ededed; background: -moz-linear-gradient(top, #ededed 0%, #cacaca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #cacaca)); background: -webkit-linear-gradient(top, #ededed 0%, #cacaca 100%); background: -o-linear-gradient(top, #ededed 0%, #cacaca 100%); background: -ms-linear-gradient(top, #ededed 0%, #cacaca 100%); background: linear-gradient(to bottom, #ededed 0%, #cacaca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cacaca',GradientType=0 );}
  .elegant .box-text{padding: 30px;}
  .elegant .box-title{font-size: 23px; margin-top: 0; margin-bottom: 10px; font-weight: 400;}
  .elegant .box-text img{vertical-align: middle;}
  .no-pattern{background-repeat: no-repeat; background-position: top right; background-size: cover;}
  
  .elegant.box{display: table; min-height: 1px; height: 100%; font-size: 0;}
  .elegant.box .single-box{width: 33.3%; font-size: 14px;}
  .elegant.box .box-image{display: table-row; padding: 0;}
  .elegant.box .box-image-aligner{display: table-cell; vertical-align: bottom; text-align: center;}
  .elegant.box .box-image-aligner img{width: 100%;}
  .elegant.box .box-main-content{height: 100%; width: auto; min-height: 478px; margin-right: 10px;}
  .elegant.box .box-main-content-2{height: 100%; width: auto; min-height: 509px; margin-right: 10px;}
  .elegant.box .single-box:last-child .box-main-content{margin-right: 0px;}
  .elegant.box .single-box:last-child .box-main-content-2{margin-right: 0px;}
  
  .nav-tabs { border-bottom: 1px solid #aaa; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;}
  .nav-tabs &gt; li{margin-bottom: 25px; position: relative; display: block; top: 12px;}
  .nav-tabs &gt; li &gt; a{padding: 15px; margin-right: 4px; line-height: 1.428571429; text-transform: uppercase; border-bottom: 1px solid #aaa;}
  .nav-tabs &gt; li.active &gt; a, .nav-tabs &gt; li.active &gt; a:hover, .nav-tabs &gt; li.active &gt; a:focus{color: #828282; background-color: #ededed; cursor: default;}
  
  .has-link {position: relative;}
  .has-link .all-clickable {position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; }
  .has-link .all-clickable span{ position: absolute; bottom: 20px; right: 25px; color: #ea6721; font-size: 32px; line-height: 32px;}
  .has-link .all-clickable:hover span{ color: #cf5514;}
  
  .space{height: 21px;}
  /* END OF SECTION 1 */
  
  
  /* SECTION 2 */
  
  .anchor-follows { display: inline-block; width: 70%; margin-top: 0;}
  .subsection-title + .anchor-in-title {line-height: 25px; float: right; text-align: right; color: #828282; text-decoration: underline; font-size: 16px; font-family: "DinProMedium",Arial,"Helvetica Neue",Helvetica,sans-serif;}
  .subsection-title + .anchor-in-title:hover {color: #ea6721;}
  .video-4-box{padding: 30px; background-color: #ededed; overflow: auto;}
  .video-box .img-overlayed {position: relative; background-color: #000;}
  .video-box .img-overlayed img {opacity: .8;}
  .video-box .box-title{margin-top: 10px; margin-bottom: 10px; font-family: "DinProMedium",Arial,"Helvetica Neue",Helvetica,sans-serif;}
  .video-box .description {margin-top: 10px;}
  .video-box:hover{text-decoration: none; color: inherit;}
  .video-box:hover img, .video-box:focus img {opacity: .9;}
  .video-box .img-overlayed::after{content: "\E801"; font-style: normal; font-weight: normal; font-family: 'fontello'; position: absolute; top: 50%; bottom: 0; left: 0; right: 0; text-align: center;
font-size: 60px; line-height: 60px; margin-top: -30px; color: #fff; color: rgba(255,255,255,0.5);}
  
  .title-image-3-box {padding: 30px; background-color: #ededed; overflow: auto;}
  .title-image-3-box .box-title { text-transform: uppercase; font-weight: bold; line-height: 16px; margin-bottom: 0;}
  .title-image-3-box .box-image { display: block; padding: 15px 0;}
  
  /* END OF SECTION 2 */
  
  
  /* SECTION 3 */
  
  .minimal-4-box{overflow: hidden; position: relative;}
  .minimal-4-box .single-box{clear: none !important; background-color: #ededed; padding-bottom: 300em; margin-bottom: -300em; margin-right: 10px;}
  .row-gutter-sm .md-3{width: calc(25% - 22px);}
  .row-gutter-sm .xs-6{float: left;}
  .series-related-4-box .box-body {padding-bottom: 30px; width: 90%; padding: 12px 15px 15px;}
  .minimal-4-box .single-box .box-title {font-size: 23px; margin-top: 0; line-height: 1em; color: #ea6721;}
  .minimal-4-box a::after {content: "+"; position: absolute; bottom: 18px; width: 23%; width: -moz-calc(25% - 40px); width: -webkit-calc(25% - 40px); width: calc(25% - 40px);    line-height: 0; color: #ea6721; font-size: 22px; text-align: right; display: block; }
  .minimal-4-box .single-box a:hover{text-decoration: none; color: inherit; opacity: .85;}
    
  
  /* END OF SECTION 3 */

/* END OF PAGE CONTENT */


/* PRE-FOOTER */
  .site-prefooter{padding-top: 40px; padding-bottom: 40px; font-size: 16px; background-color: #828282; color: #fff; overflow:auto; }
  .site-prefooter a{color: #fff;}
  .generic-prefooter [class*="col-"]{border-left: 1px solid #fff; float: none; display: table-cell; vertical-align: top;}
  .site-prefooter h3{font-size: 23px; border-top: none; padding-top: 0; margin-top: 5px; text-transform: uppercase; margin-bottom: 15px; font-family: "DinProMedium",Arial,"Helvetica Neue",Helvetica,sans-serif;}
  .generic-prefooter .prefooter-nav{column-count: 2; column-gap: 30px; margin-bottom: 0; list-style: none; padding-left: 0; margin: 0;}
  .generic-prefooter .prefooter-body ul{column-rule: 1px solid #fff;}
  
/* END OF PRE-FOOTER */ 
  

/* FOOTER */
  /*.site-footer{font-size: 14px; background-color: #ededed; clear: both;}
  .site-footer a:hover, .site-footer a:active, .site-footer a:focus{color: #555; text-decoration: none;}
  .footer-row{border-bottom: 2px dotted #bbb; padding-top: 15px; padding-bottom: 15px; overflow: auto;}
  
  .site-footer .col-md-3{width: calc(23% - 10px);}
  
  .footer-logo img{margin-bottom: 5px; max-width: 140px;}
  .brand-claim{font-size: 14px; max-width: 70%; margin: 0;}
  
  .footer-nav{column-count: 2; column-gap: 15px; line-height: 20px; list-style: none; padding-left: 0; margin: 0;}
  .footer-nav li{margin-left: 10px;}
  .site-footer h4{color: #ea6721; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 5px 0;}
  .footer-socials{margin: 0; list-style: none; padding-left: 0;}
  .footer-socials a {color: #828282; font-size: 24px; }
  .footer-socials a::before {margin: 0; }
  .list-inline &gt; li {display: inline-block;}
  
  .legal-links{text-align: left;}
  .legal-links li{display: inline; padding: 0; white-space: nowrap;}
  .legal-links li:not(:last-child)::after{content: "|"; margin: 0 5px;}
  .site-info {text-align: right; font-weight: bold;} 
  
  .copyright{font-size: 12px; padding-top: 15px; padding-bottom: 15px; padding-left: 10px;}*/
  
  .site-footer {background: #fff; color: #999999; padding: 5px 0; width: auto; clear: both; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.site-footer p,
.site-footer a,
.site-footer span{font-size:14px;}
.site-footer a:hover{ text-decoration: underline;}
.footer-container {max-width: 1380px; margin-right: auto; margin-left: auto; }
.footer-nav { border-collapse: separate !important; border-spacing: 2px !important; background-color: transparent; font-size: 0;}
.footer-nav td { border-top: 0; vertical-align: top; background: #aaa; }
.footer-nav td.info {background: #aaaaaa; padding: 16px 10px 0; color: #fff; width: calc(100% - 20px) !important;}
.footer-nav td.info p,
.footer-nav td.info a{color: #fff;}
.footer-container p {margin: 0 0 10px;}
.nowrap {white-space: nowrap;}
.footer-nav td.icon {padding: 0; width: 33.3% !important;}
.footer-nav td.icon a {padding-top: 100px; padding-bottom: 10px; width: 150px; font-size: 13px; text-align: center; margin: 0 1px; display: table-cell; height: 100%; text-transform: uppercase; color: #fff;}
.footer-nav td.icon.ecom { background: #fff url('../images/footer/i_ecom.png') no-repeat 50% 20px;}
.footer-nav td.icon.ecom a {color: #0093b2;}
.footer-nav td.icon.contacts {background: #575757 url('../images/footer/i_contacts.png') no-repeat 50% 30px;}
.footer-nav td.icon.assistence { background: #518bbf url('../images/footer/i_assistence.png') no-repeat 50% 30px;}
.footer-nav td.icon.documents {background: #b6844b url('../images/footer/i_documents.png') no-repeat 50% 30px;}
.footer-nav td.icon.legrand-portugal { background: #76a47a url('../images/footer/i_legrand_portugal.png') no-repeat 50% 30px;}
.footer-nav td.icon.legrand-world {background: #a28eb9 url('../images/footer/i_legrand_world.png') no-repeat 50% 30px;}

.absolute-footer { color: #666666; width: auto; clear: both;}
.copyright { border-top: 1px solid #eeeeee; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 40px 0 80px;}
.block-social { float: right; list-style: none; margin: 0;}
.block-social li {display: inline-block;  margin-left: 20px;}
.block-social li a {text-decoration: none; font-size: 16px; color: #000; transition: .2s color;}
/* END OF FOOTER */   

@media only screen and (max-width: 1200px) {
  .banner-title{font-size: 30px;}
  
  .brand-claim {font-size: 12px; max-width: 100%;}
}


@media only screen and (max-width: 992px) {
  .page-title{font-size: 36px;}
  
  .section-title{font-size: 25px; margin-top: 30px; margin-bottom: 20px;}
  .elegant .box-title{font-size: 20px; }
  
  .minimal-4-box .single-box .box-title{font-size: 20px;}
  .site-prefooter h3{font-size: 18px;}
  
}

@media only screen and (max-width: 768px) {
  .site-logo{max-width: 135px;}
  .page-title{font-size: 25px;}
  
  .banner{padding: 5px 0; background-image: url(../images/banner/mobile_banner.png);}
  .banner .banner-text{width: 100%; display: block; padding-right: 0; padding-bottom: 55px;}
  .banner-title{font-size: 20px;}
  .banner .banner-description{max-width: 100%;}
  .banner-image{display: none;}
  .banner-download{font-size: 14px;}
  .section-submenu{margin-top: 15px; display:none;}
  
  .section-title{font-size: 20px; margin-top: 20px; margin-bottom: 10px;}
  .text-sidebox-wrap{margin: 0;}
  .elegant .box-text{width: calc(100% - 60px); }
  .elegant .box-image{width: 100%; }
  .elegant.box .single-box{width: 100%;}
  .elegant.box .box-main-content{margin-right: 0; margin-bottom: 10px; min-height: 0;}
  .elegant.box .box-main-content-2{margin-right: 0; margin-bottom: 10px; min-height: 0;}
  
  .box-product-description{width: 100%; padding: 0; text-align: justify;}
  
  [class^="popup-gallery-"] a{width: calc(20% - 4px); margin: 2px -2px 2px 2px; display: inline-block;}
  
  .video-4-box{padding: 0; background: none;}
  .video-4-box .col-md-3{width: calc(50% - 10px); padding-left: 0; padding-right: 20px; }
  .video-4-box .col-md-3:nth-child(2n){padding: 0; }
  .video-box .box-title{margin-top: 10px; margin-bottom: 10px; }
  .video-box .description{display: none;}
  
  .title-image-3-box{background: none; padding: 0; overflow: hidden;}
  .generic-gallery{margin: 0;}
  
  .row-gutter-sm .md-3{width: calc(50% - 5px);}
  .minimal-4-box .single-box{background: none;}
  .minimal-4-box .single-box:nth-child(2n) {margin-right: 0;}
  .minimal-4-box .single-box .box-body{padding: 0; width: 100%;}
  .minimal-4-box .single-box .box-title{font-size: 18px; margin-top: 6px}
  .minimal-4-box a::after{display: none;}
  .anchor-in-title{display: none;}
  
  .site-prefooter{padding-top: 0; padding-bottom: 15px;}
  .site-prefooter h3{margin-top: 20px;}
  .generic-prefooter [class*="col-"]{display: block; border: none;}
  .site-prefooter .col-md-4, .col-md-8{width: 100%; padding: 0;}
  .generic-prefooter .prefooter-body ul{column-rule: none;}
  
  .site-footer .col-md-3, .col-md-6, .col-md-7, .col-md-5{width: 100%; padding: 0;}
  .footer-row .legal-links, .site-info{text-align: center; margin-bottom: 10px;}
  .brand-claim {margin: 0 0 10px;}
}

@media only screen and (max-width: 600px) {
  .footer-nav td.icon{margin-right: 0 !important; width: 50% !important;}
  .copyright .footer-container{text-align: center;}
  .copyright .footer-container .block-social{float: none; padding: 0; margin-top: 10px;}
  .copyright .footer-container .block-social li{margin-left: 10px; margin-right: 10px;}
}

@media only screen and (max-width: 449px) {
  .container {width: auto; }
  .title-stripe .site-inner{ margin: 0;}
    
  .col-sm-12{padding: 0; margin: 0;}
  .row{margin: 0;}
  
  .elegant .box-text img{margin-bottom: 20px;}
  .title-image-3-box .col-md-4{width: 100%; padding: 0;}
  
  .video-4-box .col-md-3{width: 100%; padding: 0px; margin-bottom: 15px;}
  
  .generic-prefooter .prefooter-nav{column-count: 1;}
}

@media only screen and (min-width: 450px) {
  .container {width: 410px; }
}

@media only screen and (min-width: 768px) {
  .container {width: 750px; }
}

@media only screen and (min-width: 992px) {
  .container {width: 970px; }
}

@media only screen and (min-width: 1200px) {
  .container {width: 1170px; }
}

/* FOOTER NAV */
nav .container { padding: 0; width: 1184px; }
.footer-nav { border-collapse: separate !important; border-spacing: 2px !important; }
.footer-nav td { border-top: 0; vertical-align: top; background: #aaa; }
.footer-nav td.info { background: #aaaaaa; padding: 0 10px; color: #fff;  }
.footer-nav td.info a { color: #fff;  }
.footer-nav td.icon a { display: block; text-align: center;  margin: 0 1px; display: table-cell; height: 100%; color: #fff; text-transform: uppercase; }
.footer-nav td.icon.ecom { background: #fff url(../images/i_ecom.png) no-repeat 50% 20px; }
.footer-nav td.icon.ecom a { color: #0093b2; }
.footer-nav td.icon.contacts { background: #575757 url(../images/i_contacts.png) no-repeat 50% 30px; }
.footer-nav td.icon.assistence { background: #518bbf url(../images/i_assistence.png) no-repeat 50% 30px; }
.footer-nav td.icon.newsletter { background: #f2a147 url(../images/i_newsletter.png) no-repeat 50% 30px; }
.footer-nav td.icon.documents { background: #b6844b url(../images/i_documents.png) no-repeat 50% 30px; }
.footer-nav td.icon.legrand-portugal { background: #76a47a url(../images/i_legrand_portugal.png) no-repeat 50% 30px; }
.footer-nav td.icon.legrand-world { background: #a28eb9 url(../images/i_legrand_world.png) no-repeat 50% 30px; }

@media screen and (max-width: 990px) {
	.footer-nav td{ word-wrap: break-word; display: inline-block;margin-bottom: 3px;}
	.footer-nav td.info { width: calc(100% - 1px); }
	.footer-nav td.icon { width: calc(33% - 2px); height: 120px; background-image: 50% 20px !important; }
	.footer-nav td.icon a { width: 100%; display: inline-block; padding-top: 90px; padding-bottom: 15px; font-size: 11px; }
}

@media screen and (min-width: 991px) {
	.footer-nav td.icon a{ padding-top: 100px; padding-bottom: 10px; width: 100px; font-size: 11px; }
}

@media screen and (min-width: 1200px) {
	.footer-nav td.icon a{ padding-top: 100px; padding-bottom: 10px; width: 150px; font-size: 13px; }
}

@media screen and (max-width: 600px) {
	.footer-nav td.icon.ecom { background: #0093b2; }
	.footer-nav td.icon.ecom a { color: #fff; }
	.footer-nav td.icon { height: 50px; background-image: none !important; vertical-align: middle; margin-right: 3px; width: calc(50% - 4px); }
	.footer-nav td.icon:nth-child(2n + 2){ margin-right: 0; }
	.footer-nav td.icon a { padding: 15px 0 0; }
}

@media screen and (max-width: 400px) {
	.footer-nav td.icon a { padding: 10px 0 0; }
}

.t3-copyright {
  border-top: 1px solid #eeeeee;
  font-size: 12px;
  padding: 40px 0 80px;
}
.t3-copyright:before,
.t3-copyright:after {
  content: " ";
  display: table;
}
.t3-copyright:after {
  clear: both;
}
.t3-copyright small {
  margin-bottom: 5px;
  float: left;
}
.t3-copyright .block-social {
  float: right;
  list-style: none; 
  margin: 0;
}
.t3-copyright .block-social li {
  display: inline-block;
  margin-left: 20px;
}
.t3-copyright .block-social li a {
  text-decoration: none;
  font-size: 16px;
  color: #000;
  transition: .2s color;
}
.t3-copyright .block-social li a:hover {
  color: #4784e0;
}
@media (max-width: 768px) {
	.t3-copyright .block-social,
	.t3-copyright small { float: none; text-align: center; margin-bottom: 10px; padding: 0; }
	.t3-copyright .block-social li { margin-left: 10px; margin-right: 10px; }
}
.copyright {
  margin-bottom: 20px;
}

.footer-container{
  position: relative;
}

#livro-reclamacoes{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

#livro-reclamacoes img{
  max-width: 100px;
}

@media only screen and (max-width: 600px){
  .block-social{
    margin-top: 0;
  }

  #livro-reclamacoes{
    display: block;
    position: static;
    margin-top: 5px;
    transform: unset;
  }
}</pre></body></html>