﻿    * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
    html, body {text-rendering:optimizeLegibility; min-height:100%;}
    body {position:relative; width:100%; color:#272f34; margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:14pt; text-align:left; overflow-x: hidden;}
    body p {font-family: 'Droid Serif', serif;}
    /*a {color:#272f34;}*/
    a:hover {color:#ce1827; text-decoration:none!important;}
    a.ablock {display:block!important;}
    h1, h2, h3, h4, h5 {margin:0; padding:0;}
    label {font-weight: normal;}
    .btn {background: transparent; color:#fff; border:1px solid #fff; border-radius: 6px; padding:20px 35px; font-size:11pt; font-weight:400; margin:5px 0;}
    .btn.btn-default {border-radius:6px; border: 1px solid #000; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 9pt; text-transform: uppercase; padding: 15px 35px; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
    .btn.btn-default:hover {    border-color: #cf050f;
    color: #fff;
    background-color: #cf050f;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;}
    iframe {border:0;}
    .no-padding {padding: 0;}
    .no-margin {margin: 0;}
    #titleProdotti .boxTitle h1 {
    text-transform: capitalize;
}
.fa-2x {
    font-size: 1.5em !important;
    line-height: 30px !important;
}
    /* HEADER */
        header {background: url(../assets/images/header_bg.jpg) no-repeat; background-size: cover; height: 600px; position: relative;}
        #home header {height: 100vh; background:none;}
        /* menu */
            #navbar {position: absolute; top: 30px; z-index: 20;width: 100%; border-radius: 0; }
            #menu {margin-top: 7px;}
            #menu .hvr-overline-from-center:before {background: #e0933b; height: 3px;}
            #menu li {text-transform: uppercase; font-weight: 700; font-size: 11pt; background: transparent;}
            #menu a {color: #fff; padding: 5px 0 15px 0; margin: 0 15px;}
			#home #top #menu a {color: #000;}
            #menu a:hover, #menu a:focus, #menu a:visited {background: transparent;}
            #menu a.active::before {right: 0; left: 0;}
            #menu .open a {background: transparent;}
            #menu .dropdown-menu {background: #f6f6f6; border-radius: 0px; right: auto; left: -15px;}
            #menu .dropdown-menu li {margin: 0; border-bottom: 1px solid #dcdbdb; padding: 13px 0;}
            #menu .dropdown-menu li:first-child {padding: 9px 0 13px 0;}
            #menu .dropdown-menu li:last-child {border-bottom: 0; padding: 13px 0 9px 0;}
            #menu .dropdown-menu a {color: #7c8082; font-weight: 800; margin: 0 30px; padding: 0; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #menu .dropdown-menu a:hover {color: #d2342c !important; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #menu .dropdown-menu .active a {color: #06a74f;}
            #menu .dropdown-toggle span {margin-left: 3px;}
            #menu .dropdown.open .dropdown-toggle:before {background: #e0933b !important; height: 3px; left: 0; right: 0;}
            .active-menu::before {left: 0; right: 0;}
            /* affix */
                .navbar.affix { background: linear-gradient(-50deg, #ce1827 61%, #ffffff 45%); width: 100%; left: 0; top: 0;     padding: 20px 0px 5px 0px;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 3px 4px #cccccc75;}
                .navbar.affix #menu .dropdown-menu {top: 60px;}
                .navbar.affix #menu .dropdown-menu a {padding: 0;}
                .navbar.affix #menu a {padding: 5px 0 35px 0; color:#fff!important;}
				.navbar.affix #menu .dropdown-menu a {color: #7c8082!important;}
            /* language menu */
                #languageMenu .dropdown-menu {min-width: 80px; right: -10px;}
                #languageMenu .dropdown-menu li.active a {color: #06a74f;}
        /* slider */
            #sliderHome {position: relative; top: 34vh; z-index: 1;}
            #sliderHome .owl-stage-outer {overflow: visible;}
            #navContainer {position: absolute; bottom: 13px; width: 100%;}
            #customNav {z-index: 10; cursor: pointer; bottom: 13px; position: relative; font-size: 17pt; color: #fff; }
            #customNav i {-webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #customNav i:hover {color: #06a74f; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #customNav .owl-nav.disabled {color: #7c8082;}
            #customNav .owl-prev {display: inline-block; margin: 0 13px 0 20px;}
            #customNav .owl-next {display: inline-block; margin: 0 0 0 13px;}

            #sliderHome .sliderCurve {position: absolute; top: -180px; right: 0; width: 57%!important;z-index: -1;}
            #sliderHome .product {position: static;}
            #sliderHome .reflection {position: relative; top: -30px; z-index: -2;}
            #sliderHome .reflection img {transform: scaleY(-1);-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1); opacity: .15;}
            #sliderHome h1 {color: #000;font-size: 60pt; font-weight: bolder; letter-spacing: 1px;}
            #sliderHome h4 {color: #999; text-transform: uppercase; font-weight: bolder; font-size: 18pt;letter-spacing: 1px;margin-top: 30px;}

        /* slogan */
            #slogan h1 {color: #fff;font-size: 40pt; font-weight: bolder; letter-spacing: 1px; top: 250px; position: relative;z-index: 5;}
            #slogan h1.oblique {top: 150px;}

    /* MIDDLE */
        .boxTxt {padding: 150px 0 60px 0px; text-align: right; position: relative;}
        .boxTxt h1 {font-size: 60pt; font-weight: 800;}
        .boxTxt h2 {font-size: 25pt; margin-top: 20px;}
        .boxTxt p {color: #383838; font-size: 11pt; line-height: 22pt; margin-left: 20%; margin-top: 20px;}

        .boxTitle {padding-top: 50px; padding-bottom: 50px; text-align: left; z-index: 4;}
        .boxTitle h1 {font-size: 40pt; color:#e29d3c; font-weight: 800; text-transform: uppercase;     margin-bottom: 10px;}
        .boxTitle h4 {font-size: 20pt; color: #7c8082; font-family: 'Droid Serif', serif; margin-top: 10px; letter-spacing: 2px;}
        .boxTitle span {color: #e29d3c;}
        .boxTitle h4 span {color: #de8839; font-size: 30pt;}
        /* azienda */
            #azienda {padding: 80px 0 350px 0; background: url(../assets/images/radiiant-bg.png) top right no-repeat;}
            #azienda h3 {text-transform: uppercase; font-weight: 800; margin-bottom: 30px; font-size: 20pt;}
            #azienda h3 span {text-transform: uppercase; font-weight: 800; color: #ce1827;}
            #azienda h2 {font-size: 26pt;}
            #azienda h2::first-letter {text-transform: uppercase;}
            #azienda h2 span {color: #ce1827;}
            #azienda p {color: #4c4e4e; font-size: 11pt; line-height: 22pt; margin-right: 30%; margin-top: 25px; margin-left: 3px;}

        /* ecoCompact */
            #ecoCompactExt {background: url(../assets/images/ecoCompact_bg.jpg) bottom left no-repeat; height: 920px;}
            #ecoCompact {background-color: #f6f6f6; margin-top: -100px; -webkit-transform: rotate(6deg) scale(1.1); -ms-transform: rotate(6deg) scale(1.1); -moz-transform: rotate(6deg) scale(1.1);  transform: rotate(6deg) scale(1.1); z-index: 2;}
            #ecoCompact .ecoCompactContainer {-webkit-transform: rotate(-6deg) scale(0.9); -ms-transform: rotate(-6deg) scale(0.9); -moz-transform: rotate(-6deg) scale(0.9); transform: rotate(-6deg) scale(0.9);}
            #ecoCompact .boxTxt h1 span {color: #df8b39;}

            #bollitore {position: absolute; top: -150px; max-width: 85%;}

        /* hrwp */
            #hrwp {padding: 80px 0;}
            #hrwp .boxTxt {text-align: left; padding: 0;}
            #hrwp .boxTxt h1 {color: #e29d3c;}
            #hrwp .boxTxt h1 span {color: #d4462e;}
            #hrwp .boxTxt p {margin-left: 0; margin-right: 20%;}

            #hrwp_img {position: absolute; top: -280px; max-width: 150%; left: -50px;}

        /* counters */
            #counters {padding: 60px 0; background: url(../assets/images/counters_bg.jpg) center center no-repeat; background-size: cover;}
            #counters .boxTxt {text-align: center; padding: 0;}
            #counters .boxTxt h1 {color: #fff; font-size: 40pt; font-weight: 600;}
            #counters .boxTxt p {color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0;}

        /* PAGINE INTERNE */
            .sliderCurve {position: absolute; top: 100px; right: 0; width: 45%!important; z-index: 1;}
            #pagInternaExt {background-color:#f6f6f6; margin-top: -100px;  z-index: 2;}
            #pagInternaExt .boxTxt {padding: 80px 0 60px 0;}
            #pagInternaExt .boxTxt p {color: #f2f2f2; font-family: 'Montserrat', sans-serif; font-weight: 200; text-align: left; margin-left: 0; margin-right: 0;}
            #pagInternaExt .bottomSpacing {height: 150px;}
            #production.de #pagInternaExt .bottomSpacing {height: 300px;}

            #pagInterna {background-color: #f6f6f6; height: 750px; -webkit-transform: rotate(6deg) scale(1.1); -ms-transform: rotate(6deg) scale(1.1); -moz-transform: rotate(6deg) scale(1.1);  transform: rotate(6deg) scale(1.1); position: relative;z-index: 1;}
            .en #pagInterna {height: 800px;}
            #pagInterna .container {-webkit-transform: rotate(-6deg) scale(0.9); -ms-transform: rotate(-6deg) scale(0.9); -moz-transform: rotate(-6deg) scale(0.9); transform: rotate(-6deg) scale(0.9);}
            #pagInterna .boxTxt.desc {padding: 0;}
            #pagInterna .boxTxt.desc p {text-align: right; margin-right: 0; margin-left: 5%;}
            #pagInterna .boxTxt {text-align: left; padding: 40px 0 0 0; }
            #pagInterna .boxTxt h1 {text-transform: uppercase; color: #e29d3c; font-size: 50pt;}
            #pagInterna .boxTxt h2::first-letter {text-transform: uppercase;}
            #pagInterna .boxTxt p {margin-left: 3px; margin-right: 5%;color: #7c8082; font-family: 'Droid Serif', serif;}
            #pagInterna .boxTxt li {font-family: 'Droid Serif', serif; color: #7c8082; font-size: 11pt; line-height: 22pt; list-style-type: none;}
            #pagInterna .boxTxt li::before {font-family: 'FontAwesome'; content:"\f1c0"; margin: 0 10px 0 -25px; color: #7c8082;}

            #pagInterna .gallery {position: relative; margin-bottom: 30px; margin-top: 30px;}
            #pagInterna .gallery-item {padding: 0;}
            #pagInterna .gallery-item a {display: block; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #pagInterna .gallery-item a:hover {border: 10px solid #06a74f; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}

            .pswp__caption__center {text-align: center;}

        /* PAGINE PRODOTTI */
            #elenco_prodotti .sliderCurve {z-index: 0;}
            #elenco_prodotti #titleProdotti {background-color: #fff;}
            #elenco_prodotti .boxTitle h1 {text-transform: none;}
            #elenco_prodotti .boxTitle h4
            #elenco_prodotti .product {padding-left: 50px;}
            #elenco_prodotti .boxImg {height: 100%;}
            #elenco_prodotti .boxTxt {padding: 0 10px; height: 100%;}
            #elenco_prodotti .boxTxt span {color: #ef9f4f;}
            #elenco_prodotti .boxTxt h1 {font-size: 28pt;}
            #elenco_prodotti .boxTxt h2 {font-weight: 600; font-size: 18pt;}
            #elenco_prodotti .boxTxt a {margin-top: 30px;}
            #elenco_prodotti .boxTxt.left {text-align: left;}
            #elenco_prodotti .boxTxt.right {text-align: right;}
            #elenco_prodotti .boxTxt .divider {margin: 0 10px;}
            
            #elenco_prodotti .row-grey {background-color: #f1f1f1; padding: 80px 0;}
            #elenco_prodotti .row-blue {background: linear-gradient(to left, #c01220 0%, #fd9f35 100%); padding: 80px 0; border-bottom: 1px solid #f1f1f1;}
            #elenco_prodotti .row-blue .boxTxt h1 {color: #fff;}
            #elenco_prodotti .row-blue .boxTxt h2 {color: #fff;}
            #elenco_prodotti .row-blue .btn.btn-default {border-color: #fff; color: #fff;}
            #elenco_prodotti .row-blue .btn.btn-default:hover {border-color: #d3362c;}

            #pagProdotti {position: relative; z-index: 2;}

        /* DETTAGLI PRODOTTO */
            #productDetails {position:relative; padding: 50px 0; background-color: #fff; z-index: 2;}
            #titleProdotti {background-color: #f6f6f6; position: relative; z-index: 2;}
            /*#dettaglio_prodotti .sliderCurve {z-index: 0;}*/
            #dettaglio_prodotti .boxTitle h1 {text-transform: none;}
            #dettaglio_prodotti .boxTitle h2 {margin-top: 15px; margin-bottom: 15px; font-size: 24pt; letter-spacing: .5px;}
            #dettaglio_prodotti .boxTitle h4 {font-weight: 600; font-family: 'Montserrat', sans-serif; color: #272f34;}
            #dettaglio_prodotti .boxTitle h4 span {margin: 0 10px; color: #e29d3c; font-size: 20pt;}
            #dettaglio_prodotti #icone {list-style-type: none; padding: 0; margin-top: 30px; margin-bottom: -15px;}
            #dettaglio_prodotti #icone img {margin: 0 5px;}

            #productDetails .details {padding: 0 15px 0 50px;}
            #productDetails .details .productSubtitle {font-weight: 600; font-size: 20pt; line-height: 30pt; font-family: 'Montserrat', sans-serif; letter-spacing: 0.25px; color: #06a74f; margin-bottom: 30px; margin-top: 0;}
            #productDetails .details .elencoTitle {font-size: 15pt; letter-spacing: 1px;}
            #productDetails .details ul {margin-top: 15px; list-style-type: none; padding-left: 20px;}
            #productDetails h5 {font-size: 16pt; margin-top: 20px;}
            #productDetails h5:first-of-type {font-size: 16pt; margin-top: 0px;}
            #productDetails li::before {font-family: 'FontAwesome'; content: '\f013'; margin: 0 10px 0 -20px; color: #06a74f;}
            #productDetails p {margin-top: 15px; line-height: 23pt; font-family: 'Montserrat', sans-serif;}
            #productDetails table {width: 100%; margin-top: 50px;}
            #productDetails td {border: 1px solid #ccc; padding: 5px; text-align: center;}
            #productDetails .titolo_principale {font-weight: 500; color: #06a74f; font-size: 18pt; text-align: center!important;}
            #productDetails .titolo {text-align: left; font-weight: 500;}
            #productDetails .titolo2 {text-align: center; font-weight: 500;}
            #productDetails .imm.right {float: left; margin: 0 40px 20px 0;}
            #productDetails .imm.left {float: left; margin: 0 40px 20px 0;}
            #productDetails .imm img {max-width: 200px;}
            #productDetails .clear {clear: both;}
            #productDetails .schedaTecnica {z-index: 2; display: inline-block; margin: 30px 0 0 0; width: auto;} 
            #productDetails .schedaTecnica i {margin-right: 10px;}

            #productDetails .contenuti_spec {padding-left: 0!important;}
            #productDetails .contenuti_spec li::before {display: none;}
            #productDetails .contenuti_spec .right li, #productDetails .contenuti_spec .left li {margin-right: 20%; line-height: 25pt;}
            #productDetails .contenuti_spec .right li::before, #productDetails .contenuti_spec .left li::before, #productDetails .contenuti_spec .center li::before {display: inline-block;}
            #productDetails .contenuti_spec .center ul>li>ul {margin: 10px 0;}
            #productDetails #icone {list-style-type: none; margin-bottom: 0;}
            #productDetails #icone li::before {display: none;}
            #productDetails .btn.btn-default.indietro {position: relative; margin: 50px 0 0 0; z-index: 2;}
            #productDetails .btn.btn-default.indietro i {margin-right: 10px;}

            #sliderProdotto {z-index: 1;}

            #sliderProdotto .owl-stage {display: table!important;}
            #sliderProdotto .owl-item {display: table-cell; float: none; vertical-align: middle;}
            #sliderProdotto .owl-item > div {text-align: center;}

            #sliderProdotto .owl-item a {display: block;}
            #sliderProdotto .owl-item img {margin: 0 auto; width: 99%;}
            #sliderProdotto .owl-nav {position: absolute; top: 47%; width: 100%; z-index: 2;}
            #sliderProdotto .owl-nav .owl-next {position: absolute; right: -60px; padding: 15px; display: inline-block;}
            #sliderProdotto .owl-nav .owl-prev {position: absolute; left: -60px; padding: 15px; display: inline-block;}
            #sliderProdotto .owl-nav .owl-next.disabled {opacity: 0.5;}
            #sliderProdotto .owl-nav .owl-prev.disabled {opacity: 0.5;}
            #sliderProdotto .owl-nav .owl-next i, #sliderProdotto .owl-nav .owl-prev i {font-size: 20pt; color: #da6934;}

    /* CONTATTI */
        #contatti .sliderCurve {z-index: 0;}
        #contatti .boxTitle {padding-left: 0; background-color: #fff;}
        #box_contatti {padding: 0 0 50px 0;}
        #box_contatti a {color: #d3372c;-webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
        #box_contatti a:hover {color: #7c8082;-webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
        #box_contatti p {font-family: 'Montserrat', sans-serif; margin: 20px 0;}
        #box_contatti .boxTitle h4 {font-size: 16pt;}
        #box_contatti .btn.btn-default {padding: 15px 80px;}
        #box_contatti textarea {resize: none; height: 185px!important; padding: 16px 12px 0px 12px;}
        #box_contatti #privacy {position: relative; top: 1px;}
        #box_contatti .form-control {box-shadow: none!important; height: 55px; border-radius: 0px; margin-bottom: 10px; font-size: 12pt;}
        #box_contatti .form-control:focus {border-color: #06a74f;}

        #dialog-confirm {text-align: center; padding: 0!important;}
        #dialog-confirm::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
        #dialog-confirm button.close {display: none;}
        #dialog-confirm .modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
        #dialog-confirm .modal-footer .btn {margin: 0 auto; display: block;}
        #dialog-confirmMessage {font-family: 'Montserrat', sans-serif; text-align: center; margin: 30px 0; line-height: 25pt;}

        #dialog-privacy .btn.btn-default {display: block; margin: 0 auto;}

    /* FOOTER */
        footer .boxTxt {padding: 0; text-align: center;}
        footer .boxTxt h2 {color: #eb922c; font-weight: 400!important; font-size: 30pt!important; letter-spacing: 1px;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
        footer .boxTxt h2 span {color: #e29d3c;}
        footer .boxTxt h5 {color: #fff;}
        footer .boxTxt p {margin-left: 0; margin-top: 10px; font-weight: 600;letter-spacing: 0.5px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
        /* domande */
            #domande {padding: 70px 0; background-color: #5f1732; border-bottom: 1px solid #f1f1f1;}
            #domande .boxTxt h2::first-letter {text-transform: uppercase;}
            #domande .boxTxt p::first-letter {text-transform: uppercase;}
        /* dati */
            #dati {padding: 50px 0; background-color: #ffffff;}
            #dati .boxTxt h2 {font-weight: 700!important; margin: 0;}
            #dati .boxTxt h5 {color: #7c8082;}
            #dati .boxTxt h5 a {color: #353636; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
            #dati .boxTxt h5 a:hover {color: #df8f3a; -webkit-transition: .3s all;-moz-transition: .3s all; transition: .3s all;}
        /* bottom */ 
            #bottom {padding: 20px 0; background-color: #6d6c6c;}
            #bottom .logoBottom {float:right;}
            /* menuBottom */
                footer .navbar-right {float: none!important;}
                footer #menu {margin-top: 3px;}
                footer #menu ul {list-style-type: none; padding-left: 5px;}
                footer #menu li {width: 40%;}
                footer #menu li.active a {color: #06a74f;}
                footer #menu li:first-child {display: none;}
                footer #menu li.last {display: none;}
                footer #menu li a:hover {color: #e0923b;}
                footer #menu li ul li {width: 100%; display: inline-flex;}
                footer #menu li ul li::first-letter {text-transform: uppercase!important;}
                footer #menu li ul li:first-child {display: flex;}
                footer #menu li ul li a {font-size: 8pt; }
                footer #menu a {color: #ffffff; text-transform:uppercase; font-size: 9pt; padding-bottom: 5px;}
                footer #menu a::first-letter {text-transform: uppercase!important;}
                footer #menu .caret {display: none;}
                footer .content img {float: right; margin-top: 20px;}
                footer #languageMenu {display: none!important;}
            /* concept TP */
                #widgetTP {margin-top: 10px;}
                #newconcept {color: #d7d8d9; font-size: 9pt!important; font-weight: 600!important;}
                #newconcept a {color: #d7d8d9; font-size: 9pt!important; font-weight: 600!important; font-family: 'Montserrat', sans-serif!important;}
                #newconcept a#link_privacy {border-right: 2px solid #d7d8d9; padding-right: 13px;}
                #newconcept br {display: none;}
                #newconcept::first-letter {text-transform: uppercase!important;}
                #link_privacy {margin-right: 10px; font-size: 9pt!important; font-weight: 600!important; font-family: 'Montserrat', sans-serif!important;}


.ml15 {margin-left:15px!important;}
.mt-5 {margin-top:3rem!important;}
.overflow-hidden {overflow: hidden;}


    /* ROW FLEX */
    .row-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-flex .content {position: relative; height: 100%;}

        /* Safari 7.1+ */
        _::-webkit-full-page-media, _:future, :root .row-flex {display: block;}

    /* MODAL CENTER */
		#dialog-confirm .modal-dialog {width:40%; display: inline-block; vertical-align: middle;}
		#dialog-error .modal-dialog, #dialog-privacy .modal-dialog {width:55%; display: inline-block; vertical-align: middle;}
		#dialog-error .modal-body, #dialog-confirm .modal-body, #dialog-privacy .modal-body { padding: 30px;}
		#dialog-privacy iframe {width:100%; height:500px;}
		#dialog-privacy, #dialog-error, #dialog-confirm {text-align: center; padding: 0!important;}
		#dialog-privacy::before, #dialog-error::before, #dialog-confirm::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
		#dialog-privacy .modal-footer .btn, #dialog-error .modal-footer .btn, #dialog-confirm .modal-footer .btn {display: block; margin: 0 auto;}

@media (max-width:1500px) {
    body {border:5px solid orange;}

    #hrwp_img {left: -150px;}

}
@media (max-width:1300px) {
	body {border:5px solid green;}

}
@media (max-width:1199px) {
    body {border:5px solid #36bac1;}
    
    #menu {margin-right: 0;}
    /* MIDDLE */
        /* ecoCompact */
            #ecoCompactExt {height: 750px;}
        /* hrwp */
            #hrwp_img {top: -150px; left: -75px;}
        /* PAGINE INTERNE */
            #pagInterna {height: 800px; -webkit-transform: rotate(6deg) scale(1.2);-ms-transform: rotate(6deg) scale(1.2);-moz-transform: rotate(6deg) scale(1.2);transform: rotate(6deg) scale(1.2);}
            #pagInterna .container {-webkit-transform: rotate(-6deg) scale(0.8); -ms-transform: rotate(-6deg) scale(0.8); -moz-transform: rotate(-6deg) scale(0.8); transform: rotate(-6deg) scale(0.8);}
   
        /* elenco prodotti */
            #elenco_prodotti .boxTxt h1 {font-size: 26pt;}
}
@media (max-width:991px) {
	body {border:5px solid blue;}
	/* HEADER */
        /* menu */
            #menu {margin-right:10px;}
            .de #menu {margin-right: 0;}
            .de #menu a {margin: 0 8px;}
            .de #menu .dropdown-menu a {margin: 0 30px;}
            .navbar-left {margin-left: -20px;}
            .de #box_menu .navbar.affix .navbar-left {margin-left: 0px;}
            .de #box_menu .navbar.affix .logo img {height: 40px;}
        /* slider */
            #sliderHome .product {margin-top: 100px;}
            #sliderHome h1 {font-size: 45pt;}

    /* MIDDLE */
        .boxTxt h1 {font-size: 45pt;}
        .boxTxt h2 {font-size: 22pt;}
        .boxTxt p {font-size: 12pt;}
        /* ecoCompact */
            #ecoCompact {margin-top: -120px;}
        /* hrwp */
            #hrwp_img {left: 0;}
        /* PAGINE INTERNE */
            .sliderCurve {width: 70%!important;}
            #pagInterna .boxTxt {padding: 80px 0 0 0;}
            #pagInterna .boxTxt h1 {font-size: 45pt;}
            #pagInterna .boxTxt h2 {font-size: 22pt;}
            #pagInterna .boxTxt p {font-size: 9pt;}
        /* PAG PRODOTTI */
            #pagProdotti .product {padding-left: 0;}
            #pagProdotti .boxTxt h1 {font-size: 21pt;}
            #pagProdotti .boxTxt h2 {font-size: 14pt;}

            #elenco_prodotti .boxTxt .divider {margin: 0 5px;}
            
        /* DETTAGLI PRODOTTO */
            #sliderProdotto .owl-nav {top: 100%; width: 5%; right: 25px;}
           

    /* FOOTER */
        /* menuBottom */
            footer #menu li {width: 50%;}
        /* concept TP */
            #newconcept br {display: block;}
            #link_privacy {margin-right: 0;}
            #newconcept a#link_privacy {border:0 ; padding-right: 0;}
}

@media (max-width:767px) {
    body {border:5px solid red;} 
    
    .boxTitle h1 {font-size: 30pt;}
    .boxTitle h4 {font-size: 16pt;}
    #elenco_prodotti .boxTitle h4 {margin-top: 0;}    
    .boxTitle h4 span {font-size: 25pt;}
    /* HEADER */
        header {height: 310px;}
        #home header {
    height: 65vh !important;
    background: none;
}
.navbar.affix #menu .dropdown-menu a {
    color: #e09d3e!important;
}
        #prodotti header {height: 400px;}
        #product header {height: 400px;}
        /* menu */
            #navbar {position: fixed; background-color: #6d6c6c; top: 0; padding: 15px 0; border-bottom: 3px solid #df8c3a;}
            #menu {margin-right: 0; margin-top: 20px;}
            #menu a {padding: 8px 0 8px 0; text-align: center; font-size: 11pt; color: #ffffff !important;}
            #menu li {font-size: 13pt;}
            #menu .dropdown-menu {background-color: initial;}
            #menu .dropdown-menu a {font-size: 10pt;     color: #e09d3e !important;}
            #menu .dropdown-menu li {border: none; padding: 10px 0;}
            #menu .dropdown-menu li:first-child {padding: 5px 0 10px 0;}
            .navbar-header {margin: 0;}
            .navbar-brand {padding: 0px 30px;}
            .navbar-toggle {padding: 7.5px; margin-right: 30px; margin-top: 7px;}
            .navbar-toggle .icon-bar {background-color: #fff; width: 35px; height: 3px;}
            .navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
            .navbar-collapse {box-shadow: none;}
            .navbar.affix {position: static; padding: 0; background: none;}
            .navbar.affix #menu a {padding: 8px 0 8px 0;}
        /* slider */
            #sliderHome {top: 26vh;}
            #sliderHome h1 {font-size: 40pt;}
            #sliderHome .product {margin-top: 40px;}
            #sliderHome .sliderCurve {width: 80%!important; opacity: .6; }
            #navContainer {bottom: 35px;}
        /* slogan */
            #slogan h1 {top: 150px;}
            #prodotti #slogan h1 {top: 175px;}

    /* MIDDLE */
        .boxTxt {text-align: left; padding: 60px 0;}
        .boxTxt p {margin-left: 0;}
        /* azienda */
            #azienda {padding: 80px 0 300px 0;}
            #azienda p {margin-right: 0;}
        /* ecoCompact */
             #ecoCompact {margin-top: -100px;-webkit-transform: rotate(6deg) scale(1.2);-ms-transform: rotate(6deg) scale(1.2);-moz-transform: rotate(6deg) scale(1.2);transform: rotate(6deg) scale(1.2);}
             #ecoCompact .ecoCompactContainer {-webkit-transform: rotate(-6deg) scale(0.8); -ms-transform: rotate(-6deg) scale(0.8); -moz-transform: rotate(-6deg) scale(0.8); transform: rotate(-6deg) scale(0.8);}

             #bollitore {max-height: 600px; right: 0; top: 250px;}
        /* hrwp */
            #hrwp .boxTxt {padding: 50px 0 0 0; text-align: right;}
            #hrwp .boxTxt p {margin-right: 0; margin-left: 20%;}

            #hrwp_img {max-width: 100%; max-height: 400px; left: 0; top: -640px;}
        /* counters */
            #counters {background-size: cover; }
            #counters .boxTxt {margin: 20px 0;}
        /* PAGINE INTERNE */
            #pagInternaExt {margin-top: 0;}
            #pagInterna {margin-top: 30px; height: 650px;}
            .en #pagInterna {height: 650px;}
            #pagInterna .row {margin-top: -50px; margin-left: -10px;}
            #pagInterna .boxTxt {text-align: left; padding: 60px 0;}
            #pagInterna .boxTxt h1 {font-size: 32pt;}
            #pagInterna .boxTxt p {margin-left: 0;}
        /* PAG PRODOTTI */
            #pagProdotti .boxImg img {margin: 0 auto;}
            #pagProdotti .boxTxt h1 {font-size: 17pt;}
            #pagProdotti .boxTxt h2 {font-size: 12pt; margin-top: 10px;}
            #pagProdotti .boxTxt a {margin-top: 20px;}
            #pagProdotti .btn.btn-default {font-size: 8pt;}

            #dettaglio_prodotti .boxTitle h1 {font-size: 30pt;}
            #dettaglio_prodotti .boxTitle h4 {font-size: 16pt;}
            #dettaglio_prodotti .boxTitle h4 span {font-size: 16pt; margin: 0;}
        /* DETTAGLI PRODOTTO */
            #productDetails table {font-size: 10pt;}
            #productDetails .row-flex {display: block; display: -webkit-block;}
            #productDetails .titolo_principale {font-size: 15pt;}
            #productDetails .contenuti_spec .right li, #productDetails .contenuti_spec .left li {margin-right: 0; line-height: 18pt;}
            #productDetails p.testo_piccolo {font-size: 10pt;}
            #productDetails .details {padding: 20px;}
            #productDetails .btn.btn-default.indietro {margin-top: 20px;}

            #sliderProdotto {margin: 0 auto; float: none; padding-bottom: 50px;}
            #sliderProdotto .owl-item img {min-height: auto; height: auto; width: 50%;}
            #sliderProdotto .owl-nav {top: 35%; width: 95%;}
            #sliderProdotto .owl-nav .owl-prev {left: 0px;}
            #sliderProdotto .owl-nav .owl-next {right: 0px;}
            #sliderProdotto .owl-nav .owl-prev i, #sliderProdotto .owl-nav .owl-next i {font-size: 25pt;}

    /* FOOTER */
        /* menuBottom */
            footer .content img {float: none!important; margin: 20px auto 0 auto;}
            footer #menu li {display: inline-table; text-align: center; width: 49%;}
            footer #menu li ul li a {text-align: center; width: 100%;}
            #bottom .logoBottom {float: none; margin: 0 auto;}
            #dati .boxTxt h5 a {display: inline-block; padding: 5px 10px;}
            #dati .boxTxt h5 a i.fa-phone {position: relative; top: -4px;}
        /* concept TP */
            #widgetTP {margin-bottom: 20px;}
            #newconcept {text-align: center!important;}

    /* CONTATTI */
        #dialog-privacy .modal-dialog {width: 90%;}

    /* ROW FLEX */
        /*.row-flex {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}*/
}
@media (max-width:600px) {
    body {border:5px blue solid}
    
    .boxTitle h1 {font-size: 22.5pt;}
    .boxTitle h4 {font-size: 14pt; letter-spacing: 1px;}
    .boxTitle h4 span {font-size: 20pt;}
    /* HEADER */
        /* slider */
            #sliderHome .product {margin-top: 60px;}
            #sliderHome .sliderCurve {top: -100px;}
        /* slogan */
            #slogan h1 {font-size: 30pt;}

    /* MIDDLE */
        .boxTxt h1 {font-size: 38pt;}
        .boxTxt h2 {font-size: 21pt;}
        /* azienda */
            #azienda h2 {font-size: 22pt;}
            #azienda h3 {font-size: 14pt;}
            #azienda p {font-size: 10pt; line-height: 18pt;}
        /* ecoCompact */
            #ecoCompactExt {height: 770px;
                background: url(../assets/images/ecoCompact_bg.jpg) bottom center no-repeat;
            }
            #bollitore {top: 300px; max-height: 450px;}
        /*hrwp */
            #hrwp .boxTxt p {margin-left: 12%;}

            #hrwp_img {max-height: 270px; top: -550px;}
        /* PAGINE INTERNE */
            #pagInterna {-webkit-transform: rotate(6deg) scale(1.3);-ms-transform: rotate(6deg) scale(1.3);-moz-transform: rotate(6deg) scale(1.3);transform: rotate(6deg) scale(1.3); margin-top: 0px;}
            #pagInterna .container {-webkit-transform: rotate(-6deg) scale(0.7); -ms-transform: rotate(-6deg) scale(0.7); -moz-transform: rotate(-6deg) scale(0.7); transform: rotate(-6deg) scale(0.7);}
            #pagInterna .boxTxt {padding: 40px 0;}
            #pagInterna .boxTxt h1 {font-size: 25pt;}
            #pagInterna .boxTxt h2 {font-size: 16pt;}
            #pagInterna .gallery {margin-top: 80px;}
            #pagInterna .gallery-item a:hover {border: 6px solid #06a74f;}
        /* PAG PRODOTTI */
            #pagProdotti .product {width: 100%; margin-bottom: 50px;}
            #pagProdotti .boxImg {width: 45%;}
            #pagProdotti .boxImg img {max-width: 80%;}
            /* #pagProdotti .boxImg img {max-width: 50%;} */
            #pagProdotti .boxTxt {width: 55%;}
            #pagProdotti .boxTxt.accessori {width: 100%; padding-left: 70px;}

            #dettaglio_prodotti .boxTitle h1 {font-size: 24pt;}
            #dettaglio_prodotti .boxTitle h4 {font-size: 13pt;}
            #dettaglio_prodotti .boxTitle h4 span {font-size: 13pt; margin-top: 0;}
            
            #elenco_prodotti .row-blue {    padding: 40px 0 20px 0;}
            #elenco_prodotti .row-grey {    padding: 40px 0 20px 0;}

        /* DETTAGLI PRODOTTO */
            #productDetails table {font-size: 8pt;}
            #productDetails .titolo_principale {font-size: 12pt;}
            #productDetails .details .productSubtitle {font-size: 15pt; line-height: 25px;}
            #productDetails .details .elencoTitle {font-size: 10pt;}
            #productDetails .details ul {font-size: 10pt;}
            #productDetails .details p {font-size: 10pt; line-height: 18pt;}

            
            #sliderProdotto .owl-nav {width: 90%;}
    /* CONTATTI */
        #box_contatti p {font-size: 11pt;}
        #box_contatti .form-control {height: 40px;}
}

@media (max-width:439px) {
    body {border:5px green solid}
    
    .boxTitle h1 {font-size: 16.5pt;}
    .boxTitle h4 {font-size: 10pt;}
    .boxTitle h4 span {font-size: 18pt;}
    /* HEADER */
        /* menu */
            .navbar-brand {margin: 5px 0 0 15px; padding: 0; max-width: 60%;}
        /* slider */
            #sliderHome h1 {font-size: 23pt;}
            #sliderHome h4 {font-size: 13pt;}
        /* slogan */
            #slogan h1 {font-size: 22pt;}

    /* MIDDLE */
        .boxTxt h1 {font-size: 30pt;}
        .boxTxt h2 {font-size: 19pt;}
        /* azienda */
            #azienda {padding: 80px 0 250px 0;}
        /* ecoCompact */
            #bollitore {top: 350px; max-height: 370px;}
        /* hrwp */
            #hrwp_img {max-height: 250px;}
        /* PAGINE INTERNE */
            #pagInterna {height: 600px; -webkit-transform: rotate(6deg) scale(1.4);-ms-transform: rotate(6deg) scale(1.4);-moz-transform: rotate(6deg) scale(1.4);transform: rotate(6deg) scale(1.4); }
            #pagInterna .container {-webkit-transform: rotate(-6deg) scale(0.7); -ms-transform: rotate(-6deg) scale(0.7); -moz-transform: rotate(-6deg) scale(0.7); transform: rotate(-6deg) scale(0.7);}
            #pagInterna .row {margin-top: -120px; margin-left: -10px;}
            #pagInterna .boxTxt h1 {font-size: 17pt;}
            #pagInterna .boxTxt h2 {font-size: 13pt;}
            #pagInterna .boxTxt {padding: 40px 15px;}
            #pagInterna .boxTxt.desc {padding: 0 15px;}
            #pagInterna .gallery {margin-top: 50px;}
            
            /* PAG PRODOTTI */
            #pagProdotti .boxTxt h1 {font-size: 13pt;}
            #pagProdotti .boxTxt h2 {    font-size: 9pt !important;}
            #pagProdotti .boxImg {max-width: 35%;}

            #elenco_prodotti header { height:300px;}
            #dettaglio_prodotti header { height:300px;}

        /* DETTAGLI PRODOTTO */
            #dettaglio_prodotti .boxTitle h1 {font-size: 18pt;}
            #dettaglio_prodotti .boxTitle h2 {font-size: 16pt;}

            #productDetails table {font-size: 6.5pt;}
            #productDetails .titolo_principale {font-size: 10pt;}

            #sliderProdotto .owl-nav .owl-prev {left: -50px;}
            #sliderProdotto .owl-nav .owl-next {right: -50px;}
            #sliderProdotto .owl-nav {width: 82%;}
    
    /* CONTATTI */
        #contatti header {height: 300px;}

    /* FOOTER */
        footer .boxTxt p {margin-top: 20px;}
        #dati .boxTxt h2 {font-size: 25pt!important;}
}

 body {border:0!important;}