@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,500,700);

/** STANDARD **/
body{font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size:13px; position:relative; background:#f2f2f4}
b, strong{font-weight: 500;}
img{max-width:100%;}
*{box-sizing:border-box;}
a{color:inherit; text-decoration:none;}
.table{display:table;} /* da usare per vert align. Il contenuto deve essere display:table-cell; vertical-align: middle;  */

.clear{clear:both;}
.clear5{clear:both;height:5px;}
.clear10{clear:both;height:10px;}
.clear15{clear:both;height:15px;}
.clear25{clear:both;height:25px;}
.clear30{clear:both;height:30px;}
.clear50{clear:both;height:50px;}
.left{float:left;}
.right{float:right !important;}

.txt-right{text-align:right;}
.txt-center{text-align:center;}
.txt-left{text-align:left;}

/** GRIGLIA **/
.row .half-nomargin{width:50%; float:left;}
.row .half{width:48%; float:left;margin-right:4%;}
.row .half:nth-child(2n){margin-right:0;}

.row .box-33{width:32%; float:left;margin-right:2%;}
.row .box-66{width:66%; float:left;}
.row .box-33:nth-child(3n){margin-right:0;}
.row .box-33:nth-child(3n+1){clear:left}

.row .box-25{width:23.5%; float:left;margin-right:2%;}
.row .box-25:nth-child(4n){margin-right:0;}
.row .box-25:nth-child(4n+1){clear:left;}

.flessibile{display:flex;}
.flessibileforzato{display:flex!important;}
.centratoverticale{align-items:center;-webkit-align-items:center;}
.centratoorizzontale{justify-content:center;-webkit-justify-content:center;}
.giustificato{justify-content:space-around;-webkit-justify-content:space-around;}
.relativo{position: relative;}
.static .half{width:40%; float:left;margin-right:13%; line-height:22px;}

/** GENERALI **/
.bg-blu{background-color:#253c4c;}
.bg-bluchiaro{background-color:#253c4c;}
.bg-gray{background-color:#dfe3e8}
.bg-light-gray{background-color:#e6e9ed;}
.bg-dark-gray{background-color:#868588;}
.bg-body{background:#f2f2f4;}

.bg-giallo{background-color:#faf461;}
.bg-destra-giallo{background: url('../images/bg-half-giallo.jpg') repeat-y center center; position:relative;}
.bg-sinistra-giallo{background: url('../images/bg-half-giallo2.jpg') repeat-y center center; position:relative;}
.bg-destra-blu{background: url('../images/bg-half-blu.jpg') repeat-y center center; position:relative;}

.txt-blu{color:#253c4c;}
.txt-giallo{color:#faf461;}
.txt-bianco{color:#fff;}
.txt-grigioscuro{color: #0b0b0c}
.txt-centrato{text-align: center;}
.txt-sinistra{text-align: left;}
a.txt-decorato{text-decoration: underline;}

.paddinglr{padding: 0 20px;}

.container{width:981px; margin:0 auto;}
.logo{width:27%; float:left; margin:25px 0;}
.top-menu{width:73%; float:left; color:#fff;}
.area-riservata{display:block; margin: 25px 0 0 13px; float:left;}
.area-riservata .fa{color:#faf461; margin-left:5px;}
.lingue{display:block; margin: 25px 0 0; float:right;}
.lingue a{padding: 0 10px;}
.lingue a:hover { color: #FAF462; }
.lingue span{padding: 0 10px; color: #FAF462; }
.relativo{position: relative}

ul.menu{list-style:none; margin:10px 0 0; float:left; color:#ccc; width:72%; padding:0;}
ul.menu li{float:right; padding:5px 10px;}
ul.menu li.active{float:right; padding:5px 12px; border-bottom: 2px solid #faf461; }
ul.menu li a{display: block; color:#fff; padding: 5px 0;}
ul.menu li span{display: block; color:#faf461; padding-bottom: 5px; padding-top: 5px;}
ul.menu li:hover a{color:#faf461; }
ul.menu li.hvr-sweep-to-right:before {border-bottom: 2px solid #faf461;}

.slide{position:absolute; left:0; top:0; overflow: hidden;}
.slide img{position:absolute; display:block; min-height:100%; max-width: unset;}

.right-slide{float:right; width:30%; color: #0b0b0c; padding:20px 0 0}
.right-slide form{margin:20px 0 50px}
.right-slide form input[type="email"]{height:35px; border:0; width:75%; float:left; font-size:13px; padding:5px;}
.right-slide form input[type="submit"]{height:35px; border:0; width:25%; float:left; color:#fff; font-size:13px;}
.right-slide .titolo{font-size:33px;}
.right-slide .titolo a{font-size:14px; display:block; margin:15px 0 25px;}

.newsletter{font-size:16px;}

.box-33.rotoli {padding: 50px 0  50px 3%; margin: 0 3% 0 0; width:31.333%}
.box-33.rotoli.prodotti{padding: 50px 3% 0px 0;}
.box-66.rotoli {padding: 50px 0  20px 3%; margin: 0 ; width:65.666%}
.rotoli .titolo{color:#253c4c; font-size:16px; padding: 50px 0 20px;}
.rotoli .titolo img{float:right; margin-top: -30px;}
.rotoli .testo{color:#616161; padding: 0 20% 0 0; }
.rotoli .continua{color:#0b0b0c}

a.btn-home {font-size:25px; margin-top:30px; margin-bottom: 30px;}
.btn-home img{display:block; float:right; margin-left:30px;}
.btn-home.full{width:100%;}

.gamme .btn-home{font-size:35px; margin:130px 0 ; font-weight:700;}

.certificazioni {padding-top: 45px;}
.prodotti .box-33 {padding:4% 9% 0 0;}
.certificazioni .box-33 {padding:90px 9% 0 0;}
.prodotti .box-33 .titolo, .certificazioni .box-33 .titolo{color:#253c4c; font-size:29px;}
.prodotti .box-33 .sottotitolo, .certificazioni .box-33 .sottotitolo{color:#253c4c; font-size:18px; margin:10px 0;}
.prodotti .box-33 .testo, .certificazioni .box-33 .testo{color:#616161;  line-height:18px;}
.prodotti .box-33 .continua, .certificazioni .box-33 .continua{color:#0b0b0c;}
.certificazioni .box-66 {padding:90px 0 5% 0;}
.certificazioni .box-66 .continua{color:#0b0b0c; }

.prodotto.box-33{padding:7% 0 7% 5%; width:33.333% margin:0;}
.prodotto.box-33 .titolo{color:#fff; font-size:15px; margin-bottom:20px; min-height:72px;}
.aaa.box-33 .titolo{font-size:15px; margin-bottom:20px;margin-top:20px;}
.prodotto.box-33 .continua{color:#fff;}

.tecnologie .box-66 {margin-right:}
.tecnologie .box-33 {padding:9% 0 4% 9%;}
.tecnologie .box-33 .titolo{color:#253c4c; font-size:29px;}
.tecnologie .box-33 .sottotitolo{color:#253c4c; font-size:18px; margin:10px 0;}
.tecnologie .box-33 .testo{color:#616161;  line-height:18px;}


.left-cl-home{width:34%; float:left; overflow:hidden;}
.right-cl-home{width:66%; float:left; }

.box-news{padding:50px 12% 50px 0;}
.box-news .titolo{color:#253c4c; font-size:29px; margin:15px 20px 0 0}
.box-news .sottotitolo{color:#253c4c; font-size:18px; margin:5px 20px 30px 0;}
.box-news .testo{color:#616161;  line-height:18px; margin:0 20px 10px 0;}
.box-news.bg-blu{padding:30px 15px; margin-top:10px;}
.box-news.bg-blu .titolo{color:#faf461; font-size:29px; margin:15px 0 0 0}
.box-news.bg-blu .sottotitolo, .box-news.bg-blu .testo{color:#fff;}
.box-news.bg-blu .freccia{display:block; float:right; margin-top:15px;}

.personalizzati{padding:50px 0 50px 8%;}
.personalizzati .titolo{color:#253c4c; font-size:29px; margin:15px 20px 0 0}
.personalizzati .titolo.big{margin:0px 0px 10px 0px;}
.personalizzati .sottotitolo{color:#253c4c; font-size:18px; margin:5px 0 30px 0;}
.personalizzati .testo{color:#616161;  line-height:18px; margin:0 20px 10px 0;}

.personalizzati .img{padding:0 6% 0 0;}

.left-cl-home .titolo.big{display:table-cell; vertical-align: middle; color:#253c4c; font-size:29px; }

.half-nomargin.bg-giallo.personalizzati{ padding: 50px 4% 50px 8%}

.left-azienda{width:67%; float:left; background-image: url("../images/img-4.jpg"); background-size: cover;}
.right-azienda{width:33%; float:left; padding:30px 40px 30px;}
.right-azienda .titolo{color:#FFF; font-size:29px; margin:15px 20px 20px 0; text-align:left;}
.right-azienda .sottotitolo{color:#FFF; font-size:18px; margin:0px 0 10px 0;}
.right-azienda .testo{color:#FFF;  line-height:18px; margin:0px 20px 18px 0;}


.footer {padding:30px 0; margin:0px 0 0;}
.footer .testo{color:#fff; width:30%; float:left; padding: 0 40px 0 0;}
.footer .loghi{width:70%; float:right; margin: 15px 0 0;}

.richiedi-info{display:block; color:#faf461; text-align:center; padding:20px 0; font-size:20px;}
.newsletter > div{margin-top: -25px;}
.invia-newsletter{ color: #faf461; display: block; float: left; font-size: 16px; height: 35px; padding: 8px 0; text-align: center; width: 25%; cursor: pointer;}
.formContatti-1 .invia-newsletter{float: right;}
h1{font-size:40px; text-align:right; margin:0; color:#253c4c;}
h2{font-size:20px; text-align:right; margin:10px 0 0; color:#0b0b0c; font-weight:300;}

.case{display:block; text-align:right; line-height:24px; margin-top:20px;font-size:17px;}
.case img{float:right; margin-left:15px;}

.left-cl-interna{width: 31.333%; float:left; margin: 0 3% 0 0; padding: 0 3% 0 0;}
.right-cl-interna{float:left;width: 31.333%; width: 65.666%;}

.titolo-menu{display:block; color:#253c4c; font-size:21px; font-weight:700; margin:50px 0 20px 0; position: relative; z-index: 999;}
.secondo.titolo-menu{margin:30px 0 20px;}
ul.menu-left{list-style:none; margin:0; padding:0;}
ul.menu-left li{min-height:40px; margin-bottom: 10px; padding: 10px; }
ul.menu-left li.active {background: #faf461; display:block;}
ul.menu-left li.active span{font-size:15px; font-weight:300; color:#253c4c; display:block; }
ul.menu-left li a{font-size:15px; font-weight:300; color:#253c4c; display:block;}
ul.menu-left li i {font-size: 20px;}
/*ul.menu-left li a:hover{font-size:15px; font-weight:300; color:#253c4c; margin-bottom:20px; display:block;border-right:3px solid #253c4c;background-color:#faf461;height:30px;}*/

ul.menu-left li a.sel{font-weight:700;}
ul.menu-left li li a.sel{background:#faf461; font-weight:300;}
ul.menu-left li ul{list-style:none; margin: 0 0 30px; padding:0;}
ul.menu-left li ul li a{padding: 0 0 0 10px; line-height:24px; margin: 0 0 10px; 0}
ul.menu-left li ul li img{float:right; display:block; }

.prodotto-img{float:left; width:47%;}
.prodotto-testo{float:left; width:53%; padding-left:12%; line-height:22px; color:#757676; }
.prodotto-testo span{font-weight:500; font-size:15px; color:#253c4c;}
.prodotto-testo.big span{font-weight:300; font-size:16px; color:#253c4c; padding-right: 20px;}

.cat-case img{margin-top:40px; width: 100%;}
.cat-case a{ width: 100%;}

.cat-case a.continua{ width: 200px;}

.utilizzo {padding-bottom:30px; margin-top:20px;}
.utilizzo .titolo{font-size:29px; padding:30px 7%; color:#253c4c;}
.utilizzo .box-33{width:33.333%; margin:0; padding: 15px 7% ; border-right:1px solid #dadde0}
.utilizzo .box-33:nth-child(3n){border-right:0;}
.utilizzo .box-33 img{display:block; margin:0 auto 20px;}

.vantaggi {padding-bottom:30px; margin-top:20px;}
.vantaggi .titolo{font-size:29px; padding:30px 7%; color:#253c4c;}
.vantaggi .box-33{width:33.333%; margin:0; padding: 15px 5%;}
.vantaggi .box-33 img{display:block; margin:0 auto 20px;}

/* root element for tabs  */
ul.tabs {list-style:none;/*margin:0 !important;*/margin-top:20px;padding:0;height:35px; margin-bottom: 4px;}
ul.tabs li {float:left;text-indent:0;padding:0;margin:0 1px 0 0 !important;list-style-image:none !important;}
ul.tabs a {font-size:14px;display:block;line-height:normal;text-align:center;text-decoration:none;color:#FFF;padding:10px 25px;margin:0px;position:relative;top:1px; background:#253c4b;}
ul.tabs a:hover {color:#000;}
ul.tabs a.active {color:#000; outline:none; background:#faf461; color:#000;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background:#dedfc5;color:#000;cursor:default !important;}
.panes .pane {}
.panes > div {padding:10px 6% 10px 6%;border-top:0;font-size:14px;border:1px solid #d1d1d2; color:#3b3b3b; float: left; }
#tab1 span{display:block; margin-bottom:5px; float: left; width: 100%; }
#tab1 span b{display:block; float:left; width:30%;}
#tab1 span em { font-style: normal; float: left; width: 65%; margin-left: 5%; }

.suggerimenti .left-cl-interna{padding:30px 6% 30px 0px}
.suggerimenti .left-cl-interna .titolo{font-size:24px; color:#253c4c; display:block; margin-bottom:25px;}
.suggerimenti .right-cl-interna{padding-top:80px;}

.legenda{display:block; color:#253c4c; margin-bottom:10px;}
.legenda .lettera{display:block; float:left; margin:0 15px 15px 0; padding:7px 12px; font-size:20px; color:#000;}

.calcolatore{width:100%;}
.calcolatore td{padding:10px;}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { background-color: #fff; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: none; box-sizing: border-box; height: 32px; padding: 3px 10px; width:100%;}
input[readonly]{opacity:0.5}
.tablefade{display:none;}
#err-red{color:#F00;}

.configuratore .row{display:none; margin-bottom:10px;}
.configuratore .conf-start{display:block;}
.configuratore a{display:block; padding:5px 5px 15px; text-align:center; background:#253c4c; color:#fff; min-height: 40px; line-height: 40px;}
.configuratore a.selected{background:#FAF462; color:#253c4c;}
.configuratore a i {display: block; font-size: 30px; margin: -18px auto 0; width: 100%;}
.configuratore a img{width:40%; display:block; margin: 10px auto 0;}

.text-interno{font-size:15px; line-height:23px}
.colori{height:25px; margin-bottom:10px;}

/*.ulstoria {list-style: square url('../images/trattino.jpg');}
.ulstoria li{margin-bottom:30px;}
.ulstoria li b{font-size:2.0em;}*/


.box-50{width:50%; float:left;}

.tabella-case{width:100%;}
.tabella-case tr{}
.tabella-case tr th{padding:15px; color: #f2f2f4; text-align:left; border:2px solid #f2f2f4;}
.tabella-case tr td{padding:15px; border:2px solid #f2f2f4;}

.tabella-case2{width:100%; color:#253c4c}
.tabella-case2 tr.bg-blu td:not(.bg-giallo){color:#fff;}
.tabella-case2 tr td{padding:5px; font-size:12px; border-left:1px solid #f2f2f4;}
.tabella-case2 tr td.bord0{border-left:0;}


.tabella-additivi{width:100%; color:#253c4c}
.tabella-additivi tr.bg-blu td:not(.bg-giallo){color:#fff;margin-bottom:5px;}
.tabella-additivi tr td{padding:8px; border-left:1px solid #f2f2f4;}
.tabella-additivi tr td.bord0{border-left:0;}
.tabella-additivi p {border-left:0;}
.tabella-additivi span {font-size:20px;font-weight:bold;display:block;color:white;}


.super{font-size:55px; font-weight:700; padding:30px; display:block;}

.dati-iniziali {font-size:18px; }
.dati-iniziali .bg-giallo{padding:5px; margin-right:10px; display:inline-block; color:#253c4c; font-size:25px; font-weight:700; }

label.error{color:#f00; margin-left:10px;}

.formNewsletter label.error{position: absolute; top: 25px;}
.formNewsletter .privacypop{font-size: 12px; line-height: 12px; display: inline-block;}
.privacypop{cursor: pointer;}
.titolo-video{font-size:18px; display:block; margin: 0 0 10px;}

.download .box-33 {line-height:38px; margin-bottom: 20px; transition: all 0.5s linear;}
.download .box-33 img{display:block; floaT:left; height:38px; margin-right:15px;}

.download .box-33:hover {-webkit-filter: opacity(50%); filter: opacity(50%);}

.certificati a{display:block; margin-top:5px; width: 100% ! important;}
.certificati .col-3>span {min-height: 67px; display: block; text-align: left;}
.cat-case a {display:inline-block; font-size:13px;padding:8px;float:left;}

.cat-case span{display:block;}



/*.cat-utility a {display:inline-block; font-size:13px;border: 1px solid #364d5e;padding:8px;float:right;margin-top:15px;}
.cat-utility a:hover {display:inline-block; font-size:13px;border: 1px solid #faf461;background-color:#faf461;padding:8px;float:right;margin-top:15px;}*/
.cat-utility span{display:block;}
.cat-utility p{font-size:14px;}


/* Sweep To Right */
.hvr-sweep-to-right { display: block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
 position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: -2px; -webkit-transform: scaleX(0);
 transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform;
 -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1);}


.hvr-sweep-to-top { box-shadow: 0 0 1px transparent; display: zblock; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: color; vertical-align: middle; }
.hvr-sweep-to-top::before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover::before, .hvr-sweep-to-top:focus::before, .hvr-sweep-to-top:active::before { transform: scaleY(1); }

/* BOTTONI */
.btn{display:inline-block; padding:.4em .8em; color:#fff !important; text-transform: uppercase; text-decoration:none !important; font-size:.9em;}

.btn-home i{text-align: center; font-size: 80px;}

.continua{display: block; font-size: 13px; padding: 10px; width: 150px;font-size: 13px; margin-top: 10px; }
.continua span {text-align: center;}
.continua i{text-align: center; font-size: 20px;}
.continuach{display: block; font-size: 13px; padding: 10px; width: 200px;font-size: 13px; margin-top: 10px; }
.continuach span {text-align: center;}
.continuach i{text-align: center; font-size: 20px;}
.continua2{display: block; font-size: 13px; padding: 10px; width: 250px;font-size: 13px; margin-top: 10px; }
.continua2 span {text-align: center;}
.continua2 i{text-align: center; font-size: 20px;}

.fascia-gammaprodotti span {text-align: center; font-size: 40px; font-weight: bold;}
.fascia-gammaprodotti i{text-align: center; font-size: 80px;}

.puls-white.hvr-sweep-to-right {background: transparent;}
.puls-white.hvr-sweep-to-right:before {background: #FFF;}

.puls-gray.hvr-sweep-to-right {background: transparent;}
.puls-gray.hvr-sweep-to-right:before {background: #E5E5E5;}

.puls-trasp.btn-home {padding: 5%; box-sizing: border-box;}
/*.puls-trasp.hvr-sweep-to-right {background: transparent;}*/
.puls-trasp.hvr-sweep-to-right:before {background: #253c4c;}
.puls-trasp.hvr-sweep-to-right:hover {color: #FFF !important; }


.puls-giallo.btn-home {padding: 5%; box-sizing: border-box;}
/*.puls-trasp.hvr-sweep-to-right {background: transparent;}*/
.puls-giallo.hvr-sweep-to-right:before {background: #faf461;}
.puls-giallo.hvr-sweep-to-right:hover {color: #253c4c !important; }

.puls-giallo.hvr-sweep-to-top:before {background: #faf461;}
.puls-giallo.hvr-sweep-to-top:hover {color: #253c4c !important; }

.fasciabottoni .btn-home{min-height: 182px; display: inline-block;}


/** HOME **/
.fasciahome1 .titolettino{display: inline-block; width: 100%; font-size: 16px; margin-bottom: 5px;  }

.ulstoria li:focus {outline:none;}
.ulstoria li {padding-top: 20px; padding-bottom: 20px;}
.ulstoria li .col-3{font-size: 80px;font-weight:bold;}

.ulstoria .sottoul li {padding: 0px;}

.rigapersonalizzate span.titolosol {width: 100%; font-weight: bold; display: inline-block; font-size: 1.4rem;}
.rigapersonalizzate span.sottotitolosol {display: inline-block; font-size: 1.2rem;}
.rigapersonalizzate i {font-size: 40px; text-align: center; }
.rigapersonalizzate2 .col-4m {text-align: center;}
.rigapersonalizzate2 .col-4m i {font-size: 40px; }
.rigapersonalizzate span.titolo {width: 100%; display: inline-block; font-size: 1rem;}
.rigapersonalizzate {transition: all 0.5s linear;}
.rigapersonalizzate:hover {-webkit-filter: opacity(50%); filter: opacity(50%);}

.rigapersonalizzate2 .col-4m {transition: all 0.5s linear;}
.rigapersonalizzate2 .col-4m:hover {-webkit-filter: opacity(50%); filter: opacity(50%);}

.boxprodotto .w100{width: 100%;}
.boxprodotto img{display: block;}
.boxprodotto .titoloprodotto{position: absolute; left: 10px; top: 30px; font-size: 41px; font-weight: bold;}
.boxprodotto .sottotitoloprodotto{font-size: 13px; font-weight: normal;}
.boxprodotto .triangoloprodotto{position: absolute; bottom: 10px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 0 2vw 2vw; border-color: transparent transparent #787878 transparent; transition: all 0.5s linear;}
.boxprodotto:hover .triangoloprodotto{border-color: transparent transparent #faf461 transparent;}

.result.selezionato{font-size: 25px; line-height: 25px; width: 100%; padding: 1%; border: 1px solid #253c4c;}
.puntatore{cursor: pointer;}

.paginazioneNews {margin-top: 10px;}
.paginazioneNews span{float: left; margin: 0 5px !important; color: #cd463e;}
.paginazioneNews a{float: left; margin: 0 5px !important;}

.icodownload {display: block; width: 100%; background-image: url('../images/PDF-download.png'); background-repeat: no-repeat; background-position: left center; background-size: 20px; padding-left: 30px; line-height: 30px; font-size: 14px; }

.tabella-case2.mobile { display: none; }

.tutorialTop .imagetutorialTop {
    margin: 0 10%;
    width: 80%;
    max-height: 324px;
}
.tutorialTop .imagetutorialToppv {
    left: 46%;
    position: absolute;
    top: 38%;
    width: 10%;
}
.tutorialTop.vimeo {
    box-sizing: border-box;
    display: inherit;
    margin: 3% 0 !important;
    position: relative;
    width: 100%;
}

.slideTitolo{display: inline-block; width: 100%; font-size: 21px; font-weight: bold;}

.slideAmb {overflow: hidden;}
.slideAmb img{height: 100%; max-width: none;}
.etichetta{box-sizing: border-box; display: inline-block; padding: 5px; text-align: center; width: 100%; }

.foot-bottoni a.puls-trasp.btn-home{font-size:20px; min-height: 130px; padding: 2%;}
    
    
.certificazioniloghi .col-3{text-align: center;}
.certificazioniloghi .col-3 span {display: block; min-height: 60px;}

.nsnumeri{float: left; text-align: center;}
.circleBase { border-radius: 50%; text-align: center; }

.type1 { width: 140px; height: 140px; background: #253c4c; border: 1px solid #253c4c; color: #FFF; margin: 0 auto;}
.nsnumeri .circleBase span {font-weight: bold; font-size: 40px; line-height: 40px; text-align: center; width: 100%; display: inline-block; }
.nsnumeri > span{color: #253c4c; text-align: center; width: 140px; display: inline-block; }


.tutorial {position: relative; display: inline-block}
.tutorial .image100x {width: 100%; }
.tutorial .play_button{left: 35%; position: absolute; top: 46%; width: 26%;}
    
.casehistorylink span{font-size: 18px; text-align: left;}

.card-1 { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.5s cubic-bezier(.25,.8,.25,1); background-color: #253c4c; color: #faf461; font-size: 15px; min-height: 75px; padding: 10px; cursor: pointer; }
.card-1:hover { box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22); background-color: #faf461; color: #253c4c;}
.card-4:hover {  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

.briciole{position: absolute; top: 20px;; right: 0;}
.briciole a {cursor: pointer; color: #253c4c;}
.briciole span {font-weight: bold; color: #253c4c;}