@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@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: calc(25% - 20px); 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: auto; 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:hidden;}
.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 > 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; margin-top: 30px; margin-bottom: 30px; width: 100%;}
/* PAGE TITLE */
.page-title {font-family: "DinProLight",Arial,"Helvetica Neue",Helvetica,sans-serif, sans-serif; font-size: 50px; font-weight: 400;}
/* BANNER */
.hero{background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #828282; color: #fff; margin-top: 10px;}
.hero.modern{background-image: url(../images/banner/hero-nuovo-Classe-100_gamma.jpg); min-height: calc(530px - 30px * 2); background-position: center right; }
.hero-text{padding-bottom: 90px; position: relative;}
.hero-title-modern{font-size: 41px; font-weight: 700; color: #fff; font-family: 'DinProBold'; text-transform: uppercase; text-shadow: 2px 2px 4px rgba(0,0,0,.3); max-width: 60%;}
.hero-description-modern{font-size: 20px; line-height: 1.5; color: #fff; font-family: 'DinProRegular'; max-width: 60%;}
.hero-download-modern{display: flex; flex-direction: column; margin-top: 25px;}
.now-more-orange-button{display: table; margin: auto;}
.popup-youtube .hero-download-modern-container,
.now-more-orange-button .hero{background-color: #ea6721; border-color: #ea6721; font-weight: 700; font-size: 15px;}
.hero-download-modern-container,
.now-more-orange-button .hero{color: #fff; margin: 12px 0 12px 0; font-family: 'DinProRegular'; text-transform: uppercase; padding: 13px 23px; border: 2px solid #fff; float: left; transition: color 150ms ease-in-out,background-color 150ms ease-in-out;}
.popup-youtube .hero-download-modern-container:hover{color: #828282;}
.catalog .hero-download-modern-container:hover{background-color: #fff; color: #828282;}
.banner{background-image: url(../images/banner/hero-nuovo-Classe-100X16E-connesso-3.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-size: 16px; font-family: "DinProBold",Arial,"Helvetica Neue",Helvetica,sans-serif;}
.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: 16px;}
.nav > li {position: relative; display: inline-block;}
.navbar-nav > li > a {position: relative; display: block; padding: 16px 15px}
.navbar-nav > li > 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 > li > a:hover, .nav > li > 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;}
.box-product-description ul{ list-style: none; padding-left: 10px;}
.box-product-description ul > 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;}
.exposer-placche-full-width{background-position: top center; background-repeat: no-repeat; background-size: 100% auto; display: flex; float: left; left: 50%;
margin-bottom: 63px; margin-left: -50vw; position: relative; width: 100vw; flex-direction: column;}
.exposer-placche-full-width .texts{display: flex; flex-direction: column; align-items: center; z-index: 1; position: relative;}
.exposer-placche-full-width .texts .title{font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-transform: uppercase; text-align: center; margin-bottom: 22px;
line-height: 36px; color: #3c3535;}
.exposer-placche-full-width .background{position: absolute; min-height: 450px; width: 100%; background-position: center center; background-size: cover; z-index: 0;}
.background.bck1{background-image: url(../images/menus/section_1/menu_1/CLASSE_100_sfondo.jpg)}
.background.bck2{background-image: url(../images/menus/section_1/menu_2/CLASSE_100_sfondo2.jpg)}
.exposer-placche-full-width .gallery{display: flex; margin-top: 15%; justify-content: center; align-items: flex-start; z-index: 1; position: relative;}
.exposer-placche-full-width .gallery .placca{display: flex; flex-direction: column; padding: 0 30px;}
.exposer-placche-full-width .gallery .image-container{text-align: center;}
.exposer-placche-full-width .gallery .placca .texts-container{margin-top: 30px;}
.exposer-placche-full-width .gallery .placca .texts-container .description a img{height: auto; vertical-align: middle}
.exposer-placche-full-width .gallery .placca .texts-container .title{font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-transform: uppercase; text-align: left; line-height: 35px; margin-bottom: 16px; width: 100%;}
.exposer-placche-full-width .gallery .placca .texts-container .description{font-size: 18px; color: #262626; font-family: 'DinProRegular'; line-height: 22px;}
.title-subtitle{width: 100%; margin: 50px auto 30px auto; float: left;}
.title-subtitle .title{width: 100%; text-transform: uppercase; font-family: DIN; font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-align: center; line-height: 31px;}
.title-subtitle .subtitle{font-size: 24px; color: #262626; font-family: 'DinProRegular'; text-align: center; line-height: 30px; margin-top: 22px;}
.sidebox{padding: 20px; background-color: #ededed;}
.elegant + .elegant { margin-top: 30px; }
.elegant > div{display: inline-block; width: calc(50% - 32px); vertical-align: top;}
.elegant.with-boxes .box-text{display: block;}
.elegant.with-boxes .boxes{width: 100%;}
.elegant.with-boxes .boxes .single-box{width: 25%; display: inline-block;}
.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.background-sfumato .buttons a{display: block; margin-bottom: 10px;}
.elegant.background-sfumato .buttons img{width: auto;}
.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: 518px; 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;}
.elegant .single-box .box-main-content .box-text{height: 220px;}
.products-grid{float: left; width: 100%; margin: 60px 0;}
.products-grid .products-grid-inner-container{max-width: 1044px; margin: 0 auto;}
.products-grid .title{width: 100%; text-transform: uppercase; font-family: DIN; font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-align: center; margin-bottom: 78px;}
.products-grid .subtitle{font-size: 24px; color: #262626; font-family: 'DinProRegular'; text-align: center; line-height: 30px; margin-top: 22px;}
.products-grid .products{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.products-grid .products .product{width: 495px; flex: 1 1 495px; max-width: 495px; border: 1px solid #ccc; margin-bottom: 33px;}
.products-grid .products .product .product-inner-container{padding: 40px 36px; margin-bottom: 33px; display: flex; flex-direction: column; align-items: center;}
.products-grid .products .product .image-container{margin-bottom: 30px;}
.products-grid .products .product .product-title{font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-transform: uppercase; text-align: left; line-height: 35px;
margin-bottom: 16px; width: 100%;}
.products-grid .products .product .product-description{font-size: 18px; color: #262626; font-family: 'DinProRegular'; line-height: 22px;}
.products-grid .products .product .product-description a img{vertical-align: middle;}
.products-grid .products .product .product-description ul, .products-grid .products .product .product-description ol{padding-left: 20px;}
.galleries-box.modern .nav-tabs{border-bottom: 1px solid #828282;}
.nav{margin-bottom: 0; padding-left: 0; list-style: none;}
.nav-tabs { border-bottom: 1px solid #aaa; font-size: 14px;}
.nav-tabs > li{margin-bottom: 25px; position: relative; display: inline-block ;top: 12px;}
.nav-tabs > li > a{padding: 15px; margin-right: 4px; line-height: 1.428571429; text-transform: uppercase; border-bottom: 1px solid #aaa; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color: #828282; background-color: #ededed; cursor: default;}
.popup-gallery-0{margin-top: 10px;}
.galleries-box .tab-content {display:none;}
.galleries-box .tab-content.active {display:block;}
.galleries-box .tab-content a:hover {text-decoration: none;}
.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;}
.table > thead > tr > th, .widget table > thead > tr > th, table > thead > tr > th, .table > thead > tr > td, .widget table > thead > tr > td, table > thead > tr > td, .table > tbody > tr > th, .widget table > tbody > tr > th, table > tbody > tr > th, .table > tbody > tr > td, .widget table > tbody > tr > td, table > tbody > tr > td, .table > tfoot > tr > th, .widget table > tfoot > tr > th, table > tfoot > tr > th, .table > tfoot > tr > td, .widget table > tfoot > tr > td, table > tfoot > tr > td{padding: 8px;}
.builder-table .footable{width: 100%; font-size: 16px;}
.builder-table table{table-layout:fixed; border-collapse: collapse; border-spacing: 0; font-weight: bold;}
.builder-table th{background-color: #a5a5a5; color: #fff; text-align: left; font-family: "DinProMedium",Arial,"Helvetica Neue",Helvetica,sans-serif;}
.builder-table td{border: 1px solid #aaa; vertical-align: middle; border-left: none; border-right: none; font-weight: normal; font-family: "DinProRegular",Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 18px;}
.builder-table td:first-child { background-color: #f5f5f5;}
.builder-table td:nth-child(2n) {background-color: #e3e3e3;}
.builder-table td:nth-child(3n) {background-color: #f5f5f5;}
.builder-table th, .builder-table td{padding: 12px 25px !important;}
.galleries-box a:hover{text-decoration: none !important;}
#smarther div{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.galleries-box .tab-content a {width: calc((100% / 6) - 20px); max-width: calc((100% / 6) - 20px); flex: 1 1 calc((100% / 6) - 20px); margin: 4px 10px;}
.space{height: 21px;}
/* END OF SECTION 1 */
/* SECTION 2 */
.subsection-title.modern{width: 100%; float: left;}
.builder-subsection.modern{width: 100%; float: left;}
.subsection-title.modern{width: 100%; float: left;}
.subsection-title{margin-top: 35px; margin-bottom: 25px;}
.simple-product-exposer{display: block; float: left; left: 50%; margin-left: -50vw; position: relative; width: 100vw; padding: 0 0 60px 0;}
.simple-product-exposer .simple-product-exposer-inner-container .texts{display: flex; flex-direction: column; text-align: center;}
.simple-product-exposer .simple-product-exposer-inner-container .texts .title{font-size: 30px; color: #3c3535; font-family: 'DinProRegular'; text-transform: uppercase;
margin-bottom: 24px; margin-top: 24px; line-height: 28px;}
.simple-product-exposer .simple-product-exposer-inner-container .texts .subtitle{font-size: 18px; color: #262626; font-family: 'DinProRegular'; line-height: 25px;}
.simple-product-exposer .simple-product-exposer-inner-container .products{display: flex; justify-content: space-between; align-items: flex-start; margin: 57px auto 0 auto;
max-width: 1310px; width: calc(100% - 60px); padding: 0 30px;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product:first-child{margin: 0 32px 0 0;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product{display: flex; flex-direction: column; width: 100%; margin: 0 32px;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product:last-child{margin: 0 0 0 32px;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product .image img{height: auto; width: auto;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product .title{font-size: 18px; color: #262626; font-family: 'DinProRegular'; margin-top: 10px;
line-height: 21px;}
#section-2 {width: 100%; float: left;}
#section-2 .elegant.has-link{margin-bottom: 35px;}
#section-2 .elegant.has-link .box-text{padding: 0; padding-right: 30px;}
.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.modern{background-color: transparent; padding: 30px 0;}
.video-4-box{overflow: auto;}
.video-4-box .col-md-3{padding: 0;}
.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 */
#section-3, #section-4, #section-5 {width: 100%; float: left;}
.builder-table.modern .feature-y{width: 16px; height: 16px; background-color: #a5a5a5; display: block; border-radius: 3px; margin: 0 auto;}
.visible-sm{display: none;}
.minimal-4-box{overflow: hidden; position: relative; font-size: 0;}
.minimal-4-box .single-box{clear: none !important; background-color: #ededed; padding-bottom: 300em; margin-bottom: -300em; margin-right: 10px; min-height: 305px;}
.row-gutter-sm .single-box.large{width: calc(33.3% - 14px); display: inline-block; margin-right: 21px; margin-bottom: 30px; min-height: 336px; vertical-align: top;}
.row-gutter-sm .single-box.large:nth-child(3n){margin-right: 0; }
.row-gutter-sm .single-box.large .box-title{color: #000; margin-bottom: 10px;}
.row-gutter-sm .single-box.large .box-body{padding: 20px; }
.row-gutter-sm .single-box.large .box-description{font-size: 14px;}
.row-gutter-sm .single-box.large a::after{display: none;}
.row-gutter-sm .md-3{width: calc(25% - 8px);}
.row-gutter-sm .md-3 img{width: 100%;}
.row-gutter-sm .md-3:nth-child(4n){margin-right: 0;}
.row-gutter-sm .xs-6{float: left;}
.series-related-4-box .box-body {padding-bottom: 30px; width: calc(100% - 40px); 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 */
/* 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; }
}
/* 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; }
.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 {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 !important;}
.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: 8px; }
.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-top: 13px;}
.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%;}
.elegant .single-box .box-main-content .box-text{height: 250px;}
#section-4 .single-box{min-height: 270px;}
}
@media only screen and (min-width: 992px) {
.hero{padding: 30px 0;}
}
@media only screen and (min-width: 768px) {
.hero{padding-bottom: 50px; position: relative;}
}
@media only screen and (max-width: 991px) {
.page-title{font-size: 36px;}
.hero{padding: 15px 0;}
.section-title{font-size: 25px; margin-top: 30px; margin-bottom: 20px;}
.elegant .box-title{font-size: 20px; }
.elegant.box .box-main-content {min-height: 546px;}
.elegant .single-box .box-main-content .box-text{height: 365px;}
.minimal-4-box .single-box .box-title{font-size: 20px;}
.site-prefooter h3{font-size: 18px;}
.row-gutter-sm .single-box.large{min-height: 325px;}
#section-4 .single-box{min-height: 254px;}
.exposer-placche-full-width{flex-direction: column-reverse; padding: 30px 0;}
.exposer-placche-full-width .background{min-height: 100%; min-width: 100%; width: auto; height: auto;}
.exposer-placche-full-width .gallery{flex-direction: column; align-items: center;}
.exposer-placche-full-width .gallery .placca{padding: 30px;}
.exposer-placche-full-width .gallery .placca .texts-container .description{color: #fff; font-size: 25px; line-height: 29px; text-shadow: 1px 1px 20px rgba(89,89,89,.54);}
.simple-product-exposer{padding: 30px; margin-bottom: 30px; width: calc(100vw - 60px);}
.simple-product-exposer .simple-product-exposer-inner-container .texts .title{font-size: 27px; line-height: 30px;}
.simple-product-exposer .simple-product-exposer-inner-container .products{margin: 30px auto 0 auto; padding: 0; flex-direction: column;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product:last-child{margin: inherit;}
.simple-product-exposer .simple-product-exposer-inner-container .products .product{margin: 15px 0; align-items: center;}
.galleries-box .tab-content a{width: calc((100% / 4) - 4px); max-width: calc((100% / 4) - 4px); flex: 1 1 calc((100% / 4) - 4px); margin: 2px;}
}
@media only screen and (max-width: 767px) {
.site-logo{max-width: 135px;}
.page-title{font-size: 25px;}
.hero.modern{background-position: top center !important; background-image: url(../images/banner/first-fullwidth-mobile-CLASSE100-gamma.jpg) !important;}
.hero.modern .container{margin-top: 390px;}
.hero-title-modern{max-width: 100%;}
.hero-description-modern{max-width: 100%;}
.hero-text{padding: 0;}
.banner{padding: 5px 0; background-image: url(../images/banner/hero_classe_300-300X13E_darker.jpg);}
.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 a{font-size: 13px;}
.link-separator{display: none;}
.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;}
.elegant.with-boxes .boxes .single-box{display: block; width: 100%;}
.elegant.with-boxes .boxes .single-box img{display: block; margin-left: auto; margin-right: auto; width: auto;}
.elegant .single-box .box-main-content .box-text{height: 180px;}
#section-2 .elegant.has-link .box-text{padding: 0; width: 100%;}
.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;}
[class^="popup-gallery-"] a img{margin: 10px;}
.anchor-follows{width: 100%;}
.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;}
.single-box.large .box-body{padding: 0 !important;}
.single-box.large {min-height: auto !important;}
.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;}
.single-box.large:nth-child(2n){margin-right: 21px; !important;}
.builder-table .footable tr:first-child{display: none;}
.builder-table table{table-layout:fixed; border-collapse: collapse; border-spacing: 0; font-weight: bold; }
.builder-table th{background-color: #a5a5a5; color: #fff; text-align: left;}
.builder-table td{border: 1px solid #aaa; vertical-align: middle; border-left: none; border-right: none; font-weight: normal; font-size: 12px;}
.builder-table td:first-child { width: 30%;}
.builder-table th, .builder-table td{padding: 8px !important;}
.galleries-box .tab-content a {width: calc((100% / 2) - 4px); max-width: calc((100% / 2) - 4px); flex: 1 1 calc((100% / 2) - 4px); margin: 2px;}
[class^="popup-gallery-"] a img{margin: 0; width: 100%;}
.footer-nav{width: 100%;}
.footer-nav td.icon{padding: 0;}
}
@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;}
.elegant .single-box .box-main-content .box-text{height: 270px; padding: 10px; width: calc(100% - 20px);}
.video-4-box .col-md-3{width: 100%; padding: 0px; margin-bottom: 15px;}
.row-gutter-sm .single-box.large{display: block; width: 100%; margin: 0; min-height:auto;}
.generic-prefooter .prefooter-nav{column-count: 1;}
.single-box.large{margin-bottom: 30px !important;}
#section-4 .single-box{min-height: auto; }
.elegant.background-sfumato .buttons a{margin-bottom: 0px;}
}
@media only screen and (min-width: 450px) {
.container {width: 480px; }
}
@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; }
}
@media screen and (max-width: 991px) {
.products-grid .products .product{width: 100%; flex: 1 1 100%;
max-width: 100%;}
}
@media screen and (max-width: 767px) {
.galleries-box .tab-content a{width: calc((100% / 2) - 6px); max-width: calc((100% / 2) - 4px); flex: 1 1 calc((100% / 2) - 4px); margin: 2px;}
.nav-tabs > li{display: block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{display: block;}
.nav-tabs > li> a{display: block; border-bottom: none;}
}
@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 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; padding-top: 30px; }
.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% - 13px); 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 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 screen and (max-width: 400px) {
.footer-nav td.icon a { padding: 10px 0 0; }
}
.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;
}
}