@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=45c72380-c8a6-43ac-b8c5-2c4809e5a450);

@font-face {
  font-family: "Univers45";
  src: url("UniversLTW01-45.eot?#iefix");
  src: url("UniversLTW01-45.eot?#iefix") format("eot"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45.woff") format("woff"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45.ttf") format("truetype"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45.svg#11b816e7-d678-48dd-bc75-560de9c19049") format("svg");
}

/* 45 Light Oblique */
@font-face {
  font-family: "Univers45Obl";
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45Obl.eot#iefix");
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45Obl.eot#iefix") format("eot"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45Obl.woff") format("woff"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45Obl.ttf") format("truetype"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-45Obl.svg#ffbd82f1-3d16-4dfc-8a55-df71c332b658") format("svg");
}

/* 55 Roman */
@font-face {
  font-family: "Univers55";
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-55.eot#iefix");
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-55.eot#iefix") format("eot"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-55.woff") format("woff"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-55.ttf") format("truetype"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-55.svg#ac8280da-3de5-456d-bd77-8f01665452a9") format("svg");
}

/* 57 Condensed */
@font-face {
  font-family: "Univers57";
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-57.eot#iefix");
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-57.eot#iefix") format("eot"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-57.woff") format("woff"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-57.ttf") format("truetype"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-57.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}

/* 65 Bold */
@font-face{
font-family:"Univers65Bold";
  src:url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.eot#iefix");
  src:url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.eot#iefix") format("eot"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.woff2") format("woff2"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.woff") format("woff"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.ttf") format("truetype"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-65Bold.svg#UniversLTW01-65Bold") format("svg");
}

/* 67 Bold */
@font-face{
font-family:"Univers67Bold";
  src:url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.eot#iefix");
  src:url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.eot#iefix") format("eot"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.woff2") format("woff2"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.woff") format("woff"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.ttf") format("truetype"),url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/univers-web/UniversLTW01-67Bold.svg#UniversLTW01-67Bold") format("svg");
}






@font-face {
  font-family: 'Inter UI'; font-style:  normal; font-weight: 400;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Regular.woff2") format("woff2"),  url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Regular.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI'; font-style:  italic; font-weight: 400;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Italic.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Italic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI'; font-style:  normal; font-weight: 500;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Medium.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Medium.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI'; font-style:  italic; font-weight: 500;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-MediumItalic.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-MediumItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI'; font-style:  normal; font-weight: 700;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Bold.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Bold.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI'; font-style:  italic; font-weight: 700;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-BoldItalic.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-BoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter UI'; font-style:  normal; font-weight: 900;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Black.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-Black.woff") format("woff");
}
@font-face {
  font-family: 'Inter UI'; font-style:  italic; font-weight: 900;
  src: url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-BlackItalic.woff2") format("woff2"), url("https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/fonts/Inter-UI/Inter-UI-BlackItalic.woff") format("woff");
}

body, p {font-family: 'Inter UI'; font-style:  normal; font-weight: 400; font-size: 20px; line-height: 29px; color:#111111;}
p { margin: 0 0 15px;}
img {max-width: 100%;     height: auto;}
a {color:#ff3e17}
a:hover ,a:focus ,a:active {color:#ff3e17; opacity:0.6; text-decoration:none}
h1,h2,h3,h4,h5,h6 {font-family: "Univers57"; color: #ff3e17;}
h1 {font-family:"Univers67Bold";}
h2 {font-size: 36px;font-family:"Univers67Bold";}
h3 {font-size: 26px;}
h4 {font-size: 20px;}
h5 {font-size: 16px; color: #707070; margin: 0px}
h6 {font-size: 14px;}


header {background-size: cover; background-position: center center; height: 100vh;    position: relative;}

a, .anima, .blocco-caso .caso-preview, .blocco-caso-container::after, .menu-capitoli, .btn12 {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.navbar-brand {    padding: 0px; position: relative; background-position: left;background-size: cover;background-repeat: no-repeat;height:47px;width: 226px; top: 54px; position: absolute;}
.navbar-brand img {width:100%}
.header-cta {position: fixed; z-index: 9; right: 10px; top:10px; width: 122px; height: 122px; background-color: rgba(244,48,9,0.9); background-position: 12px 12px; background-size: 30px 30px; background-image: url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/expert-ico.svg'); background-repeat: no-repeat;}
.header-cta p {color: #fff; position: absolute; bottom: 0px; left: 0px; padding: 12px 12px 9px;margin: 0px; font-size: 14px;line-height: 20px;}
.header-title {position: absolute; bottom: 0px; width: 100%; padding: 35px 30px;}
.header-title h1 {color: #fff; font-size: 58px; line-height: 70px; margin: auto; max-width: 1100px;border-left: solid 3px #fff; padding: 15px 25px; background: rgba(0,0,0,0.4);}
.header-title h1 div {font-family: "Univers57";}

[id^="capitolo"] { padding-top: 80px; margin-top: -80px;}
.capitolo-numero {height: 0px;background-color: #ff3e17; padding-bottom: 100%; position: relative;}
.capitolo-numero span {position: absolute;left: 50%;;bottom: 10px;color: #fff;font-family: "Univers57";font-size: 90px;line-height: 90px;}
.numero-container h2 {text-transform:uppercase;}
.numero-after {/*margin-top: -70px;*/ border-top: 1px solid #ff3e17; margin-bottom: -16%}
.numero-after .numero-container {display: table;}
.primo-blocco .blocco-testo {margin-top: 8%;}
.no-titolo .blocco-testo p:first-of-type, .img-container .blocco-testo p:first-of-type,.numero-container .blocco-testo p:first-of-type, .form-container .blocco-testo p:first-of-type, .blocco-laterale p:first-of-type {margin-top: 30px;}
.row {min-height: 70px;max-width: 100%; margin: 0px;}
.blocco-laterale {padding-right: 0px;}
.side-title, .side-text { padding-right: 45px;}
.img-container .side-title {padding-bottom: 1px;}
.img-container .side-title h3 {padding-top: 30px;}
.img-container .side-title::after {content: ''; width: 100%; height: 1px; background-color: #ff3e17;position: absolute;}
.img-container .blocco-testo p {margin-bottom: 0px;}

form .hs-fieldtype-booleancheckbox label { position: relative;}
form .hs-form-booleancheckbox-display span.hs-form-required{position: absolute;top: 0px; right: -10px;}
.hs-form-booleancheckbox {color:#111111;}

.blocco-laterale p {font-size: 16px; line-height: 21px; }
.text-container .side-title h3::after { position: absolute; right: 0px; content: '';width: 0;height: 0;border-style: solid;border-width: 0 0 33px 33px;border-color: transparent transparent #ff3e17 transparent;}
.text-container .side-title {padding-bottom: 1px;}
.text-container .side-title::after {content: ''; width: calc(100% - 15px); height: 1px; background-color: #ff3e17;position: absolute;}
.spacer {margin-top: 70px;height: 122px;margin-bottom: 122px;background: rgb(18,18,18);background: -moz-linear-gradient(top, rgba(18,18,18,1) 0%, rgba(77,77,77,1) 27%, rgba(77,77,77,1) 100%);background: -webkit-linear-gradient(top, rgba(18,18,18,1) 0%,rgba(77,77,77,1) 27%,rgba(77,77,77,1) 100%);background: linear-gradient(to bottom, rgba(18,18,18,1) 0%,rgba(77,77,77,1) 27%,rgba(77,77,77,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#4d4d4d',GradientType=0 );}
.form-container {/* margin-top: -70px; */padding-top: 70px; position: relative;}
.form-container .row {min-height: 20px}
.form-container::before {content: ''; background-color: #E5E5E5; opacity: 0.83; position: absolute; width: 100%; height: 100%; top: 0px;}
.form-container h2 {color: #000; border-bottom: solid 1px #000;}
.form-container .hs_email { background-color: rgba(0,0,0,0.5); position: relative; padding: 15px 20px 15px 100px;}
.form-container .hs_email:before { content: ''; position: absolute; width: 90px; background-color: #ff3e17; height: 100%; top:0px; left: 0px; background-image: url(https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/down.svg); background-repeat: no-repeat; background-position: center center; background-size: 50px;}
.form-container .hs_email label {color:#fff; font-size:18px; font-family: "Univers45";}
.form-container .hs_email input {background: transparent; border: 0px; border-bottom: 1px solid #fff; width: 100%; color: #fff;    font-size: 18px;outline: none;}
.form-container .hs_email input::placeholder {color:rgba(255,255,255,0.5)}
.inputs-list {list-style: none; padding: 0px;}
.form-container .hs-error-msgs label{ font-size: 12px; color: #ff3e17; }
.form-container .hs_email .hs-error-msgs label{ font-size: 12px; position: absolute; color: rgba(255,255,255,0.7); bottom: -6px;}
label { font-weight: initial;}
.hs-form-booleancheckbox-display {font-size:16px;line-height: 22px;}
.form-container .hs_submit input{ background: rgba(0,0,0,0.5); color: #fff; border: 0px; padding: 10px 30px; font-size: 18px;}
.form-container .hs-richtext {color: #707070; padding: 20px 20px 20px 0px; font-size: 16px; line-height: 22px;}
.form-container .hs-form .legal-consent-container .hs-richtext {display:none}
.form-container .hs-form .legal-consent-container .hs-richtext:first-child {display:block}

.generic-form-container .hs-form fieldset { width: 100%;max-width: 100% !Important;}
.generic-form-container .hs-form input,.generic-form-container .hs-form select, fieldset.form-columns-1 .hs-input { width: 100% !important; background: transparent; border: 0px; border-bottom: 1px solid #ff3e17;outline: none;font-size:14px;height: 25px;}
.generic-form-container .hs-form textarea {height:60px}
.generic-form-container .hs-form .form-columns-3 .hs-form-field {width:33.33%;}
.generic-form-container .hs-form label {font-size:14px; line-height: 17px;color:#707070;}
.generic-form-container .hs-form {margin-top:50px}
.generic-form-container .hs-form .hs-form-field {margin-bottom:50px; padding: 0px 20px;}
.generic-form-container .hs-form .hs-form-field.hs-fieldtype-booleancheckbox {margin-bottom:0px;}
.generic-form-container .hs-form .hs-fieldtype-radio input, 
.generic-form-container .hs-form .hs-fieldtype-booleancheckbox input{ width: initial !important;    margin-right: 7px;height: initial !important;}
.generic-form-container .hs-form .hs_submit input { width: auto !important; height: auto !important; background: #ff3e17; color: #fff; border: 0px; margin: 20px; padding: 5px 70px;  float: right; }
.generic-form-container .hs-form li.hs-form-radio  {display:inline-block;     margin: 10px 20px 0 0;}
.generic-form-container .hs-form .hs-richtext { font-size: 14px; line-height: 20px; color: #666; padding: 0px 20px 20px 20px;}
.generic-form-container .hs-form .legal-consent-container .hs-richtext {display:none}
.generic-form-container .hs-form .legal-consent-container .hs-richtext:first-child {display:block}

/* nuovi stili */
.generic-form-container .btn12 { display: none; }
.generic-form-container .hs-form .hs-form-field { margin-bottom: 15px !important;}
.generic-form-container .hs-form{ color: grey !important; }
.generic-form-container .hs-form .hs-richtext { padding: 0px 20px 10px 20px !important;}
.generic-form-container .legal-consent-container p, .generic-form-container span { font-size: 14px; line-height: 26px; margin-bottom: -1%;}
.generic-form-container .legal-consent-container ul { margin-bottom: -15px; }
.generic-form-container label.hs-error-msg { color: red !important; font-size: 15px !important; }
.generic-form-container label.hs-main-font-element {display: none;}
.generic-form-container .actions {    text-align: center;}
.generic-form-container .hs-form .hs_submit input {float:initial !important}
.generic-form-container .hs-form-field .hs-form-required {display: none;}
.generic-form-container .legal-consent-container .hs-form-booleancheckbox-display>span {    margin-left: 0px;}
.generic-form-container .hs-form input, .generic-form-container .hs-form select, .generic-form-container fieldset.form-columns-1 .hs-input {font-size:18px !important; color:#000;line-height: 30px !important;}
.generic-form-container .hs-form input::-webkit-input-placeholder, .generic-form-container .hs-form select::-webkit-input-placeholder, .generic-form-container fieldset.form-columns-1 .hs-input::-webkit-input-placeholder { font-size: 18px;color: #ccc !important;line-height: 30px !important;}
.generic-form-container .hs-form input::-moz-placeholder, .generic-form-container .hs-form select::-moz-placeholder, .generic-form-container fieldset.form-columns-1 .hs-input::-moz-placeholder { font-size: 18px; color: #ccc !important;line-height: 30px !important;}
.generic-form-container .hs-form input:-ms-input-placeholder , .generic-form-container .hs-form select:-ms-input-placeholder, .generic-form-container fieldset.form-columns-1 .hs-input:-ms-input-placeholder { font-size: 18px; color: #ccc !important;line-height: 30px !important;}
.generic-form-container .hs-form input:-moz-placeholder, .generic-form-container .hs-form select:-moz-placeholder, .generic-form-container fieldset.form-columns-1 .hs-input:-moz-placeholder { font-size: 18px; color: #ccc !important;line-height: 30px !important;}

/* /nuovi stili */

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + span,
[type="checkbox"]:not(:checked) + span
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #111111;
}
[type="checkbox"]:checked + span:before,
[type="checkbox"]:not(:checked) + span:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #666666;
    background: transparent;
}
[type="checkbox"]:checked + span:after,
[type="checkbox"]:not(:checked) + span:after
{
    content: '';
    width: 8px;
    height: 8px;
    border-radius:50%;
    background: #ff3e17;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + span:after
{
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + span:after
{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
[type="checkbox"]:disabled:checked + span:before,
[type="checkbox"]:disabled:not(:checked) + span:before
{
    border-color: #ccc;
    background-color: #eee;
}
[type="checkbox"]:disabled:checked + span:after
{
    background: #aaa;
}
.hs-form-booleancheckbox-display span.hs-form-required { position: absolute;}



.quote-container {background-color: #ff3e17; margin-bottom: 40px;}
.quote-container .blocco-laterale {position: relative;}
.quote-container .blocco-laterale::after {position: absolute; right: 35px;top: 10px;content: ''; background-image: url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/quote.svg'); width: 96px; height: 61px; background-size: cover;}
.quote-container blockquote {border: 0px; padding: 0px; color: #fff; font-size: 40px;margin: 0px; font-family:"Univers67Bold"; line-height: 48px;}

.casi-studio {background: #F1F1F1;border-top: solid 1px #ff3e17;}
.blocco-caso {margin-bottom: 30px;width: 100%; height: 0px; padding-bottom: 100%; position: relative; background-size: cover; background-position: center center; overflow: hidden;}
.blocco-caso h5,.blocco-caso h4,.blocco-caso h3,.blocco-caso h2,.blocco-caso p{color: #fff;margin: 0px;}
.blocco-caso h3, {font-size: 36px; line-height: 36px;}
.blocco-caso p{font-size: 14px; font-size: 14px; line-height: 19px; font-family: "Univers45";}
.blocco-caso .caso-preview {position: absolute; bottom: -176px; margin: 20px; background-color: rgba(77,77,77,0.77);width: calc(100% - 40px);height: 276px; }
.blocco-caso:hover .caso-preview {bottom: 0px; height: calc(100% - 40px);}
.blocco-caso-container {cursor: pointer;}
.blocco-caso-container.open {position: relative;}
.blocco-caso-container.open .caso-preview {opacity: 0; }
.blocco-caso-container.open::after { content: ''; height: 30px; background: #ff3e17; width: 100%; position: absolute; bottom: -30px;}
.caso-preview-cont {position: absolute; bottom: 0px; padding: 30px}
.caso-preview-cont .dettagli { padding: 30px 0 0 0}
/*.caso-preview-cont .dettagli img{ padding: 0 20px 10px 0; height: 88px}*/
/*
.caso-det {float: left; margin: 0 20px 13px 0; color: #fff;width: 75px; height: 75px; display: inline-block; border: 1px solid #fff; border-radius: 50%; text-align: center;}
.stanze span.numero{ font-size: 20px;line-height: 8px;margin-top: 25px;}
.stanze span.txt{font-size: 11px}
.spa span{font-size: 20px;line-height: 8px;margin-top: 33px;}
*/
.caso-det span{display: block;}
.caso-det { float: left; margin: 0 15px 39px 0; color: #fff; width: 58px; height: 58px; display: inline-block; border-radius: 50%; text-align: center;border: 1px solid #fff; border-radius: 50%; }
.ico img {width: auto; height: 100%; /*border-radius: 50%;*/ padding: 8px 9px 7px;}
.ico span {font-size: 8px; text-transform: uppercase;}

.scheda-blocco {display: none; /*top: -10px;*/}
/*.scheda-blocco:after { content: ''; display: block; clear: both;}*/
.scheda-caso .content { padding: 30px 8% 60px;}
.scheda-caso {border-top: 10px solid #ff3e17;  position: relative; margin: 0px 0px 60px; width: 100%; background: #fff; -webkit-box-shadow: 0px 5px 9px -3px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 9px -3px rgba(0,0,0,0.3);box-shadow: 0px 5px 9px -3px rgba(0,0,0,0.3);}
.scheda-caso h4 {font-size: 36px; line-height: 36px;    margin-top: 75px;}
.scheda-caso .intro h4 {font-size: 46px; line-height: 46px; color: #666666;     margin-top: 10px;}
.scheda-caso .intro .caso-det {color: #cbcbcb; border-color: #cbcbcb;}
.scheda-caso .intro p {font-size: 12px; line-height: 22px; color: #00b1ce; }
.scheda-caso p {margin-left: 0px !important; color: #666666}
.scheda-caso .caso-det { margin: 10px 15px 39px 0;width: 75px; height: 75px;}
.scheda-caso .ico span {font-size: 10px; text-transform: uppercase;}
.close-s {cursor: pointer;position: absolute;right: 8%;width: 32px;}
.close-s::after {content: ''; position: absolute;width: 32px; height: 32px; background-image: url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/close.svg'); background-size: cover;}

.menu-capitoli { position: fixed; z-index: 99; top: 10px; right: -320px; background: rgba(244,48,9,0.9); width: 320px;font-family: "Univers45"; padding: 15px 5px 20px 5px;}
.menu-capitoli.open { right: 0px; }
.menu-capitoli a {color:#fff; text-decoration:none}
.capitolo-btn {border-bottom: solid 1px rgba(255,255,255,0.5);margin: 15px;}
.cap-num {float:left; font-family: "Univers57"; font-size: 50px; line-height: 50px;}
.cap-tit {float:left;font-size: 12px; padding: 0 0 0 10px; max-width: 235px; line-height: initial; margin-top: 7px;}

/*
.btn12 { position: absolute; width: 60px; height: 60px; top: 0px; left: -70px; background: rgba(244,48,9,0.9); transition-duration: 0.5s;}
.btn12 .icon { transition-duration: 0.5s; position: absolute; height: 2px; width: 30px; top: 30px; left:15px; background-color: #fff;}
*/
.btn12 { position: fixed; width: 60px; height: 60px; top: 10px; right: 10px; background: rgba(244,48,9,0.9); transition-duration: .5s; width: 122px; z-index: 9999;}
.btn12 .icon { transition-duration: .5s; position: absolute; height: 2px; width: 30px; top: 30px; right: 15px; background-color: #fff;}
.btn12.open { background: rgba(244,48,9,0);}

.btn12 .icon:before { transition-duration: 0.5s; position: absolute; width: 30px; height: 2px; background-color: #fff; content: ""; top: -10px; }
.btn12 .icon:after { transition-duration: 0.5s; position: absolute; width: 30px; height: 2px; background-color: #fff; content: ""; top: 10px;}
.btn12.open .icon {  transition-duration: 0.5s;  background: transparent;}
.btn12.open .icon:before {  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);          transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);}
.btn12.open .icon:after {  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);          transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);}
.btn12:hover {cursor: pointer;}

footer {background: #4D4D4D; padding-top:60px; padding-bottom:30px; font-size:12px; color:#fff; line-height:17px}
footer a, footer h5 {color:#fff; }
footer a:hover {color:rgba(255,255,255,0.5); text-decoration:none }
footer h5 {font-weight: 700;letter-spacing: 3px;margin-bottom:10px}
footer ul {padding: 0px; list-style: none;}
footer ul li {padding: 5px 0px; }
footer .row > div {margin-top:15px; margin-bottom:15px;}
.foot-logo .svg path {fill: #fff;}
.foot-logo .svg polygon {fill: #fff;}
.foot-logo .svg rect {fill: #fff;}
.foot-logo .svg {width:196px;}
footer .row .b-left { border-top: 1px solid #666666; margin-top: 20px; padding-top: 25px;}
footer p { font-size:12px; color:#fff; line-height:17px; margin:0px;}
footer p.contatti { font-size:13px; color:#fff; line-height:45px}
footer .hs_email .hs-form-required {display:none}
footer form {position:relative;}
footer form .hs-richtext { color: #ccc; padding-top: 20px;}
footer form, footer form p {    font-size: 10px; line-height: 14px; margin-top: 10px;}
footer form [type="checkbox"]:checked + span, footer form [type="checkbox"]:not(:checked) + span {    font-size: 10px; line-height: 14px; margin-top: 10px; color:#ccc}
footer form .hs-form-booleancheckbox-display span.hs-form-required { position: absolute; color: #ccc;}
footer form ul {margin-bottom:0px}
footer form .hs_email > label, footer form .hs_error_rollup {display: none;}
footer form .hs_email input {background: #727176; color: #fff; border: 0px; font-size: 14px;    padding: 2px 5px;width:85%; height: 25px;}
footer form .hs_email input::placeholder {color:rgba(255,255,255,0.5)}
footer form .actions input { position: absolute; top: 0px; right: 0px; background: #ff3e17; border: 0px; height: 25px;width: 15%; background-repeat:no-repeat; background-size:17px 13px; background-image:url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/busta.svg'); background-position:center center; color: transparent;}
footer form .hs-fieldtype-booleancheckbox label, footer form .hs-fieldtype-booleancheckbox li {margin-bottom:0px; padding-bottom:0px;}
footer form .hs-richtext { color: #ccc; padding-top: 20px;}
footer form .legal-consent-container .hs-richtext {display:none}
footer form .legal-consent-container .hs-richtext:first-child {display:block}
footer form .hs-fieldtype-booleancheckbox label { position: relative;}
footer form .legal-consent-container .hs-form-booleancheckbox-display span { margin-left: 0px !important;}
footer form .hs-form-booleancheckbox-display span.hs-form-required{position: absolute;top: 4px; right: -10px;}
footer .contatti li {background-repeat:no-repeat; background-position:left 5px; padding-left: 27px;}
footer .f-cap-num {float: left;}
footer .f-cap-tit {padding-left: 23px;}
.foot-phone { background-size:17px 17px; background-image:url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/telefono.svg'); }
.foot-mail {background-size:17px 13px; background-image:url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/busta.svg'); }
.foot-pin {background-size:12px 17px; background-image:url('https://4948521.fs1.hubspotusercontent-na1.net/hubfs/4948521/pillar%20page%20-%20template%20files/pin.svg'); }
@media (max-width: 992px){
  footer form .actions input, footer form .hs_email input {height:40px;}
}

.grey-bg {background-color:#F7F7F7;}
.grey-bg .capitolo-numero.ncap { background-color: rgba(228, 53, 18, 0.8);}

/*****************************************/
/* Progress bar code    */
/*****************************************/
*, *::after, *::before { box-sizing: border-box;}
progress { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: .25em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent;  color: #ff3e17;}
progress::-webkit-progress-bar { background-color: transparent;}
.flat::-webkit-progress-value { background-color: #ff3e17;}
.flat::-moz-progress-bar { background-color: #ff3e17;}
.single::-webkit-progress-value { background-color: transparent; background-image: -webkit-linear-gradient(left, transparent, #ff3e17);}
.single::-moz-progress-bar { background-color: transparent; background-image: -moz-linear-gradient(left, transparent, #ff3e17);}
.multiple::-webkit-progress-value { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(left, orange, #ff3e17);}
.multiple::-moz-progress-bar { background-image: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -moz-linear-gradient(left, orange, #ff3e17);}
.progress-container { width: 100%; background-color: transparent; position: fixed; top: 0; left: 0; height: .25em; display: block;}
.progress-bar { background-color: #ff3e17; width: 50%; display: block;height: inherit;}



.blog-hp header {max-height: 60px; margin-bottom: 0px; background: rgba(244,48,9,0.9);position: fixed;width: 100%;z-index: 99;top: 0px;}
.blog-hp .navbar-brand { position: fixed; z-index: 9999; top: 12px; width: 158px;}
.blog-hp .navbar-brand .svg path {fill: #fff;}
.blog-hp .navbar-brand .svg polygon {fill: #fff;}
.blog-hp .navbar-brand .svg rect {fill: #fff;}
.blog-hp .hs_cos_wrapper footer {display:none}
.blog-hp .primo-blocco .blocco-testo { margin: 20px;}
.blog-hp .col-lg-2 { width: 8.33333333%;}
.blog-hp .capitolo-numero {display: none;}

@media (min-width: 1670px) { .container { max-width: 1640px; width: 100%; } }
@media (min-width: 1200px) {
  .container { width: 100%;}
  .img-container.title-bottom-align {display: table;position: relative;}
  .img-container.title-bottom-align .row{display: table-row; position: relative;}
  .img-container.title-bottom-align .blocco-laterale{display: table-cell; position: absolute;height: 100%;}
  .img-container.title-bottom-align .blocco-testo{display: table-cell;margin-left: 25%;/*padding-left: 0px;*/}
  .img-container.title-bottom-align .side-cont {position: absolute; bottom: 0px}
  .img-container.title-bottom-align .side-title::after {width: 102%;}
  .capitolo-numero.blocco-after:after { content: ''; height: 0px; background-color: #ff3e17; padding-bottom: 100%; position: absolute; width: 100%; top: 100%;}
  .blocco-after-section {border-bottom: 1px solid #ff3e17;}
}
@media (min-width: 992px) {
  .container { width: 100%;} 
  footer .row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 auto; -webkit-flex-flow: row wrap; align-content: flex-start; flex: 0;}
  footer .row .b-left { border-left: 1px solid #666666;border-top: 0px;}
  .flex-center{display: flex; justify-content: center;flex-direction: column;}
  footer .contatti li {padding-bottom: 32px;}

}
@media (min-width: 768px) { .container { width: 100%;} }
@media (max-width: 1570px) {
  .blocco-laterale p {font-size: 12px; line-height: 16px;}
  .img-container .side-title h3 { padding-top: 30px;  font-size: 21px;}
  .side-text { padding-right: 2%;}
}
@media (max-width: 1400px) {
  .capitolo-numero span {font-size: 60px;line-height: 60px;}
}
@media (max-width: 1200px){
  .capitolo-numero { height: 35px; padding-bottom: 0px;  position: absolute;  width: 65px; right: -15px;  top: 27px;}
  .primo-blocco .capitolo-numero { top: 57px;}
  .capitolo-numero span { font-size: 30px; line-height: 16px; left: 10px;}
  .titolo-sezione {    border-left: solid 1px #ff3e17; padding: 30px 0 0 30px; margin-top: -40px;}
  .spacer {margin-bottom: 39px;}
  .primo-blocco .blocco-testo { margin-top: 39px;}
  .titolo-sezione h2 { margin-bottom: 0px;  padding-right: 50px;}
  p { margin: 0 0 15px 30px;}
  .form-container p { margin: 0 0 15px 0px;}
  .numero-after, .numero-before {display: none}
  .side-title { padding-right: 45px;}
  .text-container .side-title {margin: 0 0 30px 30px;}
  .text-container .side-title h3::after {  right: 15px;}
  .text-container .side-title::after { content: '';width: calc(100% - 60px);}
  .img-container img {width: 100%}
  .img-container, .img-container .blocco-testo,.img-container .blocco-testo p {padding: 0px; margin-left: 0px}
  .img-container .side-title::after { display: none;}
  .img-container .side-title h3 {margin: 0 0 0 15px;  border-left: 1px solid #ff3e17; padding-left: 30px;}
  .blocco-laterale p { margin: 0 0 15px 45px;}
  .blocco-laterale p:first-of-type {margin-top: 15px;}
  .casi-studio {    margin-top: 30px;}
  .quote-space {display: none;}
  .quote-container .blocco-laterale::after {display: none;}
  .quote-container .row {min-height: 30px}
  .quote-container blockquote {font-size: 26px;margin: 0px;line-height: 32px; padding-left: 30px;}
}

@media (max-width: 900px){
  /*.caso-det {margin: 0 10px 10px 0; color: #fff;width: 66px; height: 65px; display: inline-block; border: 1px solid #fff; border-radius: 50%; text-align: center;}
  .stanze span.numero{ margin-top: 21px;}
  .spa span{margin-top: 26px;}
  */
}
@media (max-width: 992px){
  .header-title h1 {font-size: 46px; line-height: 56px;}
}
@media (max-width: 768px){
  body, p { font-size: 16px; line-height: 24px}
  h2 {font-size: 30px;}
  h3 {font-size: 20px;}
  h4 {font-size: 16px;}
  h5 {font-size: 14px;}
  h6 {font-size: 12px;}
  .row {min-height: 30px;max-width: 100%; margin: 0px;}
  .quote-container { margin-bottom: 0px;}
  .quote-container blockquote {font-size: 20px;margin: 0px;line-height: 29px; padding-left: 30px;}
  .capitolo-numero { top: 24px;}
  .primo-blocco .capitolo-numero { top: 60px;}
  .header-title { top: 55px !important; /* position:fixed;*/}
  /*.header-title.sblocca {position:absolute}*/
  .header-title h1 {font-size: 40px; line-height: 39px;}
  .header-title h1 div {font-size: 26px; line-height: 26px; padding-top: 10px;}
  .header-cta { position: fixed; bottom: 0px; top: initial; left: 0px; background-color: rgba(244,48,9,1); width: 100%; height: 55px; background-position: 30px 12px;}
  .header-cta p {padding-left: 73px; width: 230px; bottom: -1px;}
  .btn12 { top: 0px; right: 0px; width: 100%;    z-index: 9;}
  .btn12.open { background: rgba(244,48,9,0.9);}
  .menu-capitoli {    top: 60px; }
  .menu-capitoli.open {    width: 100%; overflow: auto; max-height: calc(100vh - 60px);}
  .navbar-brand { position: fixed; z-index: 9999; top: 12px; width: 158px;}
  .navbar-brand .svg path {fill: #fff;}
  .navbar-brand .svg polygon {fill: #fff;}
  .navbar-brand .svg rect {fill: #fff;}
  footer { padding-bottom: 65px;}
  .blocco-laterale p {    margin: 0 0 15px 15px;}
  .casi-studio .col-sm-6 {display: flow-root;}
/*
}
@media (max-width: 480px){
*/
  .blocco-caso .caso-preview .dettagli {display:none}
  .caso-preview-cont {
      position: absolute;
      bottom: 0px;
      padding: 20px 30px;
      background-color: #ff3e17;
      width: 100%;
  }
    .blocco-caso .caso-preview {
      position: absolute;
      bottom: 0px;
      margin: 0px;
      background-color: transparent;
      width: 100%;
      height: auto;
  }
  .close-s {width: 9px; top: 16px;}
  .close-s::after {  width: 25px; height: 25px;}
}
}