/* ROSSI */
/*#B10D39 - ROSSO CARMINIO
/*#e2393f - ORIGINALE*/

html, body {
    -webkit-overflow-scrolling: auto;
}
html,body{height:100%; min-height:100%; margin:0;padding:0; line-height: 25px; font-size: 14px; font-family:'Lato',sans-serif; font-weight:400;}
body { position:relative;}
/*html {
  scroll-behavior: smooth;
}*/
body.dark #header {background-color: #000; color: #fff}
body.dark-home #header {background-color: transparent; color: #fff}
/*body.dark #header .logo{background-image: url(../img/logo_w.png);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';}*/

@media(min-width: 1200px){
    body.dark #header nav#nav {
        border-bottom: 2px solid #fff;
    }
}
body nav#nav {
    border-bottom: 2px solid #000;position: relative;z-index: 999;
}

#main-menu-btn a { color: #000 !important }
body.dark #main-menu-btn a { color: #fff !important}

h2, h3, h4 {font-family:'Nunito Sans',sans-serif;}

h1, .h1 {font-size: 70px; font-weight: 200; letter-spacing: 0.15rem; line-height: 70px; text-transform: uppercase; margin-left: -5px;}
h1 span, .h1 span{font-size: 35px; font-weight: 100;  letter-spacing: 1.1; line-height: 20px; text-transform: none;}
h1.suptitle {font-size: 16px; font-weight: 700; line-height: 25px; letter-spacing: 0.25rem; font-weight: 700;  margin-left: 0px;}
h1.suptitle-big {font-size: 32px; font-weight: 700; line-height: 35px; letter-spacing: 0.25rem; font-weight: 700; margin-left: 0px;}
h1.suptitle br {display: none;}

h2,.h2 {font-size: 35px; font-weight: 200; letter-spacing: 0.15rem; text-transform: uppercase; /*margin-left: -3px;*/ }
h2 small{font-weight: 300;}
h2 span{font-size: 16px; font-weight: 700;}

h3 {font-size: 30px; font-weight: 700; line-height: 36px; }
h3 span{font-size: 16px; font-weight: 700;}
h4 {font-size: 24px; font-weight: 700; line-height: 30px; }
h4 span{font-size: 16px; font-weight: 300;}
h5 {font-size: 16px; font-weight: 700;}

label {margin: 10px 5px; font-weight: 600; display: inline-block;}
/*.certification label {width: 50%;}*/


.path {background-color: transparent; font-size: 0.9rem; padding-top: 20px}
.path *, .path span { color: #fff}
/*.path >span:first-child{color:#000 !important;}
.path >span:last-child,.path >span.active{color: #000}*/
.path a {text-decoration: underline;}
.path a:hover {color: #fff}
.path .active {font-weight: 700}


.mini {font-size: 0.85rem}
.quote {letter-spacing: 0.25rem; font-weight: 300;}
.quote::before {background-image: url(../img/quote.png);
    background-size: 60px;
    background-position: top left;
    background-repeat: no-repeat;
    content: '';
    padding: 15px 30px 0;
    font-size: 60px;
    color: #f5f5f5;
    margin: -100px 30px 0 -70px;
    /* width: 60px; */
    height: 60px;}
.quote-center::before {margin: -90px 30px 0 -0px !important; padding-top: 0;}
.quote_w::before {background-image: url(../img/quote_w.png);}
.suptitle {text-transform: uppercase}
.suptitle,
.subtitle {letter-spacing: 0.25rem; font-weight: 700; font-size: 0.9rem;}
.subtitle::before, .subtitle:after { content: '|'; padding: 0 10px}
/*
.text {font-size: 16px; font-weight: 700;}*/

.minititle {font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 7px;}


.bg-grey{background-color: #f5f5f5 !important;}
.bg-dark {background-color: #121212 !important}
.bg-black {background-color: #000 !important}
.bg-black-text {background-color: rgba(0,0,0,0.8)}


.btn {text-transform: lowercase; font-size: 0.9rem; border-radius: 20px; font-weight: 600;}
.btn-light {background-color: transparent; color: #fff; border: 1px solid #fff; padding: 5px 30px; }
.btn-dark {background-color: transparent; color: #000; border: 1px solid #232323; padding: 5px 30px; }
.btn-white {background-color: #fff; color: #000 !important; border: 1px solid #232323; padding: 5px 30px; }
.btn-white:hover {background-color: #000; color: #fff !important; border: 1px solid #232323; padding: 5px 30px; }
.btn-inverse {background-color: #000; color: #fff; border: 1px solid #232323; padding: 5px 30px; }
.btn-inverse:hover {background-color: #fff; color: #000; border: 1px solid #000; padding: 5px 30px; }
.btn-black {background-color: #000; color: #fff; border: 1px solid #232323; padding: 5px 30px; }
.btn-black:hover {background-color: #fff; color: #000; border: 1px solid #fff; padding: 5px 30px; }
.btn-red {background-color: #e11048; color: #fff; border: 1px solid #e11048; padding: 5px 30px; }
.btn-red:hover{background-color:#fff;color:#e11048; border:1px solid #232323; padding: 5px 30px; }
.no-btn {background-color: transparent; /*color: #000;*/ border: 1px solid transparent; padding: 5px 30px; }
/*.no-btn {background-color: transparent; color: #fff; border: 1px solid transparent; padding: 5px 30px; }*/
.btn-transparent{background-color:transparent;border:1px solid #fff;color:#fff;padding-top:8px;padding-bottom:8px; border-radius: 0}
.btn-transparent:hover,.btn-transparent:focus{background-color:#fff;color:#00509f}

@media(min-width: 768px){
    .vh-30 {height: 30vh}
    .vh-40 {height: 40vh}
    .vh-50 {height: 50vh}
    .vh-60 {height: 60vh}
    .vh-70 {height: 70vh}
    .vh-80 {height: 80vh}
 }

.h-10 {height: 10%}
.h-15 {height: 15%}
.h-85 {height: 85%}
.h-90 {height: 90%}
.h-100 {height: 100%}

.mx-10 {margin: 0 10px}
.mx-15 {margin: 0 15px}

.min-h-100  {min-height: 100px}

@media(max-width: 991px){
    .h-10 {
        height: 10%;
        margin: -3rem 0 1rem;
    }
}

.btn-block {
    display: inline-block !important;
    width: auto !important;
    margin: 5px auto;
}

.z-2 {z-index: 2; position: relative;}

.full-bg {background-size: cover; background-position: left center; background-repeat: no-repeat}
.series-bg {background-size: 100%; background-position: left top; background-repeat: no-repeat}
.series-bg.vh-70 {height: 50vh}
.features-bg {background-size: cover; background-position: top center; background-repeat: no-repeat}
@media (max-width: 767px) {
    /*.features-bg:before,*/
    .bg-dark:before {content: ""; position: absolute;width: 100%; height: 100vh; background-color: rgba(0,0,0,0.40); z-index: 0}
}

@media only screen and (max-width: 600px) {
    .bg_serie {max-width:350%; height: auto;}
    .bg_serie {max-width: revert-layer; width: auto; height: 100vh; margin-left: -50%;}
    .bg_serie_l {max-width:350%; height: auto;}
    .bg_serie_l {max-width: revert-layer; width: auto; height: 100vh; margin-left: -175%;}
    .bg_serie_r {max-width:350%; height: auto;}
    .bg_serie_r {max-width: revert-layer; width: auto; height: 100vh; margin-left: 0%;}
}
@media (min-width: 1920px) {
.bg_serie,
.bg_serie_l,
.bg_serie_r {width:100%;}
}

.vh-100 {height: auto !important;
    padding: 4rem 0 2rem;}
.video_slider.vh-100,
.video_slider .vh-100,
.home_slider .vh-100 {height: 100vh !important; }
#features .vh-100 {height: auto !important; min-height: 100vh; padding-top: 0; padding-bottom: 0}
#features .vh-100 .row {margin: 0; }
/*@media(max-width: 991px){
    #features .text-right h2, 
    #features .text-left h2 {text-align: center !important;}
}*/
@media(min-width: 991px){
    .full-bg {background-size: cover; background-position: center; background-repeat: no-repeat}
    .series-bg {background-size: 40%; background-position: left top; background-repeat: no-repeat}
    .series-bg.vh-70 {height: 70vh}
    .vh-100 {height: 100vh !important; padding: 0; }

    #features .vh-100 {height: 100vh !important; }
}

@media(min-width: 991px) and (max-height: 800px){
    .home-box {max-height:650px;}
    .home-box img {margin-top: -1rem;}
}

@media(min-width: 1200px) and (max-height: 800px){
    .home-box {max-height:750px;}
    .home-box img {margin-top: 1rem;}
}

.color-white{color: #fff}
.color-black{color: #000 !important}
/*.color-black a{color: #000 !important}*/
.color-red{color: #e11048;}


.b-top {border-top: 1px solid #232323}
.b-top-w {border-top: 1px solid #fff}

.b-right {border-right: 1px solid #232323}
.b-right-w {border-right: 1px solid #fff}
.b-left {border-left: 1px solid #232323}
.b-left-w {border-left: 1px solid #fff}
.b-bottom {border-bottom: 1px solid #232323}
.b-bottom-w {border-bottom: 1px solid #fff}
@media(max-width: 768px){
    .b-right {border-right: 0px}
    .b-right-w {border-right: 0px}
    .b-left {border-left: 0px}
    .b-bottom {border-bottom: 0px}
    .news .b-bottom {border-bottom: 1px solid #232323}
}
@media(min-width: 768px){
    .subseries-list > div:nth-child(odd) .b-right-w{border-right: 1px solid #fff}
}

@media only screen and (min-width : 1440px ) {
    .container {
        max-width: 1300px;
    }
}

@media only screen and (min-width : 1600px ) {
    .container {
        max-width: 1450px;
    }
}

@media only screen and (min-width : 1920px ) {
    .container {
        max-width: 1600px;
    }
}

footer a {color: #fff}
footer a:hover {color: #e11048}


.img-responsive {width: 100%}

input, textarea {
    border-radius:0 !important;
}
input.error, textarea.error {
    border-color:#232323;
}
label.error {
    color: #000;
    padding: .25rem 1.25rem;
    margin: 1rem 0;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #fff3cd;
    border-color: #ffeeba;

}

.lazy-img{opacity: 0;
    transition: opacity 1s ease-in;}



#details {}
#info .btn-main div{display: inline-block;}
#info .btn-main a{padding: 0; font-weight: 400; text-transform: lowercase; padding: 5px 30px;}
#info .btn-main a:hover {font-weight: 600;}
.bg-dark #info .btn-main a:hover {color: #fff}


/*CAPPE*/
.sub-list {width: 50%; float: left; padding: 0}
#accordion .half-accordion table {width: 100%}
.features strong {margin-top: 1rem; display: inline-block;}
@media(max-width: 768px){
    .sub-list {
        width: 100%;
    }
}

/*FEATURES*/
.icon {max-width: 50px}
.icon_cert {max-width: 80px; padding: 15px 0}

/*SERIE/PRODOTTO*/
.models {overflow: hidden;}
.models .options{z-index: 1000; position: relative;}
.models .img{width: 100%; z-index: -1}
.models{text-align: left;overflow: hidden;padding: 2% 8%;text-align: center;font-size: 14px}
.models strong{font-size: 14px}
/*#subseries-list-12 .models img{width: 200%;margin-left: -50%; margin-top: 7%; }*/
/*.models img{width: 166%;margin-left: -30%; margin-top: 7%; position: relative; z-index: -1 }*/
.models .name {padding: 0;height: 50px;}
.models .name a span{font-size: 1rem; text-transform: none}
.models-list{min-height: 50px;font-size: 12px; padding: 0}
@media(max-width: 768px){
    .models .mt-n10 {margin: 0}
}

.models-list li{float: left; background-color: transparent;}
.models-list li a{font-size: 13px; background-color: transparent; border: 1px solid #fff; color: #fff; line-height: 2.5rem; padding: 10px 15px; }
/*.models-list li:hover a, .models-list li.active a,*/
.models-list li.active a,
.models-list li a:hover, .models-list li a:focus{ color: #000 !important; background-color: #fff; border: 1px solid #fff;}

#product-details .models-list li a{background-color: transparent; border: 1px solid #232323; color: #000;}
#product-details .models-list li.active a,
#product-details .models-list li a:hover, #product-details .models-list li a:focus{ color: #fff !important; background-color: #000; border: 1px solid #232323;}


#technical ul {padding-left: 15px}
#technical ul.sub-list {padding-left: 0px}
#technical ul li {list-style: disc;}
#technical ul li > ul li {list-style: circle;}
#technical ul.tech_sheet li {list-style: none;}


.tech_features {overflow: hidden;}
.tech_sheet {overflow: hidden; border: 1px solid #232323}



.mt-n10 {margin-top: -5rem}


/*POP-UP*/
.light-pop-up {background-color: #000; opacity: 0.65; position: fixed; width: 100%; height: 100%; z-index: 1001; top:0px}
#pop-up {width: auto; position: absolute; z-index: 9999; top: 50%;}
#pop-up .close {position: absolute; top: 20px; right: 20px; color: #fff; text-shadow:0 1px 0 #fff; opacity: 1; font-size: 16px; z-index: 99999 }

#pop-up.popup-video {padding: 10px; top: 15%;}


@media (min-width: 768px){
    /*#pop-up, .light-pop-up {display: none !important}*/
    #pop-up {width: 700px; left: 50%; top: 50%; margin: auto; margin-left: -350px; position: absolute; z-index: 9999}
    #pop-up .close {position: absolute; top: 0px; right: 0px; color: #fff; text-shadow:0 1px 0 #fff; opacity: 1; font-size: 16px; z-index: 99999 }

    #pop-up.popup-video {width: 550px;margin-left: -250px; top: 15%;}
}
@media (min-width: 991px){
    #pop-up .img {min-height: 420px !important}
    #pop-up {width: 900px; left: 50%; top: 50%; margin: auto; margin-left: -450px; position: absolute; z-index: 9999}
    #pop-up .close {position: absolute; top: 10px; right: 0px; color: #fff; text-shadow:0 1px 0 #fff; opacity: 1; font-size: 16px; z-index: 99999 }

    #pop-up.popup-video {width: 550px;margin-left: -250px; top: 15%;}
}

/**/

#configurator .box{ border:1px solid #232323}


@media(max-width:767px) {
    h1, .h1 {font-size: 60px; line-height: 50px;}
    h1 span{font-size: 32px; line-height: 30px;}
   /* h1.suptitle {font-size: 16px; font-weight: 700; line-height: 25px; letter-spacing: 0.25rem; font-weight: 700;}*/
    h1.suptitle-big {font-size: 32px; line-height: 30px;}
   /* h1.suptitle br {display: none;}*/

    h2 {font-size: 32px; font-weight: 300; letter-spacing: 0.15rem; text-transform: uppercase;}
    h2 small{font-weight: 300;}
    h2 span{font-size: 16px; font-weight: 700;}

    h3 {font-size: 25px; line-height: 30px; }
/*    h3 span{font-size: 16px; font-weight: 700;}*/
    h4 {font-size: 20px; font-weight: 700; line-height: 28px; }
/*    h4 span{font-size: 16px; font-weight: 300;}*/
    /*h5 {font-size: 24px;}*/
    .select-menu-content h5 {font-size: 15px; padding: 10px 0}

    #configurator {padding: 20px 10px}
    #configurator  .box{border:0}

    .cat-box > div> div{height: 20% !important}
    .cat-box label {padding-bottom: 0 !important;}
    /*#main-select h1 {font-size: 22px !important}*/
}
@media(max-width:400px) {
    h1, .h1  {font-size: 50px; line-height: 50px; margin-bottom: 0}
    h1 span{font-size: 30px; line-height: 27px;}
    .mt-n10 {margin-top: -2.5rem; margin-bottom: 10px}
}

a,
.btn,.navbar-toggle{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}
a, a:hover { color: #000; text-decoration: none}
/*a:hover { color: #fff; text-decoration: underline;}*/

input, button, select, textarea {
    border: 0 none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: auto; font-size: 13px !important;
    padding: 5px 10px;

}
input[type="text"]{
    width: 100%;
}
input[type="file"] {
    display: inline-block;
}


ul, li {list-style: none}

.bold { font-weight:bold;}

.slick-home{margin-top: -90px}
.slick-home div {height:100%}
.slider .img-responsive{display:inline-block}

.slick-slide .animation{
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
    /*opacity: 0;*/
    color: #fff;
    border: 2px solid #fff;
    padding: 20px 20px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    max-width: 430px;
    text-align: center;
    top:10%;
    left:-500px;
    position: absolute; z-index: 20;
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    text-shadow: 1px 1px 2px rgba(20, 20, 20, 20);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.slick-middle div{background-position: top;background-size: cover; /*max-height: 550px;*/height: 100%; margin-bottom: -10px}
/*.slick-middle .slick-dots{bottom: 0px;}*/
.slick-home .description,.slick-home .description_short{position: absolute;top:0px;left: 0px;width: 100%; background-color: rgba(0,0,0,0.7);z-index: 20;color: #fff;padding: 20px 30px;text-align: justify}
.slick-item{position: relative}

.slick-prev, .slick-next {width: 20px; height: 20px }
.slick-prev::before, .slick-next::before {color: black; font-weight: bold; width: 20px; height: 20px; display: block;}
.slick-prev::before {background-image: url(../img/prev.png); background-size: contain; background-repeat: no-repeat; content: ''}
.slick-next::before {background-image: url(../img/next.png); background-size: contain; background-repeat: no-repeat; content: ''}
.slick-prev {left: -10px; width: 20px; height: 20px;}
.slick-next {right: -20px; width: 20px; height: 20px;}

.slick-dotted.slick-slider {margin-bottom: 0px}
.slick-arrow{z-index: 20 !important;}
.slick-container {padding: 0 50px}

.slick-slide .animation span{
    font-size: 27px;
    line-height: 29px;
    margin-bottom: 4px;
    display: block;
}



.modal-content .slick-prev::before,
.slick-models .slick-prev::before,
.slick-features .slick-prev::before,
.slick-references .slick-prev::before {background-image: url(../img/prev_w.png); background-size: contain; background-repeat: no-repeat; content: ''}

.modal-content .slick-next::before,
.slick-models .slick-next::before,
.slick-features .slick-next::before,
.slick-references .slick-next::before {background-image: url(../img/next_w.png); background-size: contain; background-repeat: no-repeat; content: ''}



@media(min-width:992px) {
    .lat-border{border-right:1px solid #232323;border-left:1px solid #232323;}


}

@media(min-width:767px) and (max-width:991px){
    .lat-border-left{border-left:1px solid #232323;}
    .lat-border-right{border-right:1px solid #232323;}
}

.clearfix:before,.clearfix:after {
    display:table;
    overflow:auto;
    zoom:1;
    float:none;
    clear:both;
}
.space {padding:50px 0;}
.mini-space {padding:30px 0 0;}
.micro-space {padding:30px 0 0;}

.img-responsive {display: inline}

/*.col-md-10 {margin: auto; float: none; overflow: hidden;}*/




/**** CONTAINER ****/
.container-fluid {padding: 0}
.half-container {padding: 5% 10%; right: 0; top: 15%;}
@media(min-width:992px) {
    .right .half-container{float: left; margin-top: 2%}
    .left .half-container{float: right; margin-top: 2%}
    .half-container {max-width: 645px; float: right; padding: 3%}
    .p-top-minilogo {padding-top: 63px}
}

.fixed-container {overflow: hidden; width: 100%; position: absolute; top: 0px; left:0px;right: 0px}
.fixed-container .slogan {float: left;}
.fixed-container .img-product {text-align:center;}





.main {max-width: 950px; margin: auto}
/*.logo {max-width: 290px; padding: 5px 0 }*/



/**** ENVIRONMENT ****/
#environment .col-md-10 > div {clear: both; margin-bottom: 25px; overflow: hidden;}


/**** PRODUCT ****/
#product h1{text-align: left}
#product h3{color:#82a321}
#product .extra {background-color:#f3f8fe; padding: 4%}
#product .extra .application{background-color:#fff; padding: 5% 5% 10%}
#product .extra h3{color:#00509f}

#product .hashtag{padding: 2% 5%; border: 5px solid #f3f8fe; margin: 20px 0; text-align: center; text-transform: uppercase;}


#different-product {background-color:#f3f8fe; text-align: center; padding: 40px}
#different-product h3{text-align: center; margin-top: -20px}
#different-product h4{text-align: center;}

.img-cont label {width: 100%; text-align: center;}

#range {background: url(../img/texture_grey.jpg) repeat scroll 0 0; background-position: center top; padding: 50px 0; }
#range .col-md-9 {margin: auto; text-align: center; float: none; background-color: #fff; overflow: hidden; padding: 3%}
/*#range .col-md-9 > div {clear: both; margin-bottom: 25px; overflow: hidden;}*/
#range h3{text-align: center; margin-top: -20px}
#range h4{text-align: center;}

.download {text-align: right; margin: auto; width: 100%; float: left; margin-bottom: 10px }
.download-left {text-align: left !important; margin: auto;     width: 50%;
    float: left; }
#product-details .download-btns {
    overflow: hidden;
}
#product-details .download-btns .download {
    float: right;
    width: auto;
    margin: 10px 0 10px 10px;
}
#product-details .download {text-align: right;}
#product-details .download .btn-left {
    float: left;
    margin-right: 10px;
}
.custom-products .download .btn-left {
    float: left;
    margin-right: 10px;
}
/*#product-details .download-pdf .btn, .download-pdf .btn  {
    margin-right: 20px;
    padding: 0;
    cursor: pointer;
}*/
#product-details .configurator-btn {text-align: right;}


#plus {background-color:#f2f2f2;color:#505050; padding: 3% 0}
#plus h1 {color:#505050; border-bottom: 3px solid #000; padding-bottom: 10px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
}
#plus h3 {margin: 25% 15% 0; color:#505050; border-bottom: 2px solid #000; padding-bottom: 10px; text-transform: uppercase;}

#plus p {margin: 0 15%;}
#plus a {border: 1px solid #505050;
    color: #505050;
    display: block;
    margin: auto;
    padding: 4px 20px;
    text-align: center;}
#plus .container > div {padding: 0; margin: 0}
#plus .plus-container  h3 {text-align: center;}

.select-content > div{display: none}

.no-margin {margin: 0px !important}

/**** CONTATTI ****/

.full-container {overflow: hidden; width: 100%;}
.map {margin: 0 !important; padding: 0 !important}
.map iframe {width: 100%}
/*.text {color: #00509f;}*/
/*.info {padding: 5%;}*/



#contacts-bg {min-height: 500px;}
#contacts-bg .left{min-height: 500px; background: url(../img/contacts/contacts1.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}
#contacts-bg .right{min-height: 500px; background: url(../img/contacts/contacts2.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}
#contacts-text .text{ background-color: #000; color: #fff; padding: 10% 15%}
#contacts-text {text-align: center; padding: 30px 0}

#contacts {text-align: center; padding: 30px 0}
#contacts .text{ background-color: #fff; color: #000; padding: 10% 15%}
#contacts .text a {text-decoration: underline;}
/*#contacts {position: absolute; left: 50%; margin: 2% auto auto -585px;}*/
#contacts > div { text-align: center;}

#form {padding: 50px 0; }
#form .title {border: 1px solid #232323; padding: 10%}
#form .col-md-8 {margin: auto; float:none}
#form .select, #net-bg .select, .net-bg, #today .select, #deductions .select  {display: inline-block;}
#form .select li, #net-bg .select li, #today .select li, #deductions .select li {border:0; padding:0; margin-bottom: 5px; text-transform: uppercase; font-size: 12px}
#form .select li a, #net-bg .select li a, .net-bg li a, #today .select li a, #deductions .select li a {
    padding: 7px 20px;
    /*background-color:transparent;*/
    border-right: 1px solid #232323;
    display:block;
}
#form .select li:hover a, #form .select li a.active,
#net-bg .select li:hover a, #net-bg .select li.active a, .net-bg li:hover a, .net-bg li.active a,
#today .select li:hover a, #today .select li.active a, #deductions .select li:hover a, #deductions .select li.active a{
    font-weight: bold;
}
.select ul > li:last-child a{
    border-right: none !important;
}


#form .section {width: 100%; overflow: hidden;}

#form .submit-btn,
#form-job .submit-btn,
#form-newsletter .submit-btn {
    text-align: right;
    float:right;
}
@media(min-width:767px) {
    #contacts {left: 0; margin-left: 0; padding: 30px}
    #contacts-text {right: 0; margin-right: 0; padding: 30px}

    #form .submit-btn,
    #form-job .submit-btn,
    #form-newsletter .submit-btn {
        text-align: right;
        float:none;
    }
}

@media(min-width:992px) {
    #contacts-bg .left {padding-right: 0}
    #contacts-bg .right {padding-left: 0}
    #contacts {padding-left: 0;}
    #contacts-text {padding-right: 0;}
    #contacts-text .text{padding: 10% 20%}
}



#form-newsletter {padding: 50px 0; background-color: #e2e2e2}
#form-newsletter h2 {text-align: center}
#form-newsletter .col-md-8 {margin: auto; float:none}


/**** MENU ****/
#top_bar,#main_navbar{border:0;border-radius:0;margin-bottom:0}
#top_bar{background-color:#0c3375}
#top_bar .navbar-right{float:right}
#top_bar .nav > li{display:inline-block}

#main_navbar .navbar-nav > li a{color:#fff}
#main_navbar .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;font-size:14px; text-align: center}
#main_navbar .navbar-nav > li.active a, #main_navbar .navbar-nav > li.active:hover a, #main_navbar .navbar-nav > li:active a,#main_navbar .navbar-nav > li:focus a,#main_navbar .navbar-nav > li.active:focus a,#main_navbar .navbar-nav > li:hover a{color:#fff;text-decoration:none;background-color:#0c3375}
#main_navbar .navbar-nav > li.lang.active a, #main_navbar .navbar-nav > li.lang:active a{color:#fff;background-color:transparent; border-bottom: 0px solid; padding-bottom: 5px;}
#main_navbar .navbar-collapse{border:0}
#main_navbar{background-color:#333333}
#main_navbar .navbar-brand{padding-top:0;padding-bottom:0}
#main_navbar .navbar-brand img{padding: 5px 0}
#main_navbar .navbar-toggle{border:0}
.navbar-toggle{border-radius:0}
#main_navbar .navbar-toggle,#main_navbar .navbar-toggle:hover,#main_navbar .navbar-toggle:focus{background-color:transparent}
#main_navbar .navbar-toggle .icon-bar,#main_navbar .navbar-toggle:hover .icon-bar,#main_navbar .navbar-toggle:focus .icon-bar{background-color:#fff}
#main_navbar .navbar-nav{padding-top:15px;padding-bottom:15px}
#main_navbar .navbar-toggle.collapsed{background-color:transparent; float: right; width: auto}
#main_navbar .navbar-toggle.collapsed .icon-bar{background-color:#fff}

.social > li > a {padding: 10px 7px 7px !important; float: left}
.social > li:last-child {padding-right: 17px !important}

nav .navbar-divider{display:none}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent;
    color: #fff; border-bottom: 1px solid; padding-bottom: 5px;}

@media(min-width:768px) {
    #top_bar,#main_navbar{height:90px}
    #main_navbar .navbar-nav{padding-top:0;padding-bottom:0}
    #main_navbar .navbar-brand img{height:90px;}
    #main_navbar .navbar-nav > li:hover a{color:#fff;background-color:transparent; border-bottom: 1px solid; padding-bottom: 5px;}
    #main_navbar .navbar-nav > li.active a,#main_navbar .navbar-nav > li.active:hover a,#main_navbar .navbar-nav > li:active a,#main_navbar .navbar-nav > li.active:focus a{color:#fff;background-color:transparent; border-bottom: 1px solid; padding-bottom: 5px;}
    #main_navbar .navbar-nav > li.lang.active a,#main_navbar .navbar-nav > li.lang.active:hover a,#main_navbar .navbar-nav > li.lang:active a,#main_navbar .navbar-nav > li.lang.active:focus a{text-decoration:none}
    #main_navbar .navbar-nav>li>a{padding:15px 5px;line-height:20px;font-size:12px}
}
@media(min-width:992px) {
    .navbar-nav .navbar-divider{padding:15px 0;margin:0 1px;display:block;color:#fff}
    #main_navbar .navbar-nav>li>a{padding:15px 10px;line-height:20px;font-size:14px}
}
@media(min-width:1200px) {
    /*    #main_navbar .navbar-brand img{height:100px;}*/
    #main_navbar .navbar-nav>li>a{padding:15px;line-height:20px;font-size:14px}
}



#news .left-col {padding: 0;}
#news .left-col { padding-right: 15px !important;}
.future {
    background-color: #f2f2f2;
    padding: 2%;
}


/**** FOOTER ****/
/*#footer{background-color:#000;color:#fff}*/
.footer-top{overflow: hidden; text-align:center}
.footer-top h3 {font-size: 1rem; line-height: auto; text-transform: uppercase; display: block; border-bottom: 1px solid #fff}
.footer-top p {font-size: 11px}
.footer-top p.text {font-size: 13px}
.footer-top .product-list a{font-size: 11px; text-transform: uppercase; color: #fff}
.footer-top figure {width: 200px; margin: auto}
.footer-top .btn-red {width: auto}

.newsletter {width: 80px; margin: auto; display: none}

/*
.footer-middle{padding-top:10px;padding-bottom:10px; background-color:#000;}
.footer-bottom{padding-top:20px;padding-bottom:20px; background-color:#000; text-align: center}
.footer-bottom figure {width: 100px; margin: auto}*/
.footer-bottom {line-height: 1rem}
.made {float:right; margin-right: 0px;  margin-top: 20px}

.social {text-align: center;}
.social ul{margin: auto; padding: 0; text-align: center; width: 150px;}
.social li{width: auto; float: left}

@media(min-width:768px) {
    .footer-top {text-align: left}
    .footer-top figure {margin: 0}

    .footer-bottom figure {margin: 0}
    .footer-top .btn-red {margin-left: 0;width: auto;}
}




/**** HOME ****/
/*#main-select {padding: 1% 0; text-align: center;}*/
/*#main-select h1{border-bottom:3px solid #000;padding-bottom:10px;
    text-transform:uppercase;font-weight:300;display:inline-block;color:#505050;font-size:30px}*/

/*#handmade-parallax{background: url(../img/mission/parallax/mission_30.jpg);z-index: 10;overflow: hidden; padding: 150px 0;}

#wood{background: url(../img/home/wood.jpg);z-index: 10;overflow: hidden; padding-top: 60px; padding-bottom: 60px; min-height: 550px}
#wood ul {text-align: center; margin: auto; overflow: hidden; margin-bottom: 5%}
#wood .icon { float: left; padding: 1%; width: auto; }
#wood .col-md-7 {float: none;margin: auto;overflow: hidden;}
#wood .btn-red {width: auto}
#wood .content {display: block}
#wood .select-menu-content{display:none}*/

/*video*/
.overlay-pt {
    background: rgba(0, 0, 0, 0) url("../img/pat2.png") repeat scroll 0 0; height: 100%; position: absolute;
    width: 100%; z-index: 3; opacity: 0.8;
}

#home-video{overflow: hidden;position: relative;width: 100%}
#home-video-btn{position: absolute;width: 84px;left:50%;margin-left: -42px;z-index: 30;bottom: 22%}


.rules-select{margin: auto;padding: 0px}
.rules-select li{position: relative;margin: 10px 0px;float:left;width: 33.3%}
.rules-select li > a img{width: auto !important;padding: 0px; margin: auto;}
.rules-select li > a img:first-child{position: absolute;z-index: 2;top:0px;opacity: 0;  filter: alpha(opacity=0);-webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;  -ms-transition: opacity .3s ease-in-out;  -o-transition: opacity .3s ease-in-out;  transition: opacity .3s ease-in-out;}
.rules-select li > a{display: block}
.rules-select li.active a img:first-child,.rules-select li a:hover img:first-child{opacity: 1;  filter: alpha(opacity=100);}



/*#main-choice {padding: 0; text-align: center;}
#main-choice h3{color: #000}
#main-choice .btn-red {width: 70%}
#main-choice > div {}
#main-choice .text {padding: 10% 5%;}

#main-choice .special {background-color: #f1f1f1}
#main-choice .text > span {
    background-color: #000;
    color: #fff;
    left: 0;
    margin-left: 0;
    padding: 5px 20px;
    position: absolute;
    top: 10px;
}*/

#wood ul {display: none;}

@media(min-width:768px) {
    #main-choice .text {  padding: 15% 0 5% 0;height: 100%; border-bottom: 1px solid #232323; margin:0px 20px;margin-bottom: 10px;}
    #main-choice .text > span {top:0px;left: 40px}

    #wood { padding-top: 120px;}
    #wood .content {display: none}
    #wood ul {display: block;}
    #wood .select-menu-content img{width: 60px}
    #wood .select-menu-content{display:block; min-height: 300px;}
    .rules-select{display: inline-block}
    .rules-select li{position: relative;margin: 10px 0px;float:left; width: 20%}

}


#desktop {display: none}
#mobile {display: block}


/**** RETE DISTRIBUZIONE ****/

/*#net-bg {background: url(../img/net/main.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}
#net-bg-m {background: url(../img/net/main.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}*/

#net-bg #select-content {left:0; right: auto;}
#net-bg #select-content a { color: #000; text-transform: lowercase; font-weight: bold}
#net-bg #select-content a:hover{ color: #fff; }
#net-bg #select-content .text{background-color: transparent; color: #fff; border: 0}


/**** HISTORY ****/
/*#history-bg {background:url(../img/history/azienda_notturno.jpg) repeat scroll 0 0; background-position: center; background-size: cover; }
#history-bg-m {background:url(../img/history/azienda_notturno_m.jpg) repeat scroll 0 0; background-position: center; background-size: cover; }*/

#yesterday .left {min-height: 400px;}
#today .right {min-height: 400px;}

/**** DEDUCTIONS ****/
/*#deductions {min-height: 600px;}*/
#te60 .left {min-height: 450px;}
/*#deductions-bg {background: url(../img/deductions/main.jpg) repeat scroll 0 0; background-position: center bottom; background-size: cover}
#deductions-bg-m {background: url(../img/deductions/main.jpg) repeat scroll 0 0; background-position: center bottom; background-size: cover}*/
#deductions .text span, .deductions .text span, #te60 .text span, #iva .text span {font-size: 17px}
#deductions .text p span, .deductions .text p span {font-size: 17px; text-transform: uppercase;}
#deductions .text ul {padding-left: 15px;}
#deductions .text li {list-style: disc;}

.deductions {background-color: #f2f2f2}
.tpd {margin-top: 0px}

@media (min-width: 991px) {
    .tpd {margin-top: 115px}
}



table.deductions, table.deductions tr, table.deductions td{
    border: 1px solid #333;
    padding: 30px 10px;
}
table.deductions td {width: 25%; }


/**** AREA TECNICA ****/
@media (max-width: 768px) {
    .box {border: 1px solid #232323; margin: 10px }
}
@media (max-width: 991px) {
    .box {border: 1px solid #232323; margin: 0px }
}


/**** CONSIGLI INSTALLAZIONE ****/
/*#setting-bg {min-height: 300px;}
#setting-bg .left{min-height: 300px; }
#setting-bg .right{min-height: 300px; background: url(../img/setting/main.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}
*/
#setting {min-height: 450px;}
#setting .row1 .left{background-color: #f2f2f2 }
#setting .row2 .left{background-color: #fff }
#setting .left .half-container {padding: 0}
#setting .left .half-container li{ float: left; }
#setting .left .text{ padding: 5% 10%; text-align: left;}
#setting .row1 .left .text{ padding: 15% 10%; text-align: center;}
#setting .row2 .left .text{ padding: 5% 10%; text-align: left;}
#setting .text ul{padding: 0;}
#setting .text img{max-width: 250px; width: 100%}
#setting .text em{font-size: 11px}
#setting .text .first-level {cursor: pointer}
#setting .text .second-level {display: none;}


#setting .row1 .right{background-color: #fff }
#setting .row2 .right{background-color: #f2f2f2 }
#setting .right .half-container {left: 0; padding: 0}
#setting .row1 .right .text{ padding: 5% 10%; text-align: left; }
#setting .row2 .right .text{ padding: 15% 10%; text-align: center;}



/**** AMBIENTE ****/
/*#environment-bg {min-height: 300px;}
#environment-bg .left{min-height: 300px; }
#environment-bg .right{min-height: 300px; background: url(../img/environment/main.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}*/

#environment {padding: 50px 0; background-color: #f2f2f2; text-align: center}
#environment img {width: 80%; max-width: 350px}
#environment .text{overflow: hidden;}
#environment .text ul{padding: 0;}

#environment-link {padding: 50px 0; background-color: #fff}
#environment-link h3{color: red;}

#environment-link .text {padding: 0 15px}
#environment-link .btn-red {margin: 0; width: auto}




/**** 10 REGOLE VERDI ****/
/*#rules-bg {min-height: 300px;}
#rules-bg .left{min-height: 300px; }
#rules-bg .right{min-height: 300px; background: url(../img/rules/main.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}*/
/*#rules-bg h3{color: red;}*/

#rules {background-color: #f2f2f2 }
/*#rules .left{background-color: #f2f2f2 }
#rules .left .half-container li{ float: left}*/
#rules .text{overflow: hidden;}
#rules .text ul{padding: 0;}

#rules .right{text-align: center; background-color: #fff }
#rules .right .half-container {left: 0;}
#rules .right .text{display: none}

#select {padding: 30px 6%;}
#select .icon img {padding: 10% 5%; width: 90%;}
#select-content .text {color: #505050; padding: 10% 5%; border: 7px solid #f2f2f2;}


/**** FAQ ****/
#faq-bg {min-height: 300px;}
#faq-bg .left{min-height: 300px; }
/*#faq-bg .right{min-height: 300px; background: url(../img/faq/faq1.jpg) repeat scroll 0 0; background-position: center top; background-size: cover}*/
#faq .text{ background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 10% 20%}
#faq .type{padding: 0}
#faq-text .btn-red {margin: 0; width: auto}

#faq {background-color: #f2f2f2}
#faq h3 {color: #505050 !important;  cursor: pointer;}
#faq .select-content {margin: 40px 0}
#faq .first-level {margin-top: 30px}
#faq .second-level {width: 100% !important}
#faq .third-level li {list-style: square; margin-bottom: 10px}
#faq .third-level {margin-top: 0; margin-bottom: 0; text-align: justify; font-weight: 400;}





.left-menu li {border: 1px solid #232323; background-color: #fff;  margin: 5px; text-transform: uppercase; font-size: 12px; text-align: center; float: left; list-style: none; cursor: pointer}
.left-menu li a{display: block;height: 100%;padding: 7px 20px;text-decoration: none}
.left-menu li:hover  a{background-color: #000; color: #fff}
.left-menu > a {text-align: left; padding: 0; display: inline-block;}
.left-menu li.active a, .select li.active a{background-color: #000; color: #fff}

@media(min-width:992px) {
    .left-menu > a {display: block;}
}


/**** PRODUCT ****/

#product .series {width: 250px}
#product-details h1 {text-align: left; text-transform: uppercase;}
#product-details h1 span{text-align: left; color: #000}
#product-details ul, #series-main .main-spec ul{padding: 0px; padding-top: 5px; height: auto;float: right;}


#product-details .models-list li a{background-color: transparent; border: 1px solid #232323; color: #000;}
#product-details .models-list li.active a,
#product-details .models-list li a:hover, #product-details .models-list li a:focus{ color: #fff !important; background-color: #000; border: 1px solid #232323;}
#product-main-img{overflow: hidden}
/*#product-details  a {background-color:#fff;color:#000; border:1px solid #232323;}*/
/*#product-details  a:hover {color: #000}
#product-details  a.active {background-color:#fff;color:#000;box-shadow:none;
    border: 1px solid #232323;}*/
#product-details .description {text-align: justify;}
#product-details ul.tech_features, #series-main ul.main-spec {width: 100%; padding-bottom: 30px}
@media(min-width:768px) {
    .tech_sheet li {width: 45%; float:left; padding:8px 15px 8px 0; border-bottom: 1px solid #232323; margin-right: 5%; margin-bottom: 3px; }
}
.tech_sheet ul {padding-left: 1rem}
.tech_sheet li strong {font-weight: 600; margin-right: 10px }




.certification {overflow: hidden}
/*.certification img {width: 70px;-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; margin: 0 5px 5px 0}*/

.certifications_tec {margin-left: -10px}
.certifications_eu a, .certifications_tec a, .certifications_iva a{text-align: center; display: inline-block;}

.certifications_eu a img{-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 85px;}
.certifications_eu a label { margin-top: 0px}
/*.certifications_eu a {margin: 0px 3rem 3rem; }*/

.certifications_tec a img {-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100px;}
.certifications_tec a label { margin-top: 0px}
/*.certifications_tec a {margin: 0 20px 0 0; }*/

.certifications_iva a img {-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 140px; margin-bottom: 15px}
.certifications_iva a label { margin-top: 0px}
.certifications_iva a {margin: 0 10px; }

.opt-label{padding: 10px;background-color: #f2f2f2;border:1px solid #c5c5c5;border-top:0px}





#product-menu {margin-top: 40px}

#product-menu ul { text-transform: uppercase; border: 1px solid #232323;padding:7px}
#product-menu ul .level1:last-child{border:0px}
#product-menu ul .level1.active{border: 2px solid #000 !important;}
#product-menu ul .level1.active a{color:#000}
#product-menu ul .level1 {border-bottom: 1px solid #232323; font-size: 12px; padding: 0px 5%;}
#product-menu ul .level1 p{margin: 8px 0px}
#product-menu ul .level2  {margin-left: 20px; padding: 5px 5%; margin-bottom: 5px; font-size: 12px;}


#series-menu ul {padding-left: 0; background-color: #000; color: #fff}
#series-menu .level1  {padding: 5%}
#series-menu .level2  {padding: 3% 5%; margin-bottom: 5px; font-size: 12px; text-transform: uppercase;border-bottom: 1px solid #505050;width: 100%;list-style-type: none}
#series-menu .level2:last-child{border-bottom: 0px}
#series-menu .level2  a{color: #fff;  font-weight: 100;}

.custom-img {width: 100%; max-width: 500px}
.description img {
    width: 80px;
}

.special-product > div{border-bottom: 1px solid #232323;overflow: hidden;padding:5% 0}
.special-product > div:last-child{border: none}
.special-product h3{display: inline-block;border-bottom: 1px solid #232323; text-transform: uppercase}

.special-product .img-cont >div>img{width: 100%}

#product-details .tech_features > ul, #series-main .main-spec > ul{width: 100%; overflow: hidden;border: 1px solid #505050; }
#product-details .tech_features .sub-list, #series-main .main-spec .sub-list{padding: 10px 30px }
.tech_features li,  .main-spec li {list-style: disc;}

#series-main h1 {
    text-align: left;
    text-transform: uppercase;
}
#series-main h1 span {
    color: #000;
    text-align: left;
    text-transform: uppercase;
}
.list-product-custom  {padding: 0;}
.list-product-custom li {display: inline; width: auto;}
.list-product > li a, .list-product-custom  > li a{
    margin-bottom: 5px;
}

.select > ul {padding-left: 0;}

/**** NEWS ****/
.news_description img {padding:10px 0; width: 100%; max-width: 100%}
.news_image {overflow: hidden; padding: 0}
.news_image img {padding:0 10px; width: 100%; max-width: 100%}

.years {right: 0; width: 100px; height:100px;}
.y-prev {left: 0; width: 100px; height:100px;}
.y-next {right: 0; width: 100px; height:100px;}

/**** EVENTI ****/
.events_description ul { text-transform: none; border: 0px; padding:0px}
.events_description table {border: 0}
.events_description table tr td{padding: 20px}
.events_description img {padding:10px 0; width: 100%; max-width: 100%}

.events_description .fiera .table-striped tbody tr:nth-of-type(even) td,
.events_description .fiera .title{padding: 1rem 3rem; background-color: rgba(0,0,0,.05); text-align: center; margin-bottom: 1rem}
.events_description .fiera .text {margin-bottom:2rem; border: 1px solid rgba(0,0,0,.05); padding: 1rem 2rem}
.events_description .fiera .text a {text-decoration: underline; font-weight: 600}

.events_description .slick-next {right: -30px;}
.events_description .slick-prev {left:-20px }

.slick-features .slick-next {right: -30px;}
.slick-features .slick-prev {left:-20px }

@media(max-width:768px) {
    .events_description .slick-arrow {display: none !important}
}



/**** CATALOG ****/
#catalog #product-menu h1 {color: #000; padding: 20px 7px 10px; text-align: left; text-transform: uppercase;}
#catalog #product-menu p {padding: 0 7px; text-align: left; text-transform: auto;}
#catalog #product-menu {border: 1px solid #232323; padding: 7px; text-transform: uppercase; }
#catalog #product-menu ul { text-transform: none; border: 0px; padding:0px}
#catalog #product-menu li {font-size: 14px}

#catalog #product-cont {margin-top: 90px}

#catalog #series-menu h1 {padding: 20px 7px 10px; text-align: left; text-transform: uppercase;}

#catalogs img{max-width: 100%}
#catalog .title{color: #505050}



/**** MISSION PARALLAX ****/
.slide,.slide-g
{
    width: 100%;
    position: relative;
    text-align: center;
}
.slide p {margin-top: 20px}




.slide{background-repeat: no-repeat !important;
    -webkit-background-size: cover!important; background-size: cover!important; color: #fff}
.slide-g{color: #fff;padding: 0px}
.slide-g > div{padding-top: 150px !important;}
.slide .half-container, .slide-g .half-container {
    float: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
.slide .half-container,.slide-g .half-container{background-color: rgba(0,0,0,0.8); color: #f1f1f1}

#mobile .slide {background-size: cover !important; padding: 35%}
#mobile .half-container{background-color: #212121; color: #f1f1f1; }
#mobile .text {text-align: center;}


/**** LOADING ****/
.spinner {
    margin: 200px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #505050;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}


#subseries-details{clear: both;overflow: hidden;padding-bottom: 10px;}

/*#subseries-details>a{float: left;border:1px solid #fff;width:124px;height: 124px;overflow: hidden;display: block;position: relative}*/
#subseries-details>a{float: left;border:1px solid #fff;width:33%;overflow: hidden;display: block;position: relative}
#subseries-details a .active-bar{display: none;height: 2px;position: absolute;bottom: 0px;width: 100%;background-color:#000;z-index: 300 }
#subseries-detail-modal .slick-prev{left: -20px}
#subseries-detail-modal .slick-next{right: -80px;}
#subseries-detail-modal .modal-body{text-align: center}
#subseries-details img{width: 100%;-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;}
#subseries-details img:hover{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
#subseries-details a:hover .active-bar{display: block !important;}

.option-categories select{width: 100%}


/*AREA RISERVATA*/
.download-area .list{padding: 20px 0px}
.download-area .list > div{display: inline-block; margin-bottom: 10px}
.download-area .list > div img {padding: 5px 14px 20px;}
.download-area .list a{display: block;text-align: center; margin: auto; margin-top: 10px}
.download-area .list a:last-child{width: 115px;margin-top: 10px}





/*PRODUCTS*/
.d-box-w-c{  display: block;  }
.d-box-w-c > div.center{border-top: 1px solid #232323;border-bottom: 1px solid #232323;position: relative;z-index: 4;text-align: center;color: #fff;text-transform: uppercase;}
.d-box-w-c > div:first-child{display: none;width: 0%}
.d-box-w-c > div:last-child{padding: 5%;}
.d-box-w-c > div.center > div{background-color: #000;padding: 20px;min-height: 220px}
.d-box-w-c > div.center label {
    border-bottom: 3px solid #000;
    color: #fff;
    /*cursor: pointer;*/
    display: block;
    line-height: 24px;
    margin: auto;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 90%;
}


#series-main h1{text-align: left;}
/*#series-main .cat-box {float: none;max-height: 300px;overflow: hidden}
#series-main .cat-box > img{width: 100%}*/





#product-menu a{color: #505050}
#product-menu h3 a{color: #000}

.slick-home img{width: 100%; }

/*GALLERY*/
.slick-home.gallery img{width: 100%; margin-top: 0%}
/*.slick-home .slick-dots{bottom:10px}*/
.slick-dots {margin-left: -15px}
.slick-dots li.slick-active button::before{color: #000 !important;font-size: 8px;opacity: 1}
.slick-dots li button::before{opacity: 0.7}

/*NUOVA GALLERY*/
/*.gallery {background-color: #000; padding: 0.5%; margin: 0}*/
.list-item {overflow: hidden;  margin: 0; padding: 0;}
.list-item .item{border:1px solid #232323;}
.list-item .item {float: left; width: 24%; margin: 0.5%;position: relative;min-height: 100px;background-size: cover; opacity: 1 !important;background-position: center:  }

.list-item .item:after{padding-bottom: 100%;content: "";
    display: block;}
.list-item .item:hover > .overlay{opacity:1}

.list-item .item img {width: 100%}
.list-item div .overlay{
    left: 0px;
    position: absolute;z-index: 4; width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top:0px;opacity: 0;
    filter: alpha(opacity=0) ;cursor: pointer;
    background-image: url(../img/gallery/lens.png); background-position: center; background-repeat: no-repeat;
}

.lb-outerContainer {background-color: #000}
.lb-data .lb-caption {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 0;
}

.slick-item > a {display: block; width: 100%; height: 100%}

.slick-handmade .slick-list {padding: 5px; margin: 20px 0; border: 1px solid #fff}
/*.slick-handmade .slick-dots {bottom: -50px}*/
.slick-handmade .slick-dots li button::before {color: white}
.slick-handmade .slick-prev::before, .slick-handmade .slick-next::before {color: white !important;}

#series-main strong{display: block;border-bottom: 1px solid #ccc}
#series-main ul{overflow: hidden;position: relative;padding-bottom: 20px}
#series-main ul li{list-style-type: disc;}




/*#product-main .cat-box > img{width: 100%}
#product-main .cat-box{max-height: 250px;overflow: hidden}*/
#product-main .left-col{ padding: 0px;}
#product-main .right-col{ padding: 0px}
#product-main h3 a{border: 1px solid #232323;display: block;padding: 10px}
#product-main h3{margin: 2rem 0 0.5rem}
#product-menu ul li{list-style: none}

.mobile-collapse{overflow: hidden;display: none}

.modal-dialog {margin: auto;}
.modal-content {border-radius: 0; background-color: transparent; border: 0}
.modal button{width: auto !important;}
.modal-body {padding: 5px; background-color: #fff;}
.modal-body img { width: 380px; max-width: 100%}
.modal {background-color: rgba(0,0,0,0.8);}
.modal-footer{padding: 0px}
#plus-modal .modal-dialog img { width: 100%; max-width: 100%}

@media (min-width: 576px){
    .modal-dialog {
        max-width: auto;
    }
    .modal-body img { width: 1000px; max-width: 100%}

}
@media (min-width: 768px){
    .modal-dialog {
        width: 650px;
        max-width: 650px;
        padding: 5px;
    }
}
@media (min-width: 1140px){
    #plus-modal .modal-dialog {
            width: 70%;
            max-width: 70%;
    }
}


#coming-soon {text-align: center; padding-bottom: 20px}



@media(min-width:300px) {
    .list-item .item {float: left; width: 49%; margin: 0.5%}

}

@media(min-width:500px) {
    .configurator .options-cont .options-items-cont a{width: 33.3333333%}

}

@media(min-width:700px) {
    .d-box-w-c{  display: table }
    .d-box-w-c > div{display: table-cell;vertical-align: middle;width: 70%}
    .d-box-w-c > div.center{width: 30%}
    .d-box-w-c > div:last-child{border-top: 1px solid #232323;border-bottom: 1px solid #232323;border-right: 1px solid #232323}

    .configurator .options-cont .options-items-cont a{width: 25%}

    .list-item .item {float: left; width: 32%; margin: 0.5%}

    /*.half-container {padding: 5% 15%; right: 0; top: 15%;}*/
}

@media(min-width:768px) {


    #select-content .text {padding: 5% 10%;}

    #select {padding: 30px;}
    #setting .row1 .left .text{ text-align: center;}
    #setting .left .text{ padding: 10% 15%;}
    #setting .row1 .right .text{}

    #history-bg .hide {display: block !important;}


    #values-bg  > div.center { margin: 5% 20%; width: 60%; }
    /*#mission > div.center { margin: 5% 20%; width: 60%; }*/

    #product-main h3 a{border: 0px;padding: 0px}
    #product-main h3{margin: 3rem 0 1rem}
    .mobile-collapse{overflow: hidden;height: auto;display: block}
    #product-main .left-col{ padding-right: 15px !important;}
    #product-main .right-col{ padding-left: 15px !important; }

    #accordion .half-accordion,#tech_custom > div {width: 50%; float: left;}

    .list-item .item {float: left; width: 24.5%; margin: 0.25%}

    table.deductions, table.deductions tr, table.deductions td{
        border: 1px solid #333;
        padding: 30px;
    }
    #subseries-details>a{width:25%;}


}


@media(min-width: 800px) {
    #series-main{display: table}
    #series-main > div{display: table-cell; vertical-align: middle;width: 75%;padding-left:30px }
    #series-main > div:first-child{width: 32.8%;padding-left:0px;vertical-align: top}
    /* .slick-home{min-height: 300px;}*/


    /*#product-details .tech_features ul li{list-style-type: disc;}*/

    /*.description ul li,#product-details .tech_features ul li{width: 50%;float: left;padding-right: 3%}*/
    #product-details .tech_features ul.sub-list, #series-main .main-spec ul.sub-list{width: 50%;float: left;padding:3% 5%;}
    #series-main h1,#product-details > h1{margin-top: 0px}

    #mobile .slide {padding: 15%}
    .slick-handmade .slick-prev::before, .slick-handmade .slick-next::before {display: block}


}

@media(min-width:992px) {
    #plus .plus-container .p-row:nth-child(2n) > div > div {float: right;}
    #plus .plus-container div{padding: 0}

    /* #net-bg .text{ padding: 5% 10%}*/
    #net-bg {min-height: 600px;}
    /*#net-bg .left{min-height: 600px; }
    #net-bg .right{min-height: 600px;}*/
    #net-bg #select .text {width: 525px}
    #net-bg #select-content .text {width: 525px}

    #history-bg {min-height: 700px;}
    #history-bg .left{min-height: 700px; ; display: block}
    #history-bg .right{min-height: 700px;}
    /*#history-bg > div.center { left: 50%; padding: 3% 5%; text-align: center; margin: 5% auto 5% -300px; position: absolute; width: 600px; z-index: 4;}
    */
    #yesterday .left {min-height: 600px;}
    #yesterday .right {min-height: 600px;}
    #today .left {min-height: 600px;}
    #today .right {min-height: 600px;}

    #values-bg  {min-height: 700px;}
    #values-bg  .left{min-height: 700px; ; display: block}
    #values-bg  .right{min-height: 700px;}
    #values-bg  > div.center { left: 50%; padding: 3% 5%; text-align: center; margin: 5% auto 5% -300px; position: absolute; width: 600px; z-index: 4;}

    #desktop {display: block}
    #mobile {display: none}

    .slide,.slide-g {min-height: 500px}

    #view-bg {min-height: 700px}
    #subseries-details>a{width:25%;}
    /*  #view-bg .text{background-color: rgba(0, 0, 0, 0.8); color: #fff; left: 50%; padding: 3% 5%; text-align: center; margin: 5% auto 5% -300px; position: absolute; width: 600px; z-index: 4;}
  */


    #setting-bg {min-height: 600px;}
    #setting-bg .left{min-height: 600px; }
    #setting-bg .right{min-height: 600px;}

    #setting .left {min-height: 450px;}
    #setting .left .text{ padding: 10% 15%;}
    #setting .row1 .right .text{max-width: 585px}
    #setting .row1 .left .text{ text-align: right;}
    #setting .row2 .right .text{ text-align: left;}


    #environment-bg {min-height: 600px;}
    #environment-bg .left{min-height: 600px; }
    #environment-bg .right{min-height: 600px;}


    #rules-bg {min-height: 600px;}
    #rules-bg .left{min-height: 600px; }
    #rules-bg .right{min-height: 600px;}

    #rules .left {min-height: 450px;}

    #faq-bg {min-height: 600px;}
    #faq-bg .left{min-height: 600px; }
    #faq-bg .right{min-height: 600px;}

    .custom-img {margin-left: 20%}
}





@media(min-width:1050px) {
    .d-box-w-c > div:first-child{display: table-cell;}
    .d-box-w-c > div:first-child{display: table-cell;width: 40%}
    .d-box-w-c > div{width: 40%}
    .d-box-w-c > div.center{width: 20%}

}

@media(min-width:1170px) {
    /*.cat-box.col-lg-2,.cat-box .col-lg-2{width: 20%}*/
    .slide,.slide-g {min-height: 600px}
}
@media(min-width:1599px) {
    .list-item .item {float: left; width: 19.5%; margin: 0.25%;}
    .slide,.slide-g {min-height: 700px}
}

#home-video-title{color: #fff; position: absolute; width: 300px;text-align: center;left: 50%;margin-left: -150px;top: 10%; z-index: 30}
#home-video-title img {width: 60px}
#video-play-btn{display: none;}


.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-responsive iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#history-video-title{max-width: 650px;margin: 0px auto 30px;text-align: center;color: #fff;}
#video-history{padding: 40px 0px 60px;margin-top: 20px;float: none;clear: both;min-height: 100px;height: 100%;background-color: #333;
    width: 100%;}
#video-history-main{max-width: 900px;margin: auto;border: 1px solid #fff;padding: 10px}

@media(max-width:900px) {
    #video-history-main{border: none;padding: 0px}
    #history-video-title{margin-top: 0px;width: 70%}
    #history-video-title .img-responsive{display: none}
    #video-history{padding-top: 0px}

}
/*.slick-dots, .slick-home .description_short{display: none}*/
@media(max-width:700px) {
    /*.slick-dots, .slick-home .description{display: none !important;}*/
    .slick-home .description_short{display: block !important;text-align: left;padding: 5px}
}



.split-list.ul{
    float: left;
    margin-left: 1em;
}
.split-list li{
    padding-right: 2em;
    line-height: 1.5em;
@include font-size(12px);
}



/*#thermal-incentives{
    display: table;width: 100%; table-layout: fixed; margin-bottom: 30px
}
#thermal-incentives > div{display: table-cell; vertical-align: middle;width: 50%; padding: 10px 30px 10px 0;}
#thermal-incentives > div:first-child {border-right:1px solid #ccc}*/

#thermal-incentives-result{width: 100%; margin-top: 10px}
#thermal-incentives-result > div{font-size: 1.8rem; padding: 10px 0}
#thermal-incentives-result > div:first-child{font-size: 2.7rem; font-weight: 600;}
#incentives_map .modal-dialog{max-width: 850px; width: auto}
#thermal-incentives-map{display: none}

.pic-filters > li{border: 1px solid #fff; display: inline-block; min-width: 150px; cursor: pointer; margin-bottom: 5px}
.pic-filters .filter-active{background-color: #000;}

.tech_features li.title,.main-spec li.title,.main-spec li.title *,.main-spec li.title h4,.tech_features li.title h4
{list-style: none !important;margin: 20px 0px 0px !important;color:#505050 !important;font-size:15px !important;font-style: normal !important;}

#product-details .tech_features li:first-child.title{margin-top: 0px !important}



.form-group {
    margin-bottom: 15px;
    width: 48% !important;
    margin-right: 2%;
    float: left;
}

.form-group.full {
    margin-bottom: 15px;
    width: 100% !important;
    margin-right: 0%;
}


@media (max-width: 991px){

    .form-group {
        margin-bottom: 15px;
        width: 100% !important;
    }

    #form .select li, #net-bg .select li{
        float: left;
        margin-right: 5%;
        width: 45%;
        border: 1px solid #232323;
    }

    #form .select li a, #net-bg .select li a{ border: 0 }
}

@media (max-width: 767px) {

    .ce-banner {width: 90% !important;}
   /* .open-box .cat-box {
        width: 90%;
        max-height: 200px;
        margin: 10px auto;
        float: none;
        overflow: hidden;
    }*/
    /*.cat-box label {
        padding-top: 20%;
    }*/
}
.slick-models{opacity: 0; transition: all 0.5s}
#subheader-main{height: 120px}
.filtr-container {overflow: inherit !important;}
@media (min-width: 1200px) {
    .col-lg-2-5, .col-xl-2-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.cat-box{position: relative;}
.cat-box > div{position: relative; overflow: hidden}
.cat-box > div> div{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 35%;max-height: 80px; z-index: 2; background-color: rgba(0,0,0,0.7)}
.cat-box label{cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    width: auto;
    display: inline-block;
    margin: auto;
    padding-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    position: relative;}
.cat-box> div>div{
    transition: all 0.3s ease;
}
.cat-box .more{font-size: 30px; color: #fff; position: absolute;right: 10px; bottom: 10px; transition: all 0.3s ease;opacity: 0}
.cat-box:hover> div>div{height: 100%; background-color: rgba(0, 0, 0, 0.8)}
.cat-box:hover  .more{opacity: 1}
.cat-box label::after{content: "";width: 0%; position: absolute; height: 3px; background-color: #fff; left: 0px;bottom: -5px; transition: all 0.3s ease;}
.cat-box:hover label::after{width: 100%}
/*h2 span{display: block; color: #e11048}
h3 span{ color: #e11048}*/
.rem-1-2{font-size: 1.2rem}
.rem-1-4{font-size: 1.4rem}
.rem-1-6{font-size: 1.6rem}
.rem-2{font-size: 2rem}
.rem-2-4{font-size: 2.4rem}


/*
.v-container {
    background: #eee;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}
iframe.v-frame {
    box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}*/

.v-frame{max-width: none !important}
@media(max-width: 800px){
    .v-frame{max-height: 100vh !important; margin-top: 0!important}
}
.v-frame video{background-color: #000}

.square {
    position: relative;
    width: 100%;
    padding: 5px;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
    border: solid 1px #ccc;
}
.square:hover:after {border: solid 1px #232323;}

.content {
    position: absolute;
    width: 100%;
    height: 100%;
    padding:35px;;

}
.square .overlay{
    position: absolute;z-index: 2; opacity: 0; transition: all 0.5s; top: 50%; transform: translateY(-45%);}
.square .overlay-sens:hover .overlay{opacity: 1}
.square .overlay-sens:hover .sensitive{opacity: 0}

#back-to-top{position: fixed; bottom: 20px; right: 20px; z-index: 10; color: #fff; background-color: rgba(0,0,0,0.8);font-size: 30px;width: 40px; height: 40px; line-height: 50px; text-align: center; opacity: 0; transition: all 0.5s; visibility: hidden}

#back-to-top.active{display: block;opacity: 1; visibility: visible}


.modal-details.show {
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    align-items: flex-start;
}



/*accordion plus*/
#rizzoli-box-info a {opacity: 0.8}
#rizzoli-box-info a:hover {opacity: 1; transform:scale(1.1);}
.c-white {color: white;}


/*serie S*/
#series-1 .btn-1 {margin-top: 20%; margin-left: 25%;}
#series-1 .btn-2 {margin-top: 23%; margin-left: 29%;}
#series-1 .btn-3 {margin-top: 28%; margin-left: 26%;}
#series-1 .btn-4 {margin-top: 36%; margin-left: 41%;}
#series-1 .btn-5 {margin-top: 40%; margin-left: 27%;}
#series-1 .btn-6 {margin-top: 54%; margin-left: 28%;}

#series-1 .btn-7 {margin-top: 5%; margin-left: 68%;}
#series-1 .btn-8 {margin-top: 6%; margin-left: 35%;}
#series-1 .btn-9 {margin-top: 11%; margin-left: 71%;}
#series-1 .btn-10 {margin-top: 15%; margin-left: 55%;}
#series-1 .btn-11 {margin-top: 28%; margin-left: 65%;}
#series-1 .btn-12 {margin-top: 40%; margin-left: 55%;}
#series-1 .btn-13 {margin-top: 50%; margin-left: 62%;}
#series-1 .btn-14 {margin-top: 55%; margin-left: 73%;}


/*serie M*/
#series-3 .btn-1 {margin-top: 17%; margin-left: 32%;}
#series-3 .btn-2 {margin-top: 23%; margin-left: 29%;}
#series-3 .btn-3 {margin-top: 28%; margin-left: 35%;}
#series-3 .btn-4 {margin-top: 32%; margin-left: 26%;}
#series-3 .btn-5 {margin-top: 50%; margin-left: 23%;}
#series-3 .btn-6 {margin-top: 54%; margin-left: 28%;}

#series-3 .btn-7 {margin-top: 5%; margin-left: 60%;}
#series-3 .btn-8 {margin-top: 7%; margin-left: 65%;}
#series-3 .btn-9 {margin-top: 12%; margin-left: 70%;}
#series-3 .btn-10 {margin-top: 23%; margin-left: 65%;}
#series-3 .btn-11 {margin-top: 35%; margin-left: 53%;}
#series-3 .btn-12 {margin-top: 42%; margin-left: 60%;}
#series-3 .btn-13 {margin-top: 58%; margin-left: 53%;}
#series-3 .btn-14 {margin-top: 61%; margin-left: 46%;}


/*serie ZV*/
#series-4 .btn-1 {margin-top: 20%; margin-left: 27%;}
#series-4 .btn-2 {margin-top: 23%; margin-left: 32%;}
#series-4 .btn-3 {margin-top: 36%; margin-left: 43%;}
#series-4 .btn-4 {margin-top: 44%; margin-left: 27%;}
#series-4 .btn-5 {margin-top: 49%; margin-left: 33%}
#series-4 .btn-6 {margin-top: 8%; margin-left: 73%;}

#series-4 .btn-7 {margin-top: 13%; margin-left: 72%;}
#series-4 .btn-8 {margin-top: 26%; margin-left: 61%;}
#series-4 .btn-9 {margin-top: 32%; margin-left: 52%;}
#series-4 .btn-10 {margin-top: 66%; margin-left: 55%;}
/*#series-4 .btn-11 {margin-top: 30%; margin-left: 60%;}
#series-4 .btn-12 {margin-top: 60%; margin-left: 55%;}*/


/*serie R*/
#series-5 .btn-1 {margin-top: 17%; margin-left: 25%;}
#series-5 .btn-2 {margin-top: 23%; margin-left: 23%;}
#series-5 .btn-3 {margin-top: 26%; margin-left: 28%;}
#series-5 .btn-4 {margin-top: 41%; margin-left: 29%;}
#series-5 .btn-5 {margin-top: 50%; margin-left: 20%;}
#series-5 .btn-6 {margin-top: 54%; margin-left: 28%;}

#series-5 .btn-7 {margin-top: 6%; margin-left: 59%;}
#series-5 .btn-8 {margin-top: 7%; margin-left: 65%;}
#series-5 .btn-9 {margin-top: 12%; margin-left: 70%;}
#series-5 .btn-10 {margin-top: 23%; margin-left: 71%;}
#series-5 .btn-11 {margin-top: 27%; margin-left: 60%;}
#series-5 .btn-12 {margin-top: 40%; margin-left: 55%;}
#series-5 .btn-13 {margin-top: 50%; margin-left: 62%;}
#series-5 .btn-14 {margin-top: 55%; margin-left: 73%;}


/*serie N*/
#series-79 .btn-1 {margin-top: 17%; margin-left: 34%;}
#series-79 .btn-2 {margin-top: 30%; margin-left: 35%;}
#series-79 .btn-3 {margin-top: 2%; margin-left: 65%;}
#series-79 .btn-4 {margin-top: 41%; margin-left: 29%;}
#series-79 .btn-5 {margin-top: 5%; margin-left: 26%;}
#series-79 .btn-6 {margin-top: 24%; margin-left: 52%;}

#series-79 .btn-7 {margin-top: 33%; margin-left: 41%;}
#series-79 .btn-8 {margin-top: 19%; margin-left: 64%;}
#series-79 .btn-9 {margin-top: 56%; margin-left: 70%;}
#series-79 .btn-10 {margin-top: 33%; margin-left: 58%;}


/*serie PE*/
#series-12 .btn-1 {margin-top: 15%; margin-left: 35%;}
#series-12 .btn-2 {margin-top: 21%; margin-left: 33%;}
#series-12 .btn-3 {margin-top: 24%; margin-left: 38%;}
#series-12 .btn-4 {margin-top: 40%; margin-left: 34%;}
#series-12 .btn-5 {margin-top: 43%; margin-left: 38%;}
#series-12 .btn-6 {margin-top: 60%; margin-left: 25%;}

#series-12 .btn-7 {margin-top: 0%; margin-left: 69%;}
#series-12 .btn-8 {margin-top: 4%; margin-left: 73%;}
#series-12 .btn-9 {margin-top: 12%; margin-left: 79%;}
#series-12 .btn-10 {margin-top: 23%; margin-left: 75%;}
#series-12 .btn-11 {margin-top: 27%; margin-left: 70%;}
#series-12 .btn-12 {margin-top: 40%; margin-left: 73%;}
#series-12 .btn-13 {margin-top: 52%; margin-left: 56%;}



/*serie L*/
#series-39 .btn-1 {margin-top: 23%; margin-left: 25%;}
#series-39 .btn-2 {margin-top: 26%; margin-left: 32%;}
#series-39 .btn-3 {margin-top: 30%; margin-left: 28%;}
#series-39 .btn-4 {margin-top: 39%; margin-left: 41%;}
#series-39 .btn-5 {margin-top: 41%; margin-left: 24%;}
#series-39 .btn-6 {margin-top: 46%; margin-left: 28%;}
#series-39 .btn-7 {margin-top: 55%; margin-left: 24%;}

#series-39 .btn-8 {margin-top: 5%; margin-left: 60%;}
#series-39 .btn-9 {margin-top: 6%; margin-left: 68%;}
#series-39 .btn-10 {margin-top: 13%; margin-left: 74%;}
#series-39 .btn-11 {margin-top: 19%; margin-left: 76%;}
#series-39 .btn-12 {margin-top: 23%; margin-left: 71%;}
#series-39 .btn-13 {margin-top: 29%; margin-left: 60%;}
#series-39 .btn-14 {margin-top: 41%; margin-left: 57%;}
#series-39 .btn-15 {margin-top: 53%; margin-left: 65%;}

/*serie LT*/
#series-40 .btn-1 {margin-top: 23%; margin-left: 25%;}
#series-40 .btn-2 {margin-top: 26%; margin-left: 32%;}
#series-40 .btn-3 {margin-top: 30%; margin-left: 28%;}
#series-40 .btn-4 {margin-top: 39%; margin-left: 41%;}
#series-40 .btn-5 {margin-top: 41%; margin-left: 24%;}
#series-40 .btn-6 {margin-top: 46%; margin-left: 28%;}
#series-40 .btn-7 {margin-top: 55%; margin-left: 24%;}

#series-40 .btn-8 {margin-top: 5%; margin-left: 60%;}
#series-40 .btn-9 {margin-top: 6%; margin-left: 68%;}
#series-40 .btn-10 {margin-top: 14%; margin-left: 72%;}
#series-40 .btn-11 {margin-top: 19%; margin-left: 74%;}
#series-40 .btn-12 {margin-top: 23%; margin-left: 70%;}
#series-40 .btn-13 {margin-top: 29%; margin-left: 60%;}
#series-40 .btn-14 {margin-top: 41%; margin-left: 57%;}
#series-40 .btn-15 {margin-top: 53%; margin-left: 65%;}

/*serie ST*/
#series-8 .btn-1 {margin-top: 21%; margin-left: 27%;}
#series-8 .btn-2 {margin-top: 26%; margin-left: 40%;}
#series-8 .btn-3 {margin-top: 30%; margin-left: 23%;}
#series-8 .btn-4 {margin-top: 36%; margin-left: 41%;}
#series-8 .btn-5 {margin-top: 40%; margin-left: 26%;}
#series-8 .btn-6 {margin-top: 58%; margin-left: 28%;}
#series-8 .btn-7 {margin-top: 48%; margin-left: 32%;}

#series-8 .btn-8 {margin-top: 5%; margin-left: 35%;}
#series-8 .btn-9 {margin-top: 11%; margin-left: 70%;}
#series-8 .btn-10 {margin-top: 20%; margin-left: 59%;}
#series-8 .btn-11 {margin-top: 32%; margin-left: 48%;}
#series-8 .btn-12 {margin-top: 39%; margin-left: 60%;}
#series-8 .btn-13 {margin-top: 53%; margin-left: 60%;}

/*serie RT*/
#series-9 .btn-1 {margin-top: 17%; margin-left: 21%;}
#series-9 .btn-2 {margin-top: 20%; margin-left: 25%;}
#series-9 .btn-3 {margin-top: 26%; margin-left: 24%;}
#series-9 .btn-4 {margin-top: 29%; margin-left: 20%;}
#series-9 .btn-5 {margin-top: 37%; margin-left: 26%;}
#series-9 .btn-6 {margin-top: 50%; margin-left: 25%;}
#series-9 .btn-7 {margin-top: 55%; margin-left: 44%;}

#series-9 .btn-8 {margin-top: 5%; margin-left: 60%;}
#series-9 .btn-9 {margin-top: 8%; margin-left: 65%;}
#series-9 .btn-10 {margin-top: 12%; margin-left: 70%;}
#series-9 .btn-11 {margin-top: 22%; margin-left: 72%;}
#series-9 .btn-12 {margin-top: 28%; margin-left: 65%;}
#series-9 .btn-13 {margin-top: 40%; margin-left: 65%;}
#series-9 .btn-14 {margin-top: 53%; margin-left: 60%;}

/*serie STP*/
#series-52 .btn-1 {margin-top: 5%; margin-left: 21%;}
#series-52 .btn-2 {margin-top: 15%; margin-left: 22%;}
#series-52 .btn-3 {margin-top: 25%; margin-left: 37%;}
#series-52 .btn-4 {margin-top: 29%; margin-left: 35%;}
#series-52 .btn-5 {margin-top: 35%; margin-left: 37%;}
#series-52 .btn-6 {margin-top: 43%; margin-left: 23%;}
#series-52 .btn-7 {margin-top: 50%; margin-left: 25%;}
#series-52 .btn-8 {margin-top: 57%; margin-left: 22%;}

#series-52 .btn-9 {margin-top: 5%; margin-left: 73%;}
#series-52 .btn-10 {margin-top: 12%; margin-left: 80%;}
#series-52 .btn-11 {margin-top: 15%; margin-left: 73%;}
#series-52 .btn-12 {margin-top: 24%; margin-left: 68%;}
#series-52 .btn-13 {margin-top: 32%; margin-left: 65%;}
#series-52 .btn-14 {margin-top: 38%; margin-left: 55%;}
#series-52 .btn-15 {margin-top: 43%; margin-left: 65%;}
#series-52 .btn-16 {margin-top: 52%; margin-left: 60%;}
#series-52 .btn-17 {margin-top: 56%; margin-left: 70%;}



/*serie X basic */
#series-45 .btn-1 {margin-top: 18%; margin-left: 42%;}
#series-45 .btn-2 {margin-top: 43%; margin-left: 38%;}
#series-45 .btn-3 {margin-top: 38%; margin-left: 52%;}
#series-45 .btn-4 {margin-top: 40%; margin-left: 44%;}
#series-45 .btn-5 {margin-top: 50%; margin-left: 43%;}
#series-45 .btn-6 {margin-top: 65%; margin-left: 35%;}
/*#series-45 .btn-7 {margin-top: 55%; margin-left: 40%;}*/
#series-45 .btn-7 {margin-top: 0%; margin-left: 50%;}
#series-45 .btn-8 {margin-top: 10%; margin-left: 60%;}
#series-45 .btn-9 {margin-top: 22%; margin-left: 52%;}
#series-45 .btn-10 {margin-top: 33%; margin-left: 48%;}
#series-45 .btn-11 {margin-top: 43%; margin-left: 57%;}
#series-45 .btn-12 {margin-top: 55%; margin-left: 52%;}
#series-45 .btn-13 {margin-top: 0%; margin-left: 36%;}
#series-45 .btn-14 {margin-top: 27%; margin-left: 36%;}

/*serie X plus */
#series-73 .btn-1 {margin-top: 31%; margin-left: 42%;}
#series-73 .btn-2 {margin-top: 56%; margin-left: 38%;}
#series-73 .btn-3 {margin-top: 51%; margin-left: 52%;}
#series-73 .btn-4 {margin-top: 53%; margin-left: 44%;}
#series-73 .btn-5 {margin-top: 63%; margin-left: 43%;}
#series-73 .btn-6 {margin-top: 76%; margin-left: 35%;}
#series-73 .btn-7 {margin-top: 0%; margin-left: 50%;}
#series-73 .btn-8 {margin-top: 23%; margin-left: 60%;}
#series-73 .btn-9 {margin-top: 35%; margin-left: 52%;}
#series-73 .btn-10 {margin-top: 46%; margin-left: 48%;}
#series-73 .btn-11 {margin-top: 56%; margin-left: 57%;}
#series-73 .btn-12 {margin-top: 68%; margin-left: 52%;}
#series-73 .btn-13 {margin-top: 10%; margin-left: 48%;}
#series-73 .btn-14 {margin-top: 0%; margin-left: 36%;}
#series-73 .btn-15 {margin-top: 38%; margin-left: 36%;}

/*serie X chef */
#series-74 .btn-1 {margin-top: 31%; margin-left: 42%;}
#series-74 .btn-2 {margin-top: 56%; margin-left: 38%;}
#series-74 .btn-3 {margin-top: 51%; margin-left: 52%;}
#series-74 .btn-4 {margin-top: 53%; margin-left: 44%;}
#series-74 .btn-5 {margin-top: 63%; margin-left: 43%;}
#series-74 .btn-6 {margin-top: 76%; margin-left: 35%;}
#series-74 .btn-7 {margin-top: 0%; margin-left: 50%;}
#series-74 .btn-8 {margin-top: 23%; margin-left: 60%;}
#series-74 .btn-9 {margin-top: 35%; margin-left: 52%;}
#series-74 .btn-10 {margin-top: 46%; margin-left: 48%;}
#series-74 .btn-11 {margin-top: 56%; margin-left: 57%;}
#series-74 .btn-12 {margin-top: 68%; margin-left: 52%;}
#series-74 .btn-13 {margin-top: 10%; margin-left: 48%;}
#series-74 .btn-14 {margin-top: 14%; margin-left: 42%;}
#series-74 .btn-15 {margin-top: 14%; margin-left: 54%;}
#series-74 .btn-16 {margin-top: 0%; margin-left: 36%;}
#series-74 .btn-17 {margin-top: 39%; margin-left: 36%;}



/*serie X living */
#series-75 .btn-1 {margin-top: 20%; margin-left: 39%;}
#series-75 .btn-2 {margin-top: 46%; margin-left: 37%;}
#series-75 .btn-3 {margin-top: 41%; margin-left: 49%;}
#series-75 .btn-4 {margin-top: 44%; margin-left: 42%;}
#series-75 .btn-5 {margin-top: 8%; margin-left: 46%;}
#series-75 .btn-6 {margin-top: 10%; margin-left: 57%;}
#series-75 .btn-7 {margin-top: 25%; margin-left: 49%;}
#series-75 .btn-8 {margin-top: 37%; margin-left: 45%;}
#series-75 .btn-9 {margin-top: 46%; margin-left: 54%;}
#series-75 .btn-10 {margin-top: 51%; margin-left: 46%;}

/*serie X vision */
#series-76 .btn-1 {margin-top: 18%; margin-left: 39%;}
#series-76 .btn-2 {margin-top: 44%; margin-left: 37%;}
#series-76 .btn-3 {margin-top: 39%; margin-left: 49%;}
#series-76 .btn-4 {margin-top: 41%; margin-left: 42%;}
#series-76 .btn-5 {margin-top: 1%; margin-left: 46%;}
#series-76 .btn-6 {margin-top: 3%; margin-left: 57%;}
#series-76 .btn-7 {margin-top: 23%; margin-left: 49%;}
#series-76 .btn-8 {margin-top: 35%; margin-left: 45%;}
#series-76 .btn-9 {margin-top: 44%; margin-left: 54%;}
#series-76 .btn-10 {margin-top: 46%; margin-left: 46%;}

/*serie X dateo */
#series-77 .btn-1 {margin-top: 25%; margin-left: 39%;}
#series-77 .btn-2 {margin-top: 51%; margin-left: 37%;}
#series-77 .btn-3 {margin-top: 46%; margin-left: 49%;}
#series-77 .btn-4 {margin-top: 49%; margin-left: 42%;}
#series-77 .btn-5 {margin-top: 8%; margin-left: 46%;}
#series-77 .btn-6 {margin-top: 10%; margin-left: 57%;}
#series-77 .btn-7 {margin-top: 30%; margin-left: 49%;}
#series-77 .btn-8 {margin-top: 42%; margin-left: 45%;}
#series-77 .btn-9 {margin-top: 51%; margin-left: 54%;}
#series-77 .btn-10 {margin-top: 54%; margin-left: 46%;}



/*serie INSERTI verticali */
#series-87 .btn-1 {margin-top: 22%; margin-left: 40%;}
#series-87 .btn-2 {margin-top: 61%; margin-left: 36%;}
#series-87 .btn-3 {margin-top: 55%; margin-left: 61%;}
#series-87 .btn-4 {margin-top: 59%; margin-left: 44%;}
#series-87 .btn-5 {margin-top: 7%; margin-left: 52%;}
#series-87 .btn-6 {margin-top: 14%; margin-left: 65%;}
#series-87 .btn-7 {margin-top: 26%; margin-left: 50%;}
#series-87 .btn-8 {margin-top: 46%; margin-left: 46%;}
#series-87 .btn-9 {margin-top: 62%; margin-left: 57%;}
#series-87 .btn-10 {margin-top: 29%; margin-left: 30%;}


/*serie TE*/
#series-22 .btn-1 {margin-top: 12%; margin-left: 30%;}
#series-22 .btn-2 {margin-top: 18%; margin-left: 50%;}
#series-22 .btn-3 {margin-top: 24%; margin-left: 32%;}
#series-22 .btn-4 {margin-top: 30%; margin-left: 35%;}
#series-22 .btn-5 {margin-top: 40%; margin-left: 37%;}
#series-22 .btn-6 {margin-top: 48%; margin-left: 38%;}
#series-22 .btn-7 {margin-top: 55%; margin-left: 35%;}

#series-22 .btn-8 {margin-top: 0%; margin-left: 50%;}
#series-22 .btn-9 {margin-top: 5%; margin-left: 58%;}
#series-22 .btn-10 {margin-top: 18%; margin-left: 56%;}
#series-22 .btn-11 {margin-top: 25%; margin-left: 52%;}
#series-22 .btn-12 {margin-top: 29%; margin-left: 55%;}
#series-22 .btn-13 {margin-top: 38%; margin-left: 53%;}
#series-22 .btn-14 {margin-top: 45%; margin-left: 55%;}
#series-22 .btn-15 {margin-top: 55%; margin-left: 50%;}

/*serie T*/
#series-53 .btn-1 {margin-top: 26%; margin-left: 40%;}
#series-53 .btn-2 {margin-top: 30%; margin-left: 43%;}
#series-53 .btn-3 {margin-top: 35%; margin-left: 38%;}
#series-53 .btn-4 {margin-top: 42%; margin-left: 43%;}
#series-53 .btn-5 {margin-top: 50%; margin-left: 40%;}
#series-53 .btn-6 {margin-top: 57%; margin-left: 38%;}

#series-53 .btn-7 {margin-top: 0%; margin-left: 50%;}
#series-53 .btn-8 {margin-top: 10%; margin-left: 58%;}
#series-53 .btn-9 {margin-top: 25%; margin-left: 53%;}
#series-53 .btn-10 {margin-top: 35%; margin-left: 54%;}
#series-53 .btn-11 {margin-top: 48%; margin-left: 50%;}
#series-53 .btn-12 {margin-top: 57%; margin-left: 47%;}

/*serie PRO*/
#series-41 .btn-1 {display: none;}
#series-41 .btn-2 {margin-top: 22%; margin-left: 23%;}
#series-41 .btn-3 {margin-top: 15%; margin-left: 27%;}
#series-41 .btn-4 {margin-top: 6%; margin-left: 68%;}
#series-41 .btn-5 {margin-top: 6%; margin-left: 82%;}
#series-41 .btn-6 {margin-top: 50%; margin-left: 65%;}
#series-41 .btn-7 {margin-top: 13%; margin-left: 81%;}

#series-41 .btn-8 {margin-top: 21%; margin-left: 83%;}
#series-41 .btn-9 {margin-top: 41%; margin-left: 26%;}
#series-41 .btn-10 {margin-top: 34%; margin-left: 66%;}
#series-41 .btn-11 {margin-top: 55%; margin-left: 30%;}
#series-41 .btn-12 {margin-top: 47%; margin-left: 25%;}
#series-41 .btn-13 {margin-top: 47%; margin-left: 75%;}

/*serie TERMO PRO*/
#series-54 .btn-1 {display: none;}
#series-54 .btn-2 {margin-top: 22%; margin-left: 23%;}
#series-54 .btn-3 {margin-top: 15%; margin-left: 27%;}
#series-54 .btn-4 {margin-top: 6%; margin-left: 68%;}
#series-54 .btn-5 {margin-top: 6%; margin-left: 82%;}
#series-54 .btn-6 {margin-top: 50%; margin-left: 65%;}
#series-54 .btn-7 {margin-top: 11%; margin-left: 79%;}

#series-54 .btn-8 {margin-top: 21%; margin-left: 83%;}
#series-54 .btn-9 {margin-top: 50%; margin-left: 23%;}
#series-54 .btn-10 {margin-top: 34%; margin-left: 66%;}
#series-54 .btn-11 {margin-top: 26%; margin-left: 30%;}
#series-54 .btn-12 {margin-top: 62%; margin-left: 50%;}
#series-54 .btn-13 {margin-top: 47%; margin-left: 75%;}
#series-54 .btn-14 {margin-top: 35%; margin-left: 20%;}



/*serie MONOBLOCCO RE*/
#series-10 .btn-1 {margin-top: 8%; margin-left: 57%;}
#series-10 .btn-2 {margin-top: 17%; margin-left: 6%;}
#series-10 .btn-3 {margin-top: 25%; margin-left: 6%;}
#series-10 .btn-4 {margin-top: 39%; margin-left: 13%;}
#series-10 .btn-5 {margin-top: 47%; margin-left: 36%;}
#series-10 .btn-6 {margin-top: 28%; margin-left: 28%;}
#series-10 .btn-7 {margin-top: 52%; margin-left: 12%;}

#series-10 .btn-8 {margin-top: 15%; margin-left: 67%;}
#series-10 .btn-9 {margin-top: 24%; margin-left: 85%;}
#series-10 .btn-10 {margin-top: 35%; margin-left: 85%;}
#series-10 .btn-11 {margin-top: 41%; margin-left: 56%;}
#series-10 .btn-12 {margin-top: 58%; margin-left: 65%;}


/*serie MONOBLOCCO RTE*/
#series-15 .btn-1 {margin-top: 8%; margin-left: 5%;}
#series-15 .btn-2 {margin-top: 15%; margin-left: 45%;}
#series-15 .btn-3 {margin-top: 25%; margin-left: 49%;}
#series-15 .btn-4 {margin-top: 47%; margin-left: 41%;}
#series-15 .btn-5 {margin-top: 47%; margin-left: 76%;}
#series-15 .btn-6 {margin-top: 28%; margin-left: 42%;}
#series-15 .btn-7 {margin-top: 52%; margin-left: 62%;}

#series-15 .btn-8 {margin-top: 15%; margin-left: 13%;}
#series-15 .btn-9 {margin-top: 24%; margin-left: 3%;}
#series-15 .btn-10 {margin-top: 35%; margin-left: 3%;}
#series-15 .btn-11 {margin-top: 41%; margin-left: 12%;}
#series-15 .btn-12 {margin-top: 58%; margin-left: 15%;}
#series-15 .btn-13 {margin-top: 36%; margin-left: 44%;}



/*serie COMBINATE CUCINE*/
#series-7 .btn-1 {margin-top: 8%; margin-left: 10%;}
#series-7 .btn-2 {margin-top: 15%; margin-left: 60%;}
#series-7 .btn-3 {margin-top: 22%; margin-left: 71%;}
#series-7 .btn-4 {margin-top: 8%; margin-left: 76%;}
#series-7 .btn-5 {margin-top: 43%; margin-left: 77%;}
#series-7 .btn-6 {margin-top: 27%; margin-left: 71%;}
#series-7 .btn-7 {margin-top: 58%; margin-left: 72%;}

#series-7 .btn-8 {margin-top: 15%; margin-left: 18%;}
#series-7 .btn-9 {margin-top: 24%; margin-left: 3%;}
#series-7 .btn-10 {margin-top: 35%; margin-left: 3%;}
#series-7 .btn-11 {margin-top: 41%; margin-left: 12%;}
#series-7 .btn-12 {margin-top: 58%; margin-left: 15%;}
#series-7 .btn-13 {margin-top: 33%; margin-left: 66%;}


/*serie COMBINATE TERMOCUCINE*/
#series-16 .btn-1 {margin-top: 8%; margin-left: 10%;}
#series-16 .btn-2 {margin-top: 15%; margin-left: 60%;}
#series-16 .btn-3 {margin-top: 22%; margin-left: 43%;}
#series-16 .btn-4 {margin-top: 38%; margin-left: 41%;}
#series-16 .btn-5 {margin-top: 26%; margin-left: 51%;}
#series-16 .btn-6 {margin-top: 51%; margin-left: 71%;}
#series-16 .btn-7 {margin-top: 15%; margin-left: 12%;}

#series-16 .btn-8 {margin-top: 28%; margin-left: 30%;}
#series-16 .btn-9 {margin-top: 24%; margin-left: 3%;}
#series-16 .btn-10 {margin-top: 35%; margin-left: 3%;}
#series-16 .btn-11 {margin-top: 41%; margin-left: 30%;}
#series-16 .btn-12 {margin-top: 38%; margin-left: 51%;}
#series-16 .btn-13 {margin-top: 33%; margin-left: 66%;}




.slick-extra p {padding: 10px; margin-bottom: 0;}
.slick-extra .slick-next {right: -40px;}
.slick-extra .slick-prev {left: -20px;}


.fade, .hvr-serie {transition-duration: 0.1s!important;}

.hvr-serie {cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 5px;}
.hvr-serie img{}
.hvr-serie-text_mt-n11 {margin-top: -11rem}
.hvr-serie-text_ml-n7 {margin-left: -7.5%}

@media(max-width: 991px){
    .hvr-serie-text_mt-n11 {margin-top: 0}
    .hvr-serie-text_ml-n7 {margin-left: 0}
    .hvr-serie {padding: 0px;}
    .hvr-serie img{width: 20px;height: 20px;}
}

@media(max-width: 767px){
    .video-fire {
        margin-left: 30%;
        height: 100%;
        margin-top: -10%;
    }
}

/*      .btn-1-2 {margin-top: 16%; margin-left: 31%;}
      .btn-2-2 {margin-top: 21%; margin-left: 30%;}
      .btn-3-2 {margin-top: 24%; margin-left: 34%;}
      .btn-4-2 {margin-top: 32%; margin-left: 25%;}
      .btn-11-2 {margin-top: 33%; margin-left: 53%;}
      .btn-13-2 {margin-top: 56%; margin-left: 56%;}
      .btn-14-2 {margin-top: 58%; margin-left: 51%;}

      .btn-4-3 {margin-top: 36%; margin-left: 38%;}
      .btn-5-3 {margin-top: 44%; margin-left: 32%;}
      .btn-14-3 {margin-top: 59%; margin-left: 65%;}

      .btn-1-4 {margin-top: 20%; margin-left: 25%;}
      .btn-5-4 {margin-top: 40%; margin-left: 26%;}

      .btn-1-5 {margin-top: 30%; margin-left: 8%;}
      .btn-2-5 {margin-top: 19%; margin-left: 25%;}
      .btn-3-5 {margin-top: 21%; margin-left: 48%;}
      .btn-4-5 {margin-top: 21%; margin-left: 73%;}
      .btn-5-5 {margin-top: 53%; margin-left: 6%;}
      .btn-6-5 {margin-top: 54%; margin-left: 40%;}
      .btn-7-5 {margin-top: 52%; margin-left: 56%;}
      .btn-8-5 {margin-top: 55%; margin-left: 65%;}

      .btn-1-6 {margin-top: 16%; margin-left: 20%;}
      .btn-6-6 {margin-top: 54%; margin-left: 42%;}
      .btn-14-6 {margin-top: 29%; margin-left: 20%;}
      .btn-4-6 {margin-top: 36%; margin-left: 21%;}
*/

#configurator-full-screen-btn{float: right}



.menu-to-fix.fixed{position: fixed;
    z-index: 999999;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #121212;padding: 0px 87px}

.configurator-btn{position: fixed; right: 10px;bottom: 10%;z-index: 9999}

.video_slider.video_slider_bg::before{content: ""; position: absolute;width: 100%; height: 100%;
/*background-color: rgba(0,0,0,0.25); */z-index: 2}

.mini-warning{padding: 4px 10px !important; font-size: 12px}

img.unveil-conf{opacity: 0;
    transition: all 0.4s ease-in;}



    .btn-main-configurator{position: fixed; right: -138px; bottom: 75px; padding: 5px 20px; background-color: #DA2128; cursor: pointer; z-index: 99999}
            .btn-main-configurator:hover{transform: translateX(-138px); transition-duration: 0.3s;}
            .btn-main-configurator a {color: #fff !important}
            .btn-main-configurator img {filter: invert(1); padding: 5px 20px 5px 0; width: 55px}

.modal-preload .modal-body{
   transition: opacity 3s ease;
   -webkit-transition: opacity 3s ease;
   position: relative;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #000; /* Blue */
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: spin 2s linear infinite;position: absolute;
  z-index: 4;
    top: 50%;
    left: 50%;margin-left: -35px;margin-top: -35px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.btn-white:hover .lds-ring div{
    border: 3px solid #fff;
    border-color: #fff transparent transparent transparent;
}

.lds-ring {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    /*margin-top: -3px;*/
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 3px;
    border: 3px solid #000;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.print-error-msg .alert,.success-msg .alert{display: block}


.shape-cont{padding-top: 30px !important; padding-bottom: 30px !important;margin-bottom: 15px; position: relative; }
.shape-selector{position: relative; }
.shape-cont::after{content: "";position: absolute;width: 1px; height: calc(80%);background-color: #D9D9D9; top: 10%; right: -1px;z-index: 3}
.shape-cont:last-child::after{content: none}
.shape-selector>div{margin-top: 20px}
.shape-selector.active{filter: invert(78%) sepia(16%) saturate(543%) hue-rotate(314deg) brightness(101%) contrast(84%);}

.lds-spinner {color: official;display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-spinner div {transform-origin: 40px 40px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 37px;width: 6px;height: 18px;border-radius: 20%;background: #000;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner { 0% {opacity: 1;} 100% {opacity: 0;} }
.lds-spinner{position: absolute;bottom: 10%; right: 50%;transform: translate(50%,-50%);}
.form-loading{position: absolute; top: 0px; left: 0px; background-color: rgba(255,255,255,0.8);height: 100%; width: 100%;z-index:30}


/* area riservata*/
h3.suptitle {font-size: 16px;}
h3.suptitle {font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        letter-spacing: 0.25rem;
        margin-left: 0px;
        margin-top: 20px
    }
.full-container-path a:hover {text-decoration: underline; }
.full-container-path a.active {font-weight: bold; text-decoration:none;}

.alert {display: inline-block;}

#datatable_wrapper .row > div:first-child{order: 2; text-align: right;}
#datatable_wrapper .row > div:first-child{order: 1; text-align: left;}
/*#dataTable_wrapper div.dataTables_filter{order: 1; text-align: left;}*/
div.dataTables_wrapper div.dataTables_filter {text-align: left;}
div.dataTables_wrapper div.dataTables_length {text-align: right;}

.btn{padding: 5px 20px !important;}
.btn-primary2 {
    color: #fff;
    background-color: #4ea4ff;
    border-color: #4ea4ff;
}
.btn-primary-red {
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128;
}