@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');

.has-error{background-color: #f8d7da !important; border-color: #f5c6cb !important; color: #721c24 !important;}

/*Trsutpilot*/
footer .trustpilot-widget{ padding: 10px 0px; float: left; margin-top: 15px; margin-bottom: 15px;}
footer .trustpilot-widget a{ color: #fff}

/*Modifiche 9/5/2022*/

p.bitter24{font-family: 'Bitter', serif !important; font-size: 24px !important; line-height: 1.2em !important}
p.bitter18{font-family: 'Bitter', serif !important; font-size: 18px !important; line-height: 1.2em !important}
p.bitter28{font-family: 'Bitter', serif !important; font-size: 28px !important; line-height: 1.2em !important}
p.caveat30{font-family: 'Caveat' !important; font-size: 30px !important; line-height: 1em !important}

.navbar-brand { width: 166px}
.navbar-brand img, .regis_info img {
  /*-webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); 
    -webkit-transform: translateZ(0);
    transform: translateZ(0);*/
}
.navbar-brand img{ width: 100%; max-width: 166px}
.story_slider .owl-stage-outer{ position: relative}
.story_slider .owl-stage-outer:before{ content: ''; display: block; height: 100%; width: 2px; background: #fff; position: absolute; top: 0; left: 0; z-index: 20}

.home_banner .owl-stage-outer{ position: relative}
.home_banner .owl-stage-outer:before{ content: ''; display: block; height: 100%; width: 1px; background: #fff; position: absolute; top: 0; left: 0; z-index: 20}

.faq_sec .btn-link:after{ content: '\f078'}
.faq_sec .active-acc .btn-link:after{ content: '\f077'}

.post_block .acc_block{ width: 80%; overflow: hidden; float: none}
.post_block .acc_block h4{ color: #007bff; background: none; margin-top: 30px; font-weight: 800; padding-left: 0}
.post_block .acc_block ul{ padding-left: 0}
.post_block .acc_block ul li a{color: #007bff; text-decoration: underline}

.video_sec .video_block{ width: 50%; float: left; padding-right: 15px}
.video_sec .video_block:nth-child(odd){ clear: left}
.video_sec.topic_sec .video_block{ width: 100%; float: left; padding-right: 0}
@media (min-width: 1200px){
.video_sec .video_block figure{ width: 240px}
}

.formazione_banner.pagina_banner:before{ background: transparent !important}

.infog_sec .infografica-slider .container { padding: 20px 40px; max-width: 1000px}

.partner-slider{ max-width: 1000px; margin: 0 auto 20px auto}
.owl-carousel.partner-slider .owl-item img{ width: auto; max-width: 150px}

@media (max-width: 600px){
    .author_block{ text-align: left; display: flex; flex-direction: row; align-items: flex-start}
    .author_block figure{ width: 50%}
    .infog_sec .infografica-slider .container { padding: 20px 20px;}
}
@media (max-width: 767px){
    .orient_sec{ text-align: left}
    .post_block .acc_block{ width: 100%}
    .video_sec .video_block{ width: 100%}
    .formazione_banner .cap_info:after{background: transparent !important}
}

/*Home*/
.regis_info h3{ font-size: 12px}
.commit_block:hover figure img{transform:scale(1.3);}
.banner-home{ margin-bottom: 20px}
.evidence_sec .evid{ background: none}
.evidence_sec .detail{ text-align: left}

.events .w-100{ clear: both; text-align: center; padding-top: 20px; padding-bottom: 20px}
.collaborate_sec{ padding: 0}
.collaborate_sec:before{ display: none}
.collaborate_sec figure{ width: 50%; max-width: 500px; float: right; overflow: hidden; max-height: 250px; margin-top: 0;}
.collaborate_sec figure img{ margin-top: -20%; max-height: 250px; margin-top: 0; object-fit: cover}
.collaborate_sec .inner{ padding: 30px 0}

.home_banner article{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center }

/*Home popu*/
.home-popup{ }
.home-popup .modal-body{ padding: 0 }
.home-popup .modal-body img{ max-width: 100% }
.home-popup .modal-header{ background: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 2; border: 0}
/*Articolo*/
figure.sx{ float: left; max-width: 33.3%; margin: 0 2rem 2rem 0}
figure.dx{ float: right; max-width: 33.3%; margin: 0 0px 2rem 2rem}
.accos_sec figure img{ margin-bottom: 1rem}
ul.attach_list{ margin: 1rem 0 1rem 0; list-style: none !important}
ul.attach_list li{ padding-left: 0 !important}
ul.attach_list li:before{ display: none !important}
ul.attach_list a{ margin-bottom: 5px !important}
ul.accos_list{ float: none; width: auto; overflow: hidden; margin-bottom: 1rem}

ol.accos_list{ width:100%; float:left; margin:0; padding:0; counter-reset: my-awesome-counter;}
ol.accos_list li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative; counter-increment: my-awesome-counter;}
ol.accos_list li strong{ font-weight:700;}
ol.accos_list li:before{  content: counter(my-awesome-counter) ". "; font-weight: 800;  color:#00416b; position:absolute; top:1px; left:0;}

.accos_detail ul, .course_sec ul, .info_prg ul{ width:100%; float:left; margin:0; margin-bottom: 15px; padding:0;}
.accos_detail ul li, .course_sec ul li, .info_prg ul li, .orient_block .detail ul li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative;}
.accos_detail ul li strong, .course_sec ul li strong, .info_prg ul li strong, .orient_block .detail li strong{ font-weight:700;}
.accos_detail ul li:before, .course_sec ul li:before, .info_prg ul li:before, .orient_block .detail li:before{ content:""; width:6px; height:6px; background:#00416b; border-radius:50%; position:absolute; top:9px; left:0;}
.accos_detail ul.accos_list_check li:before, .course_sec ul.accos_list_check li:before{ display:none;}
.accos_detail ul.accos_list_check li:after, .course_sec ul.accos_list_check li:after{ content:"\f14a"; font-family: 'FontAwesome'; font-size:15px; color:#00416b; position:absolute; top:0; left:0;}
.accos_detail ul.accos_list_minus li:before, .course_sec ul.accos_list_minus li:before{ display:none;}
.accos_detail ul.accos_list_minus li:after, .course_sec ul.accos_list_minus li:after{ content:"\f068"; font-family: 'FontAwesome'; font-size:13px; color:#00416b; position:absolute; top:0; left:0;}
.accos_detail h2, .course_sec h2, .info_prg h2, .faq_sec h2{ margin:0 0 20px 0; padding:0; font-size:24px; color:#00416b; font-weight:300;}
.accos_detail h3, .course_sec h3, .info_prg h3, .faq_sec h3{ margin:30px 0 20px 0; padding:0; font-size:18px; color:#00416b; font-weight:400;}

.orient_block .detail li:before { background: #333}
.orient_sec .orient_block h3{ font-size: 16px; font-weight: 600;}

ul.orient_list li:before{ display: none}

.accos_sec .accos_block figure {align-items: flex-start; }

.course_sec p{ margin-bottom: 20px}
.course_sec u, .accos_detail ul{ float: none}

.blocco{ overflow: hidden}
.accos_sec hr{ margin-bottom: 2rem; overflow: hidden; clear: both}
.area_btn{margin: 0 5px 5px 0;}

.infog_sec{ background: #f2f2f2;min-height: 0}
.infog_sec .container{ overflow: hidden; }
.infog_sec .container img{ width: 50%; float: left}

/*Corso*/
.faq_sec ol{ width:100%; margin:0; padding:0; counter-reset: my-awesome-counter;}
.faq_sec ol li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative; counter-increment: my-awesome-counter;}
.faq_sec ol li strong{ font-weight:700;}
.faq_sec ol li:before{  content: counter(my-awesome-counter) ". "; font-weight: 800;  color:#00416b; color: #333; position:absolute; top:1px; left:0;}
.faq_sec ul{ width:100%;margin:0; margin-bottom: 15px; padding:0;}
.faq_sec ul li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative;}
.faq_sec ul li strong{ font-weight:700;}
.faq_sec ul li:before{ content:""; width:6px; height:6px; background:#00416b; background: #333; border-radius:50%; position:absolute; top:9px; left:0;}
.faq_sec ul.accos_list_check li:before{ display:none;}
.faq_sec ul.accos_list_check li:after{ content:"\f14a"; font-family: 'FontAwesome'; font-size:15px; color:#00416b; position:absolute; top:0; left:0;}
.faq_sec ul.accos_list_minus li:before{ display:none;}
.faq_sec ul.accos_list_minus li:after{ content:"\f068"; font-family: 'FontAwesome'; font-size:13px; color:#00416b; position:absolute; top:0; left:0;}
.faq_sec .btn_link{ font-size: 16px; padding: 10px 22px; border-radius: 20px; text-transform: uppercase}
/*Media*/
.event_sec .event_block p{ font-size: 14px}
.inn_event .inn_eve .event_info h3{ font-size: 18px}
.interest_sec .int_block p{ font-size: 14px}

/*Formazione*/
.formazione_sec .info_prg, .formazione_sec .inner_title{ text-align: left}

/*Elenci Corsi*/
.corsi-list{ margin-top: 40px}
.area_sec.corsi-list h2.inner_title{ margin-bottom: 30px}
.area_sec.corsi-list h2.inner_title span{ display: inline-block; padding: 5px 10px; background: #f0df00}
.area_sec.corsi-list .area_block{ margin-bottom: 30px; padding-bottom: 30px;}
/*Corsi promo*/
.corsi-list.promo{ margin-top: 40px}
.area_sec.corsi-list.promo h2.inner_title{ border-top: 1px solid #f2f2f2; padding: 20px 0 0 0; margin-top: 30px}
.area_sec.corsi-list.promo h2.inner_title span{ font-size: 18px; font-weight: 800; background: none; padding: 0; text-transform: uppercase }
.area_sec.corsi-list.promo .col-xl-6{ width: 40%; padding-right: 5% }
.area_sec.corsi-list.promo{ margin-top: 0}
.area_sec.corsi-list.promo article{ margin-bottom: 30px}
.area_sec.corsi-list.promo h2 a{ color: #00416b }
.area_sec.corsi-list.promo h2 a:hover{ color: #007bff }
.area_sec.corsi-list.promo figure img{ width: 100%}
.area_sec.corsi-list.promo .importo{ font-size: 18px; font-weight: 800; color:#00416b; display: inline-block; padding: 5px 10px; background: #f0df00; margin: 10px 0}
.area_sec.corsi-list.promo h3{ text-transform: uppercase; font-size: 16px; color: #333}
.area_sec.corsi-list.promo .btn_link{ background: #f0df00; }
.area_sec.corsi-list.promo .btn_link a{ background: #f0df00; color: #00416b; font-size: 12px}

/*CONTATTI NEWSLETTER*/
.info_contact{ padding-top: 20px}

/*CORSO*/
.formazione_banner.pagina_banner:before{background: rgb(0,65,107);
background: linear-gradient(90deg, rgba(0,65,107,0) 0%, rgba(0,65,107,0.8) 89%);}
.magazin_sec.interest_sec .detail{ padding: 20px 20px}

/*scheda Centri e orientatori*/
ul.orient_list{ display: flex; width: 100%; flex-wrap: wrap}
ul.orient_list li, .orient_block .detail ul.orient_list li{ width: 50%; text-align: left; margin: 0 0 20px 0; padding: 0}
ul.orient_list.centri li i{ background: #989898}
ul.orient_list.centri li:hover i{ background: #f0df00 }
ul.orient_list.centri li:hover i.fa-facebook{ background: #3b5998 }
ul.orient_list.centri li:hover i.fa-linkedin{ background: #0e76a8 }
.orient_sec .detail h2{ color: #000; font-size: 18px; font-weight: 600; text-transform: uppercase; justify-content: space-between}

ul.component_list{ }
ul.component_list li{ display: inline-block !important; margin-right: 10px !important; padding-left: 0 !important}
ul.component_list li a{ display: block; height: 36px; border-radius: 18px; line-height: 36px; padding: 0 10px; background: #989898; color: #fff }
ul.component_list li a:hover{ background: #f0df00  }
ul.component_list li:before{ display: none !important}
/*BLOG*/
.blog_logo img{ max-width: 420px; width: 90%}
ul.top_social li{ margin-left: 5px}
.badge.purple, .badge{ background:#7c399e}
.badge-primary{ background:#00416b}
.work_sec{ margin-top: 20px}
.magazin_sec .detail{ padding: 20px 20px; text-align: left; }
.magazin_sec .magazin{ background: none}
ul.post_list{ margin-top: 20px}
.post_banner .post_block .inner_title{ padding-top: 20px}
.detail_inn h2{ margin:10px 0 20px 0; padding:0; font-size:24px; color:#00416b; font-weight:700;}
.detail_inn h3{ margin:30px 0 20px 0; padding:0; font-size:18px; color:#00416b; font-weight:700;}
.detail_inn ol{ width:100%; margin:0; padding:0; counter-reset: my-awesome-counter;}
.detail_inn ol li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative; counter-increment: my-awesome-counter;}
.detail_inn ol li strong{ font-weight:700;}
.detail_inn ol li:before{  content: counter(my-awesome-counter) ". "; font-weight: 800;  color:#00416b; position:absolute; top:1px; left:0;}
.detail_inn ul{ width:100%;margin:0; margin-bottom: 15px; padding:0;}
.detail_inn ul li{ margin:0 0 5px 0; padding:0 0 0 20px; display:block; font-size:14px; color:#333333; line-height:23px; position:relative;}
.detail_inn ul li strong{ font-weight:700;}
.detail_inn ul li:before{ content:""; width:6px; height:6px; background:#00416b; border-radius:50%; position:absolute; top:9px; left:0;}
.detail_inn ul.accos_list_check li:before{ display:none;}
.detail_inn ul.accos_list_check li:after{ content:"\f14a"; font-family: 'FontAwesome'; font-size:15px; color:#00416b; position:absolute; top:0; left:0;}
.detail_inn ul.accos_list_minus li:before{ display:none;}
.detail_inn ul.accos_list_minus li:after{ content:"\f068"; font-family: 'FontAwesome'; font-size:13px; color:#00416b; position:absolute; top:0; left:0;}
.detail_inn img{ height: auto !important}
.post_banner .post_block .detail p{ text-align: left}
.detail_inn ul, .faq_sec ul{ margin: 0px 0 10px 0 }
.faq_sec p, .detail_inn p{ margin-bottom: 10px}
/*icona play testata articolo blog*/
.post_block figure,  .video_block figure, .school_block figure, .blog_sec figure, .work_sec figure{ position: relative}
.post_block figure .cap_info,  .video_block figure .cap_info, .school_block figure .cap_info, .blog_sec figure .cap_info, .work_sec figure .cap_info{ position: absolute; top: 0; left: 0; right: 0; width: 100%; bottom: 0; display: flex; align-items: center;
  justify-content: center;}
.post_block figure .cap_info img, .video_block figure .cap_info img, .school_block figure .cap_info img, .blog_sec figure .cap_info img,  .work_sec figure .cap_info img{ width: 80px; height: 80px;}
ul.event_social li a img, ul.join_social a img{ width: 20px; }
ul.event_social li a.black:hover, ul.join_social a.black:hover{ background-color: #000}
.fa-twitter:before{ content: url("../images/x-twitter-blue.svg"); display: inline-block; height: 1em; width: 1em; vertical-align: middle}
ul.top_social .fa-twitter:before{ content: url("../images/x_twitter.svg");}
li a:hover .fa-twitter:before{ content: url("../images/x_twitter.svg");}
/*Stili per le tabelle*/
.table, table{ width: 100%; margin-bottom: 2rem; table-layout: fixed}
.table thead{ border: 0}
.table thead th, table th{ background: #eaedd0; border: 0}
.table td, table td{ border: 0; border-bottom: 1px solid #e1e1e1}
.table td, table td, .table thead th, table th{ padding: 20px 10px 20px 20px}
.table_info .table.autore td img{ max-width: 80px; border-radius: 0%; margin-right: 10px}
.author_block .detail h3{ margin-bottom: 5px}
.author_block img{}
.search_info .select_info{ width:100%; height:35px; float:left; padding:0 28px 0 10px; margin:0; font-size:13px; color:808080; border:none; border-radius:13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(../images/select_arrow.png) no-repeat right 10px center;}
.news_info .search_info .input-group{ margin-bottom: 20px}
ul.ct_info li a.pill{ width: auto; border-radius: 18px; padding: 0 10px}
/*Stili per le tabelle lista centri*/
.table_info .table td.td-nome-centro{ padding-right: 10px;}
.table_info .table.centri{ table-layout: fixed}

.tag-list{ clear: both; overflow: hidden}
.tag-list h3{ font-size: 18px; padding: 0}
.tag-list ul.post_list{ margin-top: 5px}
.tag-list ul.post_list a{ font-size: 14px; text-transform: uppercase}

/*WHATSAPP BUTTON*/
.whatsapp_btn{ position: fixed; bottom: 40px; right: 40px; z-index: 200}
.whatsapp_btn a{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #25d366; color: #fff; text-align: center; font-size: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.whatsapp_btn a:hover{ background: #333 }

li a:hover.hover-facebook-f{ color:#fff; background:#3b5998 !important;}
li a:hover.hover-twitter{ background:#000 !important;}
li a:hover.hover-linkedin{ background:#4072b2 !important;}
li a:hover.hover-youtube{ background:#d91e1e !important;}
li a:hover.hover-instagram{ background: rgb(243,163,60); background: -moz-linear-gradient(top,  rgba(243,163,60,1) 0%, rgba(242,124,48,1) 13%, rgba(239,114,47,1) 16%, rgba(242,110,48,1) 18%, rgba(239,105,46,1) 20%, rgba(241,102,45,1) 21%, rgba(239,87,46,1) 32%, rgba(239,79,53,1) 41%, rgba(237,74,53,1) 45%, rgba(224,47,72,1) 58%, rgba(212,35,88,1) 63%, rgba(208,33,88,1) 64%, rgba(206,31,94,1) 65%, rgba(185,22,118,1) 74%, rgba(180,23,124,1) 75%, rgba(179,23,124,1) 76%, rgba(174,24,129,1) 77%, rgba(173,23,134,1) 78%, rgba(161,23,145,1) 82%, rgba(131,29,171,1) 90%, rgba(125,31,180,1) 91%, rgba(120,32,181,1) 92%, rgba(111,36,192,1) 95%, rgba(96,41,205,1) 100%); background: -webkit-linear-gradient(top,  rgba(243,163,60,1) 0%,rgba(242,124,48,1) 13%,rgba(239,114,47,1) 16%,rgba(242,110,48,1) 18%,rgba(239,105,46,1) 20%,rgba(241,102,45,1) 21%,rgba(239,87,46,1) 32%,rgba(239,79,53,1) 41%,rgba(237,74,53,1) 45%,rgba(224,47,72,1) 58%,rgba(212,35,88,1) 63%,rgba(208,33,88,1) 64%,rgba(206,31,94,1) 65%,rgba(185,22,118,1) 74%,rgba(180,23,124,1) 75%,rgba(179,23,124,1) 76%,rgba(174,24,129,1) 77%,rgba(173,23,134,1) 78%,rgba(161,23,145,1) 82%,rgba(131,29,171,1) 90%,rgba(125,31,180,1) 91%,rgba(120,32,181,1) 92%,rgba(111,36,192,1) 95%,rgba(96,41,205,1) 100%); background: linear-gradient(to bottom,  rgba(243,163,60,1) 0%,rgba(242,124,48,1) 13%,rgba(239,114,47,1) 16%,rgba(242,110,48,1) 18%,rgba(239,105,46,1) 20%,rgba(241,102,45,1) 21%,rgba(239,87,46,1) 32%,rgba(239,79,53,1) 41%,rgba(237,74,53,1) 45%,rgba(224,47,72,1) 58%,rgba(212,35,88,1) 63%,rgba(208,33,88,1) 64%,rgba(206,31,94,1) 65%,rgba(185,22,118,1) 74%,rgba(180,23,124,1) 75%,rgba(179,23,124,1) 76%,rgba(174,24,129,1) 77%,rgba(173,23,134,1) 78%,rgba(161,23,145,1) 82%,rgba(131,29,171,1) 90%,rgba(125,31,180,1) 91%,rgba(120,32,181,1) 92%,rgba(111,36,192,1) 95%,rgba(96,41,205,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3a33c', endColorstr='#6029cd',GradientType=0 ) !important;}

/*Footer*/
.time_info p{ color: #fff; font-weight: 200; line-height: 1.4em; margin: 0 0 7px 0; padding: 0; font-size: 13px}
.time_info p strong{ font-weight: 800}
.time_info a{ color: #fff}
.time_info a:hover{ color: #f0df00}

/*OWL BANNERONE*/
.banner-slider{}
.owl-dots { text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%}
.owl-dots span{ width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: #00416b; opacity: 0.5}
.owl-dots .owl-dot { margin: 0 3px; display: inline-block}
.owl-dots .active span{ opacity: 1}
.banner-slider .owl-nav button.owl-prev, .banner-slider .owl-nav button.owl-next{ width:auto; height:auto; font-size:0 !important; display:block; border-radius:0; position:absolute; top:auto; margin-top:0; bottom:60px; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#00416b !important;}
.banner-slider .owl-nav button.owl-prev{ left:10px; font-size: 0; top: 50%; bottom: auto}
.banner-slider .owl-nav button.owl-prev:after{ content: "\f053"; font-family: 'FontAwesome'; font-size:34px;}
.banner-slider .owl-nav button.owl-next{ right:10px; top: 50%; bottom: auto}
.banner-slider .owl-nav button.owl-next:after{ content: "\f054"; font-family: 'FontAwesome'; font-size:34px;}
.banner-slider .owl-nav button.owl-prev:hover, .banner-slider  .owl-nav button.owl-next:hover{ background:none !important; color:#f0df00 !important;}

.infografica-slider{ /*max-height: 95vh*/}
.infografica-slider .owl-nav button.owl-prev, .infografica-slider .owl-nav button.owl-next{ width:auto; height:auto; font-size:0 !important; display:block; border-radius:0; position:absolute; top:auto; margin-top:0; bottom:60px; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#00416b !important;}
.infografica-slider .owl-nav button.owl-prev{ left:10px; font-size: 0; top: 50%; bottom: auto}
.infografica-slider .owl-nav button.owl-prev:after{ content: "\f053"; font-family: 'FontAwesome'; font-size:34px;}
.infografica-slider .owl-nav button.owl-next{ right:10px; top: 50%; bottom: auto}
.infografica-slider .owl-nav button.owl-next:after{ content: "\f054"; font-family: 'FontAwesome'; font-size:34px;}
.infografica-slider .owl-nav button.owl-prev:hover, .infografica-slider  .owl-nav button.owl-next:hover{ background:none !important; color:#f0df00 !important;}
.infog_sec .infografica-slider .container img{ width: 50%}
.infografica-slider .owl-dots { bottom: -20px}

/*PAGINE DOWNLOAD*/
.download{; padding-top: 10px}
.accos_sec .download h3{ font-size: 18px; margin: 0; margin-bottom: 10px}
.accos_sec .download figure{ float: left; width: 150px; margin-right: 20px}
.accos_sec .download figure img{ width: 100%}
.accos_sec .download li{ overflow: hidden;}
.accos_sec .download li .down-content{ overflow: hidden}
.accos_sec .download .btn_link{ background: #f0df00; color: #193752; text-decoration: none}
.accos_sec .download .btn_link:hover{ background: #193752; color: #f0df00; text-decoration: none}
.modal-download .modal-footer{ justify-content: center}
.modal-download .modal-content{ background: #eaeed0}
.modal-title{ color: #00416b; font-size: 14px}
.modal-download .close{ font-size: 2rem}

/*LANDING PAGE*/
.landing .nav_sec .navbar-brand{ margin: 30px 0}
.landing .formazione_banner{ padding-top: 0}
.landing .formazione_banner.pagina_banner:before{ top: 0; display: none}
.landing .formazione_banner .cap_info .inner{ padding: 30px; background-color: #20567d; border-radius: 10px; max-width: 450px; text-align: center}
.landing .inner h1{color: #f0df00; font-weight: 600}
.landing .inner p{ color: #fff}
.landing .magazin_sec.interest_sec{ padding-top: 7px; margin-bottom: 0}
.landing .magazin_sec figure{ width: 80%; float: none; margin: 0 auto}
.landing .magazin_sec.interest_sec .detail{ max-width: 80%; margin-left: auto; margin-right: auto; float: none}
.landing .informa_sec form{ max-width: 900px}
.landing .informa_sec .detail h3{ font-size: 24px; text-align: left}
.landing .informa_sec .detail p{ text-align: left}
.landing .ftr_info{ text-align: left}
.landing .footer-logos{ width: 100%; max-width: 500px}
.landing section{ background-color: #00416b}
.landing .video_sec{ background: #fff; padding: 0}
.landing .video_block{ margin-bottom: 0; display: flex; align-items: center;}
.landing .video_sec .video_block{ width: 100%}
.landing .video_block:nth-child(even){ flex-direction: row-reverse}
.landing .video_block figure{ width: 50%}
.landing .video_block .detail{ width: 50%; max-width: 550px; margin: 20px auto}
.landing .video_block figure img{ width: 100%; max-height: 650px; object-fit: cover}
.landing .video_sec .video_block p{ margin-bottom: 0.5em}
.landing p{ font-size: 14px; line-height: 23px}
.landing .faq_sec h2{ font-size: 22px}
.landing .magazin_sec h3, .landing .faq_sec h3{ font-size: 16px}
.landing .fb_reset{ display: none}
.landing .detail ol li, .landing .detail ul li{ position: relative; padding-left: 20px}
.landing .detail ol{counter-reset: my-awesome-counter;}
.landing .detail ol li{counter-increment: my-awesome-counter;}
.landing .detail ol li:before{  content: counter(my-awesome-counter) ". "; font-weight: 600;  color:#00416b; position:absolute; top:1px; left:0;}
.landing .detail ul li:before{content:""; width:6px; height:6px; background:#00416b; border-radius:50%; position:absolute; top:9px; left:0;}
.landing .footer-content{ display: flex; flex-direction: row;}

/*Dimensioni immagini ottimizzate*/
 img { height: auto !important}

/*Modifiche testo 06/09/23*/
.course_sec p, p, .course_sec ul li, .info_prg ul li, .orient_block .detail ul li, ul.accos_list li, ol.accos_list li, .detail_inn ol li,.detail_inn ul li, .inn_event .inn_eve .detail p{font-size: 16px; line-height: 1.8em}
.story_sec article p{ line-height: 1.5em}
.blog_info p, .school_sec .school_block p, .work_sec p, .post_banner .post_block .detail p, .detail_inn ol li, .detail_inn ul li{ font-family: 'Libre Caslon Text', serif; }

/*NUOVO ARCHIVIO RISORSE 24/04/2024*/
.accos_sec.risorse .download { overflow: hidden }
.accos_sec.risorse ul.download{ display: flex; flex-direction: row; flex-wrap: wrap}
.accos_sec.risorse .download li{ width: calc(25% - 10px); display: flex; flex-direction: column; margin-right: 10px}
.accos_sec.risorse .download figure{ margin-bottom: 0; margin-right: 0; width: 100%}
.accos_sec.risorse .download li p{ font-size: 14px; line-height: 1.35em}
.accos_sec.risorse .download h3{ margin-bottom: 0px}
.accos_sec.risorse .download h3 a{ text-decoration: none; margin-bottom: 5px}
.accos_sec.risorse a.link, a.link{ font-weight: 700; text-decoration: none; color:#00416b }
.accos_sec.risorse a.link:hover, a.link:hover{ text-decoration: underline; color: #f0df00; }

/*Eventi*/
.inn_event .inn_eve .detail p{ text-align: left}

/*NUOVO Formato lista corsi webinar 29/05/2024*/
.corsi-list.webinar{ padding-bottom: 10px; margin-top: 0px}
.badge.yellow{ background-color: #f0df00; color: #00416b; white-space: pre-wrap }
.corsi-list.webinar .badge{ text-transform: uppercase; }
.corsi-list.webinar .badge small{ font-weight: 700}
.corsi-list.webinar h2 { font-size: 18px}
.corsi-list.webinar h2 a{ color: #00416b}
.corsi-list.webinar h2 a:hover{ color: #f0df00}
.corsi-list.webinar p{ font-size: 14px; line-height: 1.35em}
.corsi-list.webinar .event_block{ margin-bottom: 30px}
.corsi-list.webinar .event_block figure .wrapper{ padding-top: 100%; height: 0; overflow: hidden; position: relative;  width: 100%}
.corsi-list.webinar .event_block figure img{ position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover}
hr.grey{ height: 2px; background-color: #e1e1e1; border:0 !important}
.corsi-list.webinar li h2 a:hover{ text-decoration: underline}

@media (max-width: 991px) {
    .collaborate_sec .inner{ max-width:50%; float: left }
    .acce_btn{ font-size:10px; }
    .faq_sec h1{ font-size: 28px}
    .infografica-slider .owl-nav button.owl-prev:after, .infografica-slider .owl-nav button.owl-next:after{ font-size: 24px }
    .infografica-slider .global_title{ margin-bottom: 15px; padding: 0 10px}
    .infografica-slider .owl-nav button.owl-prev{ left: 5px}
    .infografica-slider .owl-nav button.owl-next{ right: 5px}
    .banner-slider .owl-nav button.owl-prev:after, .banner-slider .owl-nav button.owl-next:after{ font-size: 24px }
    .banner-slider .owl-nav button.owl-prev{ left: 5px}
    .banner-slider .owl-nav button.owl-next{ right: 5px}
    
    .accos_sec .download figure{  width: 100px;}
    
    /*LANDING PAGE*/
    .landing .informa_sec .detail h3{ font-size: 22px}
    .landing .nav_sec .navbar-brand{ margin: 10px 0}
    .landing .nav_sec .navbar{ justify-content: center}
    .landing .video_block, .landing .video_block:nth-child(even){ flex-direction: column; padding: 20px}
    .landing .video_block figure{ margin-bottom: 20px}
    .landing .video_block figure, .landing .video_block .detail{ width: 100%}
    .landing .formazione_banner .cap_info:after{ display: none}
    .landing .footer-content{ flex-direction: column; text-align: center}
    .landing .ftr_info{ text-align: center}
    .landing .footer-logos{ margin: 0 auto}
    
    .accos_sec.risorse .download li{ width: calc(33.33% - 10px)};
    .table_info .table td.td-nome-centro{ padding-right: 0px;}
        
        
}
@media (max-width: 767px) {
    .area_sec.corsi-list.promo .col-xl-6{ width: 100%; padding-right: 15px }
    
    .collaborate_sec .inner{ max-width:100%; float: left;  }
    .collaborate_sec figure{ width: 100%; max-width: 100%}
    
    table td, table td, .table thead th, table th{ padding: 10px !important}
.faq_sec .table td, .faq_sec  table td, .faq_sec .table thead th, .faq_sec table th{ padding: 10px}
    
    figure.sx, figure.dx{ width: 100%; max-width: none; margin: 0 0 20px 0}
    .blocco{ overflow:visible}
    .infog_sec .container img, .infog_sec .infografica-slider .container img{ width: 95%; margin-left: auto; margin-right: auto}
    .formazione_banner img{ width: 150% !important; margin-left: -25%}
    .formazione_banner .cap_info:after{background: rgb(0,65,107);
background: linear-gradient(180deg, rgba(0,65,107,0) 0%, rgba(0,65,107,1) 89%);
    height: 100px; top: -100px}
    .formazione_banner .cap_info{ background: #00416b}
    
    ul.orient_list li{ width: 100%}
}
@media (max-width: 600px) {
    .accos_sec p, .accos_detail p{ font-size: 14px !important}
    .faq_sec h1{ font-size: 28px}
    .home_banner article{ min-height: 40%}
    
    .commit_block{ display: flex; align-items: center}
    .commit_block figure{ width: 25%; margin-bottom: 0}
    .commit_block figure img{ width: 50px}
    .commit_block h3{ text-align: left}
    
    /*LANDING PAGE*/
    .landing .formazione_banner .cap_info{ padding-top: 0; padding-bottom: 0}
    .landing .formazione_banner .cap_info .container{ width: 100%}
    .landing .formazione_banner .cap_info .inner{ border-radius: 0}
    
    .accos_sec.risorse .download li{ width: calc(50% - 10px);}
        
    /*LISTA CORSI WEBINAR*/
    .corsi-list.webinar h2 { font-size: 15px}
    .corsi-list.webinar .badge{ font-size: 10px}
    
}