/* @import url('http://example.com/example_style.css'); */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');






/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Border Radius  */


/* Box Shadow  */


/* Transition  */


/* Transform  */


*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

html { overflow-x:hidden }

body { margin:0; padding:0; font-family:'freight-sans-pro', sans-serif; font-size:18px; line-height:27px; color:#707070; background:#fff; overflow-x:hidden }

img { border:0; vertical-align: top; height:auto; max-width:100%; }

hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; } 

.clear { clear:both }

p { padding:15px 0; margin:0; }

.payoff h1 {    font-family: 'Source Sans Pro',sans-serif;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    font-weight: 400;}

h1 { margin:0; padding:15px 0; font-size:67px; line-height:74px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both }
body.hs-blog-post h1 {color:#333; font-size:56px; line-height:1.2; font-weight:800;padding-top:70px;}
h2 { margin:0; padding:10px 0; font-size:30px; line-height:44px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both; }
body.hs-blog-post h2 {color:#0229FE; font-size:42px; font-weight:700;padding:20px 0 20px!important;}
body.hs-blog-post h3 {font-size:36px; font-weight:700;padding:20px 0 20px!important;}
h3 { margin:0; padding:10px 0; font-size:30px; line-height:38px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both }
h4 { margin:0; padding:10px 0; font-size:28px; line-height:34px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both }
h5 { margin:0; padding:10px 0; font-size:24px; line-height:30px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both; }
h6 { margin:0; padding:10px 0; font-size:22px; line-height:26px; color:#333; font-family:'freight-sans-pro', sans-serif; font-weight:700; clear:both }


a { text-decoration:none; outline:none; color:#0229FE; -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out;
    transition: all  0.4s ease-in-out;; }
a:hover { color:#272A5F; }

form { font-family:'freight-sans-pro', sans-serif; color:#141930; font-size:17px; line-height:28px; }  
input , button , textarea, select , input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { padding:0 20px; font-size:17px; line-height:24px; border:1px solid #D5D5D5; background:#fff; height:41px; font-family:'freight-sans-pro', sans-serif; width:100%; outline:none; color:#141930; }
input[type=checkbox] , input[type=radio] { width:auto; height:auto; } 
textarea { padding:15px 20px; height:100px; }
input[type=submit] , button { width:auto; height:auto; border:none; cursor:pointer; background:url(https://8853786.fs1.hubspotusercontent-na1.net/hubfs/8853786/dimensione_udire_2021/image/blank.webp) no-repeat left top #272A5F; font-size:19px; line-height:26px; font-weight:700; padding:11px 30px; color:#fff; border:1px solid #272A5F; display:inline-block; -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out;
    transition: all  0.4s ease-in-out;; }
input[type=submit]:hover , button:hover { background-color:#00658b; }

.header-container-wrapper {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

body.landing-page ..header-container-wrapper {position:absolute;}
 
.header-container {
    padding:  0;
    background: rgb(255,255,255,0.75);
    z-index: 9999;
}
.body-container-wrapper {padding-top:120px;}
body.landing-page .header-container-wrapper {position:absolute;}
body.landing-page .header-container {background: transparent;}
body.landing-page .body-container-wrapper {padding-top:0px;}

.hs_error_rollup { display:none; }
.hs-error-msgs { font-size:14px; line-height:20px; color:red; } 
ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding:0 0 15px; }`
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
.row-fluid .hs-form fieldset input[type="checkbox"], .row-fluid  .hs-form fieldset input[type="radio"] { width:auto !important; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#333; background:#3333;  border-radius:100%; }

@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  
}

.row-fluid a.cta_button { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

.row-fluid [class*="span"] { min-height:1px; }
.header-container-wrapper .row-fluid [class*="span"] { min-height:0; }

.row-fluid .bgimg_main , .row-fluid .imgset , .set_bg { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.set_bg_post { background-size:contain; background-repeat:no-repeat; background-position:10px center; }
.row-fluid .bg_img { display:none; }

.fl100 { width:100%; float:left; }     
.row-fluid .imgset img { display:none; }

.row-fluid .link_style { font-size:17px; line-height:26px; font-weight:700; }  
.row-fluid .link_style a { color:#0229FE; font-size:20px; font-weight: 800;}
/*.row-fluid .link_style a:after { content:"\f101"; margin-left:12px; font-size: 22px; font-family:'fontAwesome'; display:inline-block; vertical-align:middle; position:relative; left:0; -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out;
    transition: all  0.4s ease-in-out;; }
.row-fluid .link_style a:hover:after { left:5px; }*/

.row-fluid .btn_style a , .row-fluid a.btn_style { padding:17px 25px; font-size:26px; line-height:40px; color:#fff; background:#575755; display:inline-block; text-transform:uppercase; font-family:'freight-sans-pro', sans-serif; font-weight:600; } 
.row-fluid .btn_style a:hover , .row-fluid a.btn_style:hover { background:#0229FE; }

/*Text Option*/
.row-fluid .text_center { text-align:center; } 
.row-fluid .text_left { text-align:left; }
.row-fluid .text_right { text-align:right; }
.row-fluid .text_white , .row-fluid .text_white h1 , .row-fluid .text_white h2 , .row-fluid .text_white h3 , .row-fluid .text_white h4 , .row-fluid .text_white h5 , .row-fluid .text_white h6 { color:#fff; }
.row-fluid .text_italic { font-style:italic; }

.row-fluid .wrapper { margin:0 auto !important; width:1140px; float:none; } 
.row-fluid .wrapper_post_head { margin:0 auto !important; width:760px; float:none; padding: 0 15px;} 
.row-fluid .top { padding:30px 0; }
.row-fluid .top .logo { width:322px; }
.row-fluid .top .logo img { max-height:60px; }
.row-fluid .top .icon { margin:19px 0 0; width:auto; display:inline-block; float:right; }  

body.tech .row-fluid .hero_blog  { background:url('https://9338457.fs1.hubspotusercontent-na1.net/hubfs/9338457/blog/template/Img_Header%20Blog%20TEC.png') no-repeat; background-position:center center; background-size:cover; min-height:400px; }     
body.comunica .row-fluid .hero_blog  { background:url('https://9338457.fs1.hubspotusercontent-na1.net/hubfs/9338457/blog/template/Img_Header%20Blog%20X.png') no-repeat; background-position:center center; background-size:cover; min-height:400px; }     

.row-fluid .hero_blog .text { padding:135px 0; min-height:auto; text-align:center; align-items: center; }
.row-fluid .hero_blog h1 { color:#fff; }
.row-fluid .hero_blog .icon { margin-top:20px; width:200px; }  
.row-fluid .hero_blog .right { margin:0; width:480px; position:relative; z-index:1; } 
.row-fluid .hero_blog .image { margin:0; width:100%; height:480px; -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;; position:relative; top:-100px; }



.row-fluid .post_item { margin:0 -2px; padding:50px 16px; width:33.33%; display:inline-block; vertical-align:top; } 
.row-fluid .post_item .inner { }
.row-fluid .post_item .image { height:183px; border-radius:5px;}
.row-fluid .post_item .text { }
.row-fluid .post_item.first .text .date-row {position: relative; top: 30px;}
.row-fluid .post_item .text .date-row {position: relative; top: 20px;}
.row-fluid .post_item .text .date { font-size: 16px; line-height: 21px; color: #767676; font-weight: 300; }
.row-fluid .post_item .text .date span {color:#333333; }
.row-fluid .post_item .text .date a { color:#767676; }
.row-fluid .post_item .text .date a:hover { color:#0229FE; }
.row-fluid .post_item.first .text h2 { font-size:28px; line-height:32px; color:#333333; font-weight:800;}  
.row-fluid .post_item .text h2 { font-size:26px; line-height:32px; color:#333333; font-weight:800;}    
.row-fluid .post_item .text h2 a { color:#333333; }
.row-fluid .post_item .text h2 a:hover { color:#0229FE; } 
.row-fluid .post_item .text .content {color:#737373; font-size: 18px; font-weight:400; line-height:1.3}
.row-fluid .post_item .link_style { margin-top:20px; } 

.row-fluid .posting_blog ol li::marker {font-size: 20px!important;}

.row-fluid .blog_section .pagination  { margin-top:20px; }
.row-fluid .pagination ul { margin:0; padding:0; list-style-type:none; } 
.row-fluid .pagination ul li { margin:0; padding:4px; display:inline-block; } 
.row-fluid .pagination ul li a { width:37px; height:43px; font-size:16px; line-height:43px; text-align:center; display:inline-block; background:#D9D9D9; color:#fff; }    
.row-fluid .pagination ul li a:hover , .row-fluid .pagination ul li.active a { background:#0229FE; }

.row-fluid .footer { padding:50px 0 45px; background:#0229FE; font-size:15px; line-height:22px; color: #fff; margin-top:50px;} 
.row-fluid .ft_logo { max-width:221px; padding:30px 0;}
.row-fluid .ft_box h3 { padding:0; font-size:26px; line-height:34px; font-weight:900; color: #fff;}
.row-fluid .ft_box a { color:#fff; text-decoration:underline; }
.row-fluid .ft_box a:hover { color:#434343; }
.row-fluid .ft_box.middle {padding: 0 100px 0 80px;}
.row-fluid .social_icon span { font-size:17px; line-height:21px; color:#575755; font-weight:600; display:block; margin-bottom:30px; color:#fff;}
.row-fluid .social_icon ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .social_icon ul li { margin:0; padding:4px; display:inline-block; }
.row-fluid .social_icon ul li a { width:35px; height:35px; line-height:32px; color:#fff; -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;; display:inline-block; text-align:center; border: 1px solid #fff;}
.row-fluid .social_icon ul li a:hover { background:#434343; color:#fff; }

.row-fluid .footer .social_icon span {font-size:22px; font-weight:800; }
.row-fluid .footer .social_icon ul { display:inline-block; }
.row-fluid .copyright .wrapper {border-top: 1px solid rgb(255,255,255,0.5); padding:40px 0;}
.row-fluid .copyright { padding:15px 0; font-size:16px; color:#f4f4f4; font-size:16px; line-height:23px; background:#0229FE; font-weight:300;} 
.row-fluid .copyright a { color:#575755; text-decoration:underline; }
.row-fluid .copyright a:hover { color:#0229FE; }

.row-fluid .post_first { margin:70px 0 40px; }

.row-fluid .post_item.first { padding:0 16px;; width:100%; }
.row-fluid .post_item.first .image { height:294px; border-radius: 5px}
.row-fluid .blog_subscription { padding:40px 38px; background:#6EC0BD; color:#fff; font-size:15px; line-height:22px; }
.row-fluid .blog_subscription h4 { font-size:26px; line-height:34px; color:#fff; text-transform:uppercase; text-align:center; }
.row-fluid .blog_subscription h3.form-title { padding:20px 0 40px; font-size:45px; line-height:52px; font-weight:300; color:#fff; text-align:center; }
.row-fluid .blog_subscription form .hs-input { height:60px; }
.row-fluid .blog_subscription .hs-richtext { padding:8px 0 25px; }
.row-fluid .blog_subscription .hs-button { padding:19px 35px; width:100%; font-size:26px; line-height:34px; color:#fff; background-color:#575755; border-color:#575755; }
.row-fluid .blog_subscription .hs-button:hover { background:#0229FE; border-color:#0229FE; }


.row-fluid .linsing_hero .left { background:#EBEBEB; color:#333; min-height:460px; display: flex;  }
.row-fluid .linsing_hero .left .inner {  } 
.row-fluid .linsing_hero .left .date { font-size:14px; line-height:20px; text-transform:uppercase; }
.row-fluid .linsing_hero .left .date a { color:#fff; }

.row-fluid .linsing_hero .image { width:50%; float:left; border-radius: 5px}


.hs-blog-post .row-fluid .blog_section .wrapper { padding:0 15px; width:100%; max-width:760px; }
.lp-blog-fake.wrapper {padding:0 15px; width:100%; max-width:760px;}
.row-fluid .posting_blog .post-body { position:relative; }
.row-fluid .posting_blog .post-body .homeback { width:200px; position:absolute; top:15px; left:-200px; font-size:16px; line-height:24px; font-weight:600; }
.row-fluid .posting_blog .post-body .homeback a { color:#272A5F; }
.row-fluid .posting_blog .post-body .homeback a:before { content:"\f100"; margin-right:12px; font-size: 22px; font-family:'fontAwesome'; display:inline-block; vertical-align:top; position:relative; right:0; -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out;
    transition: all  0.4s ease-in-out;; font-weight:400; }
.row-fluid .posting_blog .post-body .homeback a:hover:before { right:5px; }
.row-fluid .posting_blog { padding:0 0 50px; font-size: 20px; color: #737373; font-weight: 400; line-height: 1.3; margin-top:-130px;}
.row-fluid .posting_blog h2 { font-size:30px; line-height:34px; margin-top:20px;}
.row-fluid .posting_blog h3 { font-size:24px; line-height:30px; color:#737373; margin-top:15px; font-weight:700; line-height: 1.3;}
.row-fluid .posting_blog h4 { font-size:29px; line-height:30px; color:#737373; font-weight:700; line-height: 1.3;}
.row-fluid .posting_blog .post-body ul { margin:0; padding:0 0 0 15px!important; list-style-type:none; }
.row-fluid .posting_blog .post-body ul li { margin:12px 0; padding:0 0 0 40px; display:inline-block; width:95%; position:relative; }
.row-fluid .posting_blog .post-body ul li:before { content:''; width:12px; height:12px; background:#000000; position:absolute; top:15px; left:0; border-radius:12px; }
.row-fluid .posting_blog .post-body blockquote {font-size:40px; color: #b1b1b1; font-weight:300;}
.wrapper_post_head .social-icons {text-align:right;}
 .share_listing ul li a { color:#8f8f8f; display:inline-block; text-align:center; }
 .share_listing ul li a:hover {color: #0229FE;}
.row-fluid .share_listing { margin:20px 0 10px; }
.row-fluid .share_listing span { margin-right:5px; font-size:17px; line-height:21px; color:#575755; font-weight:600; display:inline-block; }
.row-fluid .share_listing ul { margin:0; padding:0; list-style-type:none; display: inline-block; }
.row-fluid .share_listing ul li { margin:0; padding:4px; display:inline-block; }
.row-fluid .share_listing ul li a { color:#8f8f8f; display:inline-block; text-align:center; }
.row-fluid .share_listing ul li a:hover { color:#0229FE;}
.row-fluid .posting_blog .topic { padding:10px 0; font-weight: 500; }
.row-fluid .posting_blog .topic a { text-decoration:underline; }

.section.post-body.blog-fake:after {
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),to(#fff));
    background-image: linear-gradient(180deg,rgba(255,255,255,0.5) 0,#fff 100%);
    height: 21%;
}

.section.post-body.blog-fake:after {
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

.row-fluid .author_post { padding:30px 0 0; display:flex; max-width: 720px; width: 100%; font-size: 16px; } 
.row-fluid .author_post .image { width:82px; height:82px; border-radius:100px; overflow:hidden; }
.row-fluid .author_post .right { margin:0; padding:0 0 0 20px; width:calc(100% - 82px); }
.row-fluid .author_post .right h3 { padding:0; font-size:23px; line-height:30px; color:#434343; } 
.row-fluid .author_post .right h3 a { color:#434343; }
.row-fluid .author_post .right ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .author_post .right ul li { margin:0; padding:4px; display:inline-block; }
.row-fluid .author_post .right ul li a { color:#0229FE; display:inline-block; text-align:center; }

.row-fluid .blog_comments { padding:50px 0 0; border-top:1px solid #4A494A; }  
.row-fluid .blog_comments h3 { font-size:27px; line-height:34px; font-weight:500; }

.row-fluid .stay_form { padding:45px 0; background:#6EC0BD; color:#fff; font-size:14px; line-height:24px; }
.row-fluid .stay_form .wrapper { padding:0 15px; width:100%; max-width:890px; }
.row-fluid .stay_form .form .hs_cos_wrapper_type_form { display:flex; }
.row-fluid .stay_form .form-title { padding:0; width:360px; font-size:45px; line-height:52px; font-weight:300; color:#fff; display:inline-block; }
.row-fluid .stay_form .form-title + div { width:calc(100% - 360px); display:inline-block; }  
.row-fluid .stay_form form { margin-top:10px; padding:0 0 0 35px; position:relative; }
.row-fluid .stay_form form .hs_submit { position:absolute; top:0; right:0; }   
.row-fluid .stay_form form .hs_submit .hs-button { padding:6px 30px 7px; background:#575755; border-color:#575755; }
.row-fluid .stay_form form .hs_submit .hs-button:hover { background:#0229FE; border-color:#0229FE; }
.row-fluid .stay_form .hs-richtext { font-weight:600; }

.row-fluid .authorpost.author_post { margin:0 0 60px; padding:50px; background: #f9f9f9; max-width:100%; } 
.row-fluid .authorpost.author_post .right h3 { padding:0 0 15px; } 

.row-fluid .related_post { padding:80px 0 120px; }
.row-fluid .related_post h2.title { padding:0 0 20px; font-size:34px; line-height:48px; font-weight:400; color:#0229FE; text-align:center; text-transform:uppercase; }
.row-fluid .related_post h2.title:after { content:"\f103"; font-family:'fontAwesome'; display:block; }
.row-fluid .related_post .post_item { padding:8px; }

.row-fluid .category_cover { padding:50px 0 100px; border-top:1px solid #cecece; text-align:center; }
.row-fluid .category_cover h2.title { font-size:34px; line-height:42px; color:#272A5F; text-transform:uppercase; font-weight:400; text-align:center; }
.row-fluid .category_main { margin-top:50px; }
.row-fluid .categorybox { margin:0 -2px; padding:8px; width:33.33%; display:inline-block; vertical-align:top; text-align:left; } 
.row-fluid .categorybox .inner { padding:19px 30px; border:1px solid #DDDDDD; border-left:15px solid #6EC0BD; font-size:22px; line-height:32px; font-weight:700; font-family:'freight-sans-pro', sans-serif; }

.row-fluid .hero_lp .left { padding:70px 50px; width:50%; float:left; background:#0229FE; color:#fff; min-height:344px; display: flex; align-items: center; }
.row-fluid .hero_lp .left .inner { max-width:500px; } 
.row-fluid .hero_lp .left .sub { font-size:14px; line-height:20px; text-transform:uppercase; }
.row-fluid .hero_lp .left h1 { font-size:38px; line-height:45px; font-weight:400; color:#fff; }
.row-fluid .hero_lp .image { width:50%; float:left; border-left:10px solid #fff; }

.row-fluid .convallis_section { padding:50px 0 140px; } 
.row-fluid .convallis_left h2 { font-weight:400; color:#272A5F; }
.row-fluid .convallis_left h3 { font-weight:400; color:#0229FE; }
.row-fluid .convallis_left ul { margin:20px 0 0; padding:0; list-style-type:none; }
.row-fluid .convallis_left ul li { margin:14px 0; padding:0 0 0 40px; list-style-type:none; display:inline-block; width:100%; position:relative; }
.row-fluid .convallis_left ul li:before { content:''; width:20px; height:15px; background:url('https://8853786.fs1.hubspotusercontent-na1.net/hubfs/8853786/dimensione_udire_2021/image/checked.png') no-repeat; background-size:20px; position:absolute; top:8px; left:0; }

.row-fluid .convallis_form { padding:40px 38px; background:#6EC0BD; color:#fff; font-size:15px; line-height:22px; }
.row-fluid .convallis_form h3 { font-size:26px; line-height:34px; color:#fff; text-transform:uppercase; text-align:center; }
.row-fluid .convallis_form form { color:#fff; font-size:15px; line-height:22px; }
.row-fluid .convallis_form form .hs-input { height:60px; }
.row-fluid .convallis_form .hs-richtext { padding:0 0 15px; }
.row-fluid .convallis_form .hs-button { padding:19px 35px; width:100%; font-size:26px; line-height:34px; color:#fff; background-color:#575755; border-color:#575755; }
.row-fluid .convallis_form .hs-button:hover { background:#0229FE; border-color:#0229FE; }

.row-fluid .request_section { padding:60px 0 95px; }
.row-fluid .request_section .btn_style { margin-top:60px; }
.row-fluid .request_section .inner { margin:0 auto !important; width:100%; max-width:1080px; float:none; }

.legal-consent-container p, .legal-consent-container span {padding:0px; font-size: 13px; line-height: 15px;}
.legal-consent-container .hs-richtext {padding-bottom:5px!important;}
.legal-consent-container .hs-form-field {padding-bottom:5px!important;}
.legal-consent-container .hs-form-booleancheckbox {padding-bottom:0px!important;font-size: 13px; line-height: 15px;}

body.landing-page .wrapper_lp_head {background-size: cover!important; padding: 260px 0 160px 0;}
body.landing-page.tp .wrapper_lp_head {background-size: cover!important; padding: 260px 0 260px 0;}
/* update-20250408 */
body.landing-page .wrapper_lp_head h1, body.landing-page .wrapper_lp_head h2, body.landing-page .wrapper_lp_head h3 {color: #fff; font-weight:900;}
body.landing-page .wrapper_lp_head h2, body.landing-page .wrapper_lp_head h3 {font-size: 29px !important;  line-height:1.2em !important; }
body.landing-page .wrapper_lp_head h1 {font-size: 48px !important; line-height:1.2em;}
body.landing-page .main-text {padding: 90px 50px 90px 0;
    font-size: 30px;
    line-height: 40px;}
body.landing-page .form h3 {font-size: 30px; color: #0229FE; font-weight:900;text-align:center;padding-bottom:40px;}
body.landing-page .form {
    padding: 40px 50px;
    border-radius: 5px;
  -webkit-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
  position: relative;
    margin-top: -335px;
    background: #fff;
}
body.landing-page.tp .main-text {margin-top:-185px; position:relative; background:#fff; padding:5px 5px 80px 5px; border-radius:5px;}
body.landing-page.tp h2 {font-size:40px; font-weight:900;padding:20px 0;}
body.landing-page.tp .form {
    padding: 40px 50px;
    border-radius: 5px;
  -webkit-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 52px rgba(0, 0, 0, 0.25);
    background: #fff;
  margin-top:0px;
  margin-bottom:120px;
}
body.landing-page label {font-size: 21px;
    color: #737373;}

body.landing-page a.hs-button.large.primary {background: #0229FE; color: #fff; font-size: 22px; font-weight: 900; text-align: center; padding: 16px 50px;
    border-radius: 5px;
    display: block; border: 2px solid #0229FE;}

body.landing-page .bg-grey {background-color:#EBEBEB;padding:80px 0;}
body.landing-page .relatori .box {text-align:center; padding:40px;}
body.landing-page .relatori h3 {font-size: 40px; font-weight:900;padding-bottom:60px;}
body.landing-page .relatori .box.guest {background-color:#fff;}
body.landing-page .relatori .box h4 {font-size: 26px; font-weight:900;}

body.landing-page .contenuti {padding:80px 0;}

body.landing-page a.link-button {
    background: #0229fe;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    padding: 16px 150px;
    border-radius: 5px;
    border: 2px solid #0229FE;}

body.landing-page .legal-consent-container p {color:#737373!important;}

input[type=submit], button {background: #0229FE; color: #fff; font-size: 22px; font-weight: 900; text-align: center; padding: 16px 10px;
    border-radius: 5px; display: block; border: 2px solid #0229FE; margin-top:20px; width:100%;}

input[type=submit]:hover, button:hover, body.landing-page a.link-button:hover, body.landing-page a.hs-button.large.primary:hover {background: #fff; color: #0229FE; border: 2px solid #0229FE;}

/* ==========================================================================


   3. MAIN NAVIGATION                                            


   ========================================================================== */





/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */
ul.unstyled, ol.unstyled {
    list-style: none;
    margin: 0;
    padding: 0;
}


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
    background:;
    padding-top: 10px;
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
    background:#000
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 10px;
    position: relative;
    color: ;
    display: block;
    font-weight:500!important;
    border-top:2px solid transparent;
      
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:#0229FE;
    border-top:2px solid #04509e;
    text-decoration:none;
    font-weight:500!important;
   
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    left: 15px!important;
    background: #fff;
    padding: 10px 0px;
    border: 1px solid ;
    border-radius: ;
    min-width: 150px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: ;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    padding-left: 10px;
    text-shadow: 0px -1px 0px #ccc;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:#000;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:#000;
    padding: 3px 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #FFF;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;
}

/* Carret after Menu items with dropdown */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 7px;
    font-size: 13px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
    border-top-color: ;
}

/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:769px) {
  .custom-menu-primary .hs-menu-wrapper { 
      display:block !important;
      background: transparent !important;
  }
}

/* Force header to trigger mobile layout on iPads */
@media (max-width: 768px){
  
  /* Paddings */
.padding10tb { padding: 10px 0px; }
.padding20tb { padding: 20px 0px; }
.padding40tb { padding: 20px 0px; }
.padding60tb { padding: 30px 0px; }
.padding80tb { padding: 40px 0px; }
.padding100tb { padding: 50px 0px; }
  .header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
}



/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none !important; /* Hide button on Desktop */
}

@media (max-width: 768px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */
  .homepage .mobile-trigger{top:-32px;}
  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 32px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 6px 12px;
    margin-top: -16px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-top: 6px; /* Position bottom line */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/                                              
    width: 100%;   
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .custom-menu-primary .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
   .custom-menu-primary .hs-menu-wrapper > ul {
    background: ;
     top: 10px;
    position: relative;
   }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;  
    border: 0px;
    padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}



@media (min-width: 1201px) and (max-width: 1350px){
	
	.row-fluid .wrapper {  width:1170px; }
  
  .row-fluid .posting_blog .post-body .homeback { width:160px; left:-160px; }
  
}


@media (min-width: 768px) and (max-width: 1200px){
  
  h1 { font-size:40px; line-height:48px; }
  h2 { font-size:28px; line-height:36px; }
  h3 { font-size:26px; line-height:36px; }
  h4 { font-size:24px; line-height:32px; }
  h5 { font-size:22px; line-height:30px; }
  h6 { font-size:20px; line-height:26px; }
  
	
}

@media (min-width: 992px) and (max-width: 1200px){
	
	.row-fluid .wrapper {  width:920px; }
  
  .row-fluid .hero_blog .text { width:calc(100% - 350px); }
  .row-fluid .hero_blog .right { width:350px; }
  .row-fluid .hero_blog .image { height:350px; top:-50px; }
  .row-fluid .hero_blog .image:after { width:620px; }
  
  .row-fluid .post_item .text { padding:20px 15px; }
  .row-fluid .blog_subscription h3.form-title { padding:14px 0 20px; font-size: 36px; line-height: 44px; }
  .row-fluid .categorybox .inner { padding:16px 18px; font-size: 20px; line-height: 28px; }
  
  .row-fluid .posting_blog .post-body .homeback { width:160px; left:-160px; }
  .hs-blog-post .row-fluid .blog_section .wrapper { padding-left:130px; }
  
  .row-fluid .convallis_form { padding:30px 20px 40px; }
  
  
}

@media (max-width:991px) {
  
  .row-fluid .btn_style a , .row-fluid a.btn_style { padding:12px 25px; font-size: 20px; line-height: 34px; }
  
  .row-fluid .top .logo { width:220px; }
  .row-fluid .top .icon { margin-top:5px; }
  
  .row-fluid .post_item { width:50%; }
  .row-fluid .post_item .text { padding:20px 15px; }
  
  .row-fluid .hero_blog .text { width:calc(100% - 320px); }
  .row-fluid .hero_blog .right { width:320px; }
  .row-fluid .hero_blog .image { height:320px; top:-20px; }
  .row-fluid .hero_blog .image:after { width:550px; }
  
  .row-fluid .blog_section { padding:40px 0 70px; }
  
  .row-fluid .post_item { padding:20px 8px; }
  .row-fluid .post_item .text h2 { font-size: 20px; line-height: 30px; }
  .row-fluid .blog_section .pagination { margin-top:40px; }
  
  .row-fluid .post_first .left { margin:0; width:100%; }
  .row-fluid .post_item.first { margin:0; }
  .row-fluid .post_first .post_item .inner { height:auto !important; } 
  
  .row-fluid .blog_subscription h3.form-title { padding:10px 0 30px; font-size: 34px; line-height: 40px; }
  .row-fluid .blog_subscription .hs-richtext { padding:0 0 10px; }
  .row-fluid .blog_subscription { margin:30px 0 0; padding:20px; width:100%; }
  
  .row-fluid .category_cover { padding:40px 0 60px; }
  .row-fluid .category_main { margin-top:20px; }
  .row-fluid .categorybox { width:50%; }  
  .row-fluid .categorybox .inner { padding:14px 22px; font-size:20px; line-height:28px; }
  
  .row-fluid .ft_logo { width:180px; }
  
  .row-fluid .posting_blog h3 { font-size: 28px; line-height: 38px; } 
  .hs-blog-post .row-fluid .blog_section { padding:35px 0 60px; }
  
  .row-fluid .stay_form .form-title { font-size: 36px; line-height: 46px; } 
  .row-fluid .related_post { padding:50px 0; }
  .row-fluid .related_post h2.title { padding:0; font-size: 26px; line-height: 34px; }
  
  .row-fluid .posting_blog .post-body .homeback { position:relative; left:auto; top:auto; }
  .hs-blog-post .row-fluid .blog_section .wrapper { padding-left:15px; } 
  
  .row-fluid .convallis_section { padding:50px 0 80px; }
  .row-fluid .convallis_left { width:100%; }
  .row-fluid .convallis_form { margin:30px 0 0; width:100%; }
  

}

@media (min-width: 768px) and (max-width: 991px){
	
	.row-fluid .wrapper {  width:720px; }	
  
  .row-fluid .related_post .post_item { margin:15px 0; padding:0; width:100%; }
  .row-fluid .related_post .post_item .image { height:360px; }
}

@media (min-width: 30px) and (max-width: 767px){
  .payoff h1 {    font-family: 'Source Sans Pro',sans-serif;
    font-size: 24px!important;
    line-height: 36px!important;
    color: #fff;
    font-weight: 400;}
  body.tech .row-fluid .hero_blog, body.comunica .row-fluid .hero_blog {min-height: 250px;}
  .row-fluid .hero_blog {padding: 50px 0;}
  body { font-size:16px; } 
  .row-fluid .posting_blog { font-size: 24px;}
  h1 { font-size:30px; line-height:38px; }
  h2 { font-size:26px; line-height:36px; }
  h3 { font-size:24px; line-height:34px; }
  h4 { font-size:22px; line-height:32px; }
  h5 { font-size:20px; line-height:28px; }
  h6 { font-size:18px; line-height:26px; }
  body.hs-blog-post h1 {padding-top:0px;}
  body.hs-blog-post h2 {padding-top:32px;}
  body.hs-blog-post h3 {padding-top:28px;}
	.row-fluid .wrapper { width:100%; padding:0 15px; float:left; }
  
  .row-fluid .top { padding:20px 0; } 
  .row-fluid .top .logo { width:180px; float:left; }    
  
  .row-fluid .hero_blog {  text-align:center; }
  .row-fluid .hero_blog .icon { margin:0 auto; width:160px; }
  .row-fluid .hero_blog .text { padding:0; width:100%; height:auto !important; display:inline-block; }
  .row-fluid .hero_blog h1 { font-size: 42px; line-height: 50px; }
  .row-fluid .hero_blog .right { margin:30px 0 0; width:100%; height:auto !important; }
  
  .row-fluid .hero_blog .image { margin:0 auto; width:300px; height:300px; top:0; } 
  .row-fluid .hero_blog .right:before { display:none; }
  
  .row-fluid .blog_section { padding:40px 0 50px; }  
  .row-fluid .blog_section .pagination { margin-top:20px; }  
  .row-fluid .post_item.first .image { height:280px; }
  .row-fluid .category_cover h2.title { font-size: 28px; line-height: 36px; }
  .row-fluid .post_item .text h2 { font-size: 22px; line-height: 30px; } 
  
  .row-fluid .post_item { margin:0; padding:10px 0; width:100%; }
  .row-fluid .post_item .text .sameheight { height:auto !important; }
  .row-fluid .categorybox .inner { font-size: 17px; line-height: 24px; }

  .row-fluid .footer { padding:40px 0; margin-top:50px;}
  .row-fluid .ft_box { margin:15px 0; width:100%; display:inline-block; } 
  .row-fluid .ft_box.middle {padding:0 50px;} 
  .row-fluid .blog_subscription h4 { font-size: 22px; line-height: 28px; }
  
  .row-fluid .linsing_hero .left { padding:30px 15px 80px!important; width:100%; min-height:auto; }
  .row-fluid .linsing_hero .image { height:344px !important; width:100%; }
  .row-fluid .posting_blog { padding:0 0 30px; }
  .row-fluid .posting_blog h3 { font-size: 24px; line-height: 32px; }
  .row-fluid .posting_blog h4 { font-size: 22px; line-height: 30px; }
  
  .row-fluid .blog_comments { padding:30px 0 0; }
  .row-fluid .stay_form .form .hs_cos_wrapper_type_form { display:inline-block; width:100%; }
  .row-fluid .stay_form .form-title { width:100%; }
  .row-fluid .stay_form .form-title + div { padding:0; width:100%; }
  .row-fluid .stay_form form { padding:0; }
  .row-fluid .related_post { padding:40px 0; display:inline-block; width:100%; }
  .row-fluid .related_post .post_item { margin:15px 0; padding:0; }
  .row-fluid .linsing_hero .left .inner { max-width:100%; }
  .row-fluid .linsing_hero .left h1 { font-size: 32px; line-height: 40px; }
  
  .row-fluid .author_post { display:inline-block; width:100%; }
  .row-fluid .author_post .right { margin:15px 0 0; padding:0; width:100%; }
  
  .row-fluid .copyright , .row-fluid .copyright .text_right { text-align:center; }
  
  .row-fluid .posting_blog .post-body p { padding:10px 0; }
  
  .row-fluid .hero_lp .left { padding:60px 15px !important; width:100%; min-height:auto; }
  .row-fluid .hero_lp .left .inner { max-width:100%; }
  .row-fluid .hero_lp .left h1 { font-size: 32px; line-height: 40px; }
  .row-fluid .hero_lp .image { height:344px !important; width:100%; border-left:none; }
  
  .row-fluid .convallis_section { padding:40px 0 60px; }
  .row-fluid .convallis_left ul li { margin:8px 0; padding:0 0 0 28px; }
  .row-fluid .convallis_left ul li:before { width:16px; background-size: 16px; }
  .row-fluid .convallis_form { padding:20px 15px  30px; }
  
  .row-fluid .request_section { padding:40px 0 65px; }
  .row-fluid .request_section .btn_style { margin-top:20px; }
  body.landing-page .wrapper_lp_head h1 {
    font-size: 60px;
    line-height: 1;}
  body.landing-page .wrapper_lp_head h2, body.landing-page .wrapper_lp_head h3 {
    font-size: 30px;}
   body.landing-page .wrapper_lp_head {
    background-size: cover !important;
    padding: 160px 0 160px 0;}
  body.landing-page.tp .wrapper_lp_head {
    background-size: cover !important;
    padding: 160px 0 160px 0;}
  body.landing-page.tp .main-text {
    margin-top: -120px;
    position: relative;
    background: #fff;
    padding: 5px 5px 80px 5px;
    border-radius: 5px;}
  body.landing-page .main-text {
    padding: 20px 5px 20px 5px;
    font-size: 30px;
    line-height: 40px;}
  body.landing-page .form {margin-top:0px;}
  body.landing-page a.link-button {padding: 16px 50px;}
	
}

@media (max-width:500px) { 
  
  .row-fluid .btn_style a , .row-fluid a.btn_style { font-size: 16px; line-height: 28px; }
  
  .row-fluid .categorybox { margin:0; padding:10px 0; width:100%; }
  .row-fluid .stay_form form .hs_submit { position:relative; }
  
  .row-fluid .hero_blog .image:after { width:500px; }
  
  .row-fluid .top .logo { width:160px; }
  .row-fluid .top .icon { width:80px; }
  .row-fluid .linsing_hero .image { height:285px !important; }
  
}


/* Blog sidebar*/
.blog-sidebar h5 {
    font-size:22px;
}
.blog-sidebar .event {
  padding-bottom:10px;
}
.blog-sidebar .cta-button {
    display: inline-block; /* Rendere l'elemento inline-block per permettere padding e margini */
    background-color: #0229FE; /* Colore di sfondo */
    color: #fff; /* Colore del testo */
    padding: 5px 10px; /* Spaziatura interna */
    text-align: center; /* Allineamento del testo */
    text-decoration: none; /* Rimuovere la sottolineatura */
    border-radius: 5px; /* Angoli arrotondati */
    font-size: 16px; /* Dimensione del testo */
    font-weight: bold; /* Testo in grassetto */
    text-transform: uppercase;
    transition: background-color 0.3s ease; /* Transizione per il colore di sfondo */
}

.blog-sidebar .cta-button:hover {
    background-color: #0056b3; /* Colore di sfondo al passaggio del mouse */
}
.blog-sidebar .event-date,
.blog-sidebar .magazine-date {
    padding-top:0;
}

.cta-button-4p a {
  padding: 16px 25px;
  background-color: #0229FE;
  color: #fff;
}