/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #444444; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #2c4964; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #31339a; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
} 

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
  --nav-color: #2c4964;  /* The default color of the main navmenu links */
  --nav-hover-color: #31339a; /* Applied to main navmenu links when they are hovered over or active */
  --nav-mobile-background-color: #ffffff; /* Used as the background color for mobile navigation menu */
  --nav-dropdown-background-color: #ffffff; /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
  --nav-dropdown-color: #2c4964; /* Used for navigation links of the dropdown items in the navigation menu. */
  --nav-dropdown-hover-color: #31339a; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}
.blog-item .bi-text ul {
  margin-bottom: 0px;
}
.blog-item {
  margin-bottom: 10px;
}
.blog-item .bi-text h5 a {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  line-height: 20px;
}
.blog-item .bi-text {
  border: 0px solid #363636;
  overflow: hidden;
  height: auto;
  padding: 5px 30px 0 10px;
}
.last-news h5{ font-size:16px; font-weight:400  }


.blog-details-section {
  background: #0c4c78;
  
}
.header-section.appMenu{
  margin-top:70px; background-color: #fff !important;
}
.header-section.appMenu.sticky-top {
  position: fixed;
  background-color: #0c4c78;
  margin-top: 0px;
}

.header-section.appMenu .nav-menu ul li a {
  color: #212529;
}
.header-section.appMenu .nav-menu ul li a {
  color: #212529;
}

.header-section.appMenu .nav-menu ul li .dropdown li a {
  display: block;
  text-transform: none;
  padding: 6px 0 6px 20px;
  font-weight: 400;
  color: #fff !important;
}
.ombraNew:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  transition: ease-in-out .5s;
}
.ombraNew:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4) !important;
  transition: ease-in-out .5s;
}
.ombraNew {
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
  border: thin solid lightgray;
  transition: ease-in-out .5s;
}

.blog-details-text .blog-details-quote {
   border: 2px solid #43af97;
   
}
.blog-details-text .blog-details-quote h5 p {
  font-size: 18px;
  color: #fff;
}
.blog-details-section .btn.btn-primary{ text-transform:uppercase; font-size:18px;background-color:#43ae9e !important; border-radius:0px; border:1px solid #2f8b7d !important; box-shadow: rgba(22, 76, 129, 0.9) 0px 2px 8px 0px; }


.bh-text {
  background: rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 10px 50px 14px 50px;
}




@media only screen and (max-width: 767px) {
  .blog-details-hero {
    height: auto;
    padding: 160px 0 10px;
    padding-top: 160px;
  }
}


.blog-details-text .blog-details-quote h5 {
   margin-bottom: 0px;
   font-size: 18px;
}

.blog-details-text .blog-details-quote {
  padding: 20px  
}

.class-item .ci-text h5 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 4px;
}
.class-item .ci-text {
  background: #1e8292 !important;
  position: relative;
  padding: 10px 20px 26px 30px;
  z-index: 1;
  min-height: 115px;
}
.author{ color: #767674; }
.date{ font-size:18px }
.smh-font20 { font-size: 20px }
.smh-font-"Nunito Sans" { font-family:"Nunito Sans" }
.smh-title{ background-color:#ffffff;margin-top:20px !important; margin-bottom:10px !important;padding-top:0px !important;padding-bottom:0px !important;}
.video{ padding: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-top:20px }
.video h5{ font-size: 18px; padding-bottom:10px; min-height:55px }

.text-black{ color:#000 !important }
a.btn-login.btn-lang{
  padding:5px 10px !important; color:#fff !important; 
  padding: 5px 10px !important;
  color: #fff !important;
  border: 0px solid #31339a !important;
  border-radius: 0px !important;
  background-color: #8084ed;
  box-shadow: rgba(0, 0, 0, 0.44) 0px 3px 8px !important;
}
a.btn-login.btn-lang.select-btn{
   color: #fff !important;
     background-color: #6230b4 !important;
     border-color: #6230b4 !important;
  box-shadow: rgba(0, 0, 0, 0.44) 0px 3px 8px !important;
}

.btn-x-small{ font-size:16px !important; padding:2px 5px !important }
.gt-text p {
  overflow: hidden;
  color: #ffffff;
  margin-bottom: 0;
  padding-top: 10px;
  font-size: 14px !important;
  font-family: Inter;
}
.h_btn_lg.btn-80per{ width:300px !important }
.fespoTit{ font-family: "Nunito Sans"; font-size: 20px; }
.vh100{ height:100vh }
.testo-1{ font-size:20px; line-height:15px } 
.testo-2{  }
div.timer { border:1px #666666 solid;   width:290px;    height:60px;    line-height:50px;    font-size:48px;    font-family:"Courier New", Courier, monospace;    text-align:center;    margin:5px;}
    #clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    font-size: 50px;
    font-family: League Spartan;
}
.testimonial-section {
  background: #fff;
}
.col3mod{ justify-content:center; display:flex; align-content:center; align-items:center; justify-item:center }
.col3mod .blog-item{ width:90% }
.appRow{ align-content:center;border:none !important; height:auto !important; padding:0px !important }
.rownd1{ background-color:#cda6cd; border-radius:50px; height:40px; width:40px; margin-left:50px; margin-top:20px; }
.rownd2{ background-color:#7361a7; border-radius:50px; height:40px; width:40px; margin-left:50px; margin-top:20px; }
.rownd3{ background-color:#976fa9; border-radius:50px; height:40px; width:40px; margin-left:50px; margin-top:20px; }
.rownd4{ background-color:#b18ec1; border-radius:50px; height:40px; width:40px; margin-left:50px; margin-top:20px; }
.rownd5{ background-color:#4b4e9b; border-radius:50px; height:40px; width:40px; margin-left:50px; margin-top:20px; }
.box-1-left{ text-align:left;min-height:100px; align-content:center; justify-content:center;font-size:20px;padding:30px 30px; background-color:#cda6cd; color:#fff; border-radius:20px}
.box-2-left{ text-align:left;margin-top:40px;min-height:100px; align-content:center; justify-content:center;font-size:20px;padding:30px 30px; background-color:#7361a7; color:#fff; border-radius:20px }
.box-3-left{ text-align:left;margin-top:40px;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#69589b; color:#fff; border-radius:20px }
.box-right-1{text-align:left;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#b18ec1; color:#fff; border-radius:20px}
.box-right-2{text-align:left;margin-top:40px;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#4b4e9b; color:#fff; border-radius:20px}
.copyright-text p{  color:#fff;}
.paddSocial{ padding:0px !important }
.paddSocialA, .paddSocialA1{ padding-top:0px !important }
.be-social{  }
.paddSocialA1{ padding-top:0px !important }
.Aalign-items-center{ display:flex; align-content:center; justify-content:center; }

.hidden-xs{ display:block !important }
.hidden-xs1{ display:flex !important }
.visible-xs{ display:none !important }

.nav-menu ul li .dropdown li a {
  display: block;
  text-transform: none;
  padding: 0px 0 3px 10px;
  font-weight: 400;
}
.nav-menu ul li .dropdown li a:hover {
  color:#8084ed;
}
.testo-2{ margin-bottom:30px; display:none }
.testo-3{ margin-bottom:30px;   }
.btn-download { font-size:14px !important; padding:3px 5px }
.font24mob{ font-family: "Nunito Sans"; font-size: 24px }
.logoApp{ padding-top:10px }
.logoApp img { width:100px !important }
@media only screen and (max-width: 767px) {
  .logoApp{ padding-top:10px }
.logoApp img { width:80px !important }
  .main-logo{ margin-left:-10px }
  .hidden-xs1{ display:none !important }
.font24mob{ font-family: "Nunito Sans"; font-size: 18px }

  .appTextCenter{
    text-align: center;
    margin-bottom: 30px;
  }
  .col3mod .blog-item{ width:90%; margin: 0px auto; text-align:center; margin-top: 10px  }
  .col3mod .blog-item .blog-item .bi-text{ text-align:center; margin-top:30px }
.paddSocialA{ padding-top:20px !important;  }
.be-social{ display: block }
.paddSocialA1{ padding-top:30px !important; display:flex; align-content:center !important; align-items:center !important; justify-content:center }
.Aalign-items-center{ display:block; align-content: unset; justify-content: unset; }

  .blog-item .bi-text p {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
  text-align: left;
}
   .canvas-open {
     border: 0px solid #ffffff;
    border-radius: 2px;
    line-height: 29px;
    text-align: center;
    z-index: 1;
    display: block;
    cursor: pointer;
  }
  .about-video {  min-height: 340px !important;} 
  .applogo{ min-width:150px !important }
 .testo-1{ font-size:18px } 
 .testo-2{ margin-bottom:30px; display:block }
 .hidden-xs{ display:none !important }
 .visible-xs{ display:block !important }
   ul.lang{ margin-right:40% }
    .canvas-open {
    position: absolute;
    right: 40px;
    top: 30px;
    display:block !important;
    margin-top:-10px;
  }

}


 
 

.fullscreen{
  height:100vh;
}

.fullscreen h1 { font-size:50px !important }
.fullscreen h2 { font-size:30px !important}
.fullscreen h1.align-left { text-align:left; width:100% }
.fullscreen h1.align-right { text-align:right; width:100% }


.fullscreen.breadcrumb-section{ padding-top:20% !important }



@media only screen and (min-width: 992px) {

.fullscreen{
  height:100%;
}


}



#iub-pp-container .main__section.section__cookie-policy{
  display:none;
}
.closedEve{ margin-top:40px;font-size:40px; color: #fff;font-family: League Spartan; text-transform:uppercase; letter-spacing:-3px; font-weight:600 }
.sommario{ margin-top:40px; color: #fff !important;font-family: League Spartan; text-transform:uppercase;  }

#clockdiv > div{
    padding: 10px;
    border-radius: 0px; 
    background:  rgba( 67, 171, 151, .8);;
    display: inline-block;
      width:110px;
}

#clockdiv div > span{
    padding: 10px 15px;
    border-radius: 0px;
    background: rgba(5, 76, 72, .8);;
    display: inline-block;
    width:90px;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.lab1{ font-family:Open sans;font-weight:500; font-size:25px;letter-spacing:-2px;color:rgba(168, 253, 246, .9)}
.lab2{ font-family:Open sans;font-weight:600; font-size:23px; margin-top:10px;letter-spacing:-2px;color:rgba(5, 76, 72, .8)}
.lab3{ font-family:Open sans;font-weight:400; font-size:18px; margin-bottom:15px;margin-top:0px;letter-spacing:-2px;color:rgba(5, 76, 72, .8)}
.lab4{ font-family:Open sans;font-weight:400; font-size:23px;  letter-spacing:-2px;color:rgba(168, 253, 246, .9)}
.lab5{ font-family:Open sans;font-weight:400; margin-top:-10px;margin-bottom: 15px; font-size:23px;  letter-spacing:-2px;color:#8cfd00}


.btn-look{ font-family:League Spartan; font-size:45px; font-weight:700; letter-spacing:-3px;color:rgba(168, 253, 246, .8); margin-top:-30px; padding:20px 50px;background-color:rgba(5, 76, 72, .8) }
.conference{ font-family:League Spartan; font-size:65px; font-weight:700; letter-spacing:-5px;color:rgba(168, 253, 246, .8) }
.current-details.article__info-text { margin-top:-5px }
.date,.divider, .author{  font-family:League Spartan; color: #767674; font-size:16px !important }
.time{  font-family: League Spartan; font-size: 38px;  margin-top: -30px;  font-weight: 700;  color: rgba(5, 76, 72, .8); letter-spacing: -3px;}
p.mSottotiolo { font-size: 16px;   padding-top: 0px;   margin-bottom: 15px; }

.pp .conference{ font-family:League Spartan; font-size:55px; font-weight:700; letter-spacing:-5px;color:rgba(168, 253, 246, .8) }
.pp .date{  font-family:League Spartan; font-size:55px; font-weight:700; letter-spacing:-5px;color:rgba(5, 76, 72, .8) }
.pp .time{  font-family: League Spartan; font-size: 28px;  margin-top: -30px;  font-weight: 700;  color: rgba(5, 76, 72, .8); letter-spacing: -3px;}
.ts-item {   height: 350px;  position: relative;  overflow: hidden;}
.primary-btn { font-family:Open sans;   display: inline-block;  font-size: 16px;   padding: 17px 30px 16px; color: #ffffff;   background: rgba( 67, 171, 151, .8);
  line-height: normal;   letter-spacing: 0px;  text-transform: uppercase;   font-weight: 700; }
.h101{ height:auto; padding-bottom:50px }
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 1220px;
    }
}
@media only screen and (max-width: 767px) {
  .pp .conference{ font-family:League Spartan; font-size:35px; font-weight:700; letter-spacing:-3px;color:rgba(168, 253, 246, .8) }
.pp .date{  font-family:League Spartan; font-size:35px; font-weight:700; letter-spacing:-3px;color:rgba(5, 76, 72, .8) }
.pp .time{  font-family: League Spartan; font-size: 18px;  margin-top: -30px;  font-weight: 700;  color: rgba(5, 76, 72, .8); letter-spacing: -1px;}
.h101{ height:auto }
.btn-look{ font-family:League Spartan; font-size:35px; font-weight:700; letter-spacing:-1px;color:rgba(168, 253, 246, .8); padding:20px 50px;background-color:rgba(5, 76, 72, .8) }
.breadcrumb-text{ text-align:center }
    .conference{ font-family:League Spartan; font-size:37px; font-weight:700; letter-spacing:-2px; margin-top:-15px;color:rgba(168, 253, 246, .8); display:block }
    .date{  font-family:League Spartan; font-size:30px; font-weight:700; letter-spacing:-3px;color:rgba(5, 76, 72, .8) }
    .time{  font-family: League Spartan; font-size: 28px;  margin-top: -15px;  font-weight: 700;  color: rgba(5, 76, 72, .8); letter-spacing: -3px;}
    .canvas-open { position: absolute;right: 0px;top: 0px;display: none;width: 0; height: 0;}
    #clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    font-size: 30px;
    font-family: League Spartan;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 0px; 
    background:  rgba( 67, 171, 151, .8);;
    display: inline-block;
      width:75px;
}

#clockdiv div > span{
    padding: 5px 10px;
    border-radius: 0px;
    background: rgba(5, 76, 72, .8);;
    display: inline-block;
    width:55px;
}
.box1{ text-align:center !important; }
.box2{ margin:40px auto; text-align:center !important }
.lab1{ font-family:Open sans;font-weight:500; font-size:20px;letter-spacing:-1px;color:rgba(168, 253, 246, .9)}
.lab2{ font-family:Open sans;font-weight:600; font-size:20px; margin-top:15px;letter-spacing:-2px;color:rgba(5, 76, 72, .8)}
.lab3{ font-family:Open sans;font-weight:500; font-size:18px;margin-bottom:20px; margin-top:-5px;letter-spacing:-1px;color:rgba(5, 76, 72, .8)}
.lab4{ font-family:Open sans;font-weight:500; font-size:20px;  letter-spacing:-1px;color:rgba(168, 253, 246, .9); margin-top:30px}
.lab5{ font-family:Open sans;font-weight:500; margin-top:-10px;margin-bottom: 15px; font-size:20px;  letter-spacing:-2px;color:#8cfd00}
.presskit{ margin:0px !important; padding:0px !important }
.appLogo img {
    width: 100px;
}
.smalltext{
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

}



.section-title span {
  font-size: 16px;
  color: #31339a;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.cs-item ul li { color: #c4c4c4;
  font-size: 18px; }
.btn-login{ border-radius:0px; font-family:"Nunito Sans"; font-size:18px; letter-spacing:1.1px; padding:10px !important }
.mb-0 { margin-bottom:0px !important }
.appLogo{margin-top:5px; text-align: left;}
.appLogo img{min-width: 250px; max-width: 250px;}
.text-center-b{ text-align:center }
.text-left-b{ text-align:left !important }
.text-right-b{ text-align:right !important }
a.w100{ width:100%; display:block;  font-family:"Nunito Sans"; font-size:18px; padding: 17px 30px 16px;  }
.btn-secondary { background-color:#464646; }
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 35px;
  font-family: "Nunito Sans", sans-serif;
}
.blog-item .bi-text p {
  color: #333;
  font-size: 14px !important;
  line-height: 22px;
  margin-bottom: 0;
  text-align: left;
}

.blog-item .bi-text p b {
   font-weight: 400;
}
.blog-item .bi-text h5 {
  font-size: 20px !important;
  color: #333;
  margin-bottom: 0px;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }
}
.btn-login {
  border-radius: 0px;
  font-family: "Nunito Sans";
  font-size: 14px;
  letter-spacing: 1.1px;
  padding: 10px !important;
}
.ts-item h4.titoloA{ font-size:35px; text-transform: uppercase; }
.hsmall{ height:40vh }
.hsmall   {
  padding-top: 130px !important;
  padding-bottom: 100px !important;
}
.hmedium{ height:60vh }
.h100{ height:80vh }
 .about-text .at-desc p, ul li {
  color: #333;
  font-size: 16px;
}
.address{font-family: ""Nunito Sans"", sans-serif; font-size: 20px; color:#333}
.font16{ font-size:16px }
.truncateMulti{
  max-height: 70px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.modal-content p { font-size:16px; color:#333 }
.text-normal{ text-transform:none !important; font-size:16px }

.blog-item .bi-text{
  padding:20px 20px;
}
.blog-item .bi-text p{
  line-height: 20px; 
}
.blog-item .bi-text p {
  color: #c4c4c4;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: left;
}

.blog-item.white .bi-text h5 {
  color: #333 !important; 
}

.blog-item.white .bi-text p {
  color: #333 !important; 
}
 
.section-title {
  margin-bottom: 15px;
  text-align: center;
}
.blog-item .bi-text h5 {
  font-size: 25px !important;
  color:#333;
   
}
.playOff{ font-size: 20px !important; max-width: 900px; margin-top: 0px auto; 
          align-content: center;           
          justify-content: center;
          display: -webkit-inline-box;
          font-family: ""Nunito Sans"";
          margin-top:15px;

}
.cw-text2 { font-size: 40px; color: #fff; font-family:'"Nunito Sans"'; text-align: right !important }
 .cw-text1 i {
  font-size: 30px;
  color: #fff;
  display: inline-block;
  height: 65px;
  width: 65px;
  background: #363636;
  border-radius: 50%;
  line-height: 65px;
  text-align: center;
  float: center;
  margin-right: 20px;
}
.appoinment-btn{ padding:15px 0px }
.primary-btn {
   font-weight: 500;
}
.testo-breve p{ font-size:16px !important }
.ss-text h4 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.ss-text p {
  margin-bottom: 11px;
  line-height: 20px;
  font-size: 16px;
}
.btn-a {
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  width: 100%;
  border: none;
  padding: 5px;
  text-align: center;
  background: #000;
}

.cd-single-item p{
   font-size: 16px;
   color:#333 !important;
}
.grey-up .ss-text{
   background: #333 !important;
   color:#fff;
}
.grey-up .ss-text::after{
   background: #333 !important;
}

.ts-item .ts_text h4 {
 font-size: 20px;
}
.ss-text {
  background: #0a7879;
  padding: 0px 30px !important;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  align-content: center;
}

.ss-text::after {
  position: absolute;
  left: -15px;
  top: 50%;
  height: 20px;
  width: 20px;
  background: #0a7879;}
.align-center { text-align:center }
.align-left { float:left }
.align-right { float:right }

.class-item { 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.class-item .ci-text { 
  background-color: #0c4c78;
   
}
.class-item .ci-text a{ color: #fff;}
.ts_text a{ color: #fff;}


.align-items-center { align-content:center; justify-content:center; align-items:center; display:flex; }
.class-item .ci-text::after {
  position: absolute;
  left: -5px;
  top: -44px;
  height: 100px;
  width: 600px;
  border-top: 4px solid #1e6495;
  background-color: #1e8292;
  content: "";
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}
.class-item .ci-text span {
  color: #5fccb4;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
.class-item .ci-text span {
  color: #5fccb4;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
.border { border:1px solid #333 !important };
a.text-dark-light {
  color: #333 !important;
  font-size: 14px !important;
}

.class-item .ci-text h4 {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 4px;
  height: 100px;
  min-height: 100px;
  
  overflow-y: hidden;
}
.ci-pic{ max-height:300px; min-height:300px; height:300px }
.ci-text .category {
  color: #333;
  font-size: 12px; width:auto;
  background-color: #5fccb4;
  margin-top:-30px;
  margin-right:-10px;
  padding: 3px 10px;
  border-radius: 5px;
}
body{
  background-color: #fff;;
}
.bi-pic{
  min-height:150px;width: 240px; background-size: cover;  background-repeat: no-repeat;  background-position: center;
}
.header-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 15px;
 background-color: #0c4c78 ;
  padding-top: 0px;
  z-index: 99;
}


.home .header-section {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 15px;
 background-color: transparent ;
  padding-top: 0px;
  z-index: 99;
}

.header-section.hno-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 15px;
  
  padding-top: 15px;
  z-index: 99;
}
.breadcrumb-section-noImage{
height: 65px;
padding:0px;
background-color:#8c89d8;
}
.border-right-grey{ border-right:1px solid #333 }

.section-title h2::before,.section-title h1::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, #0891b2 , transparent 60%);
  left: 0;
  right: 0;
  bottom: 1px;
  margin: auto;
}
.section-title.text-left-b h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, #0891b2 , transparent 60%);
  left: 0 !important;
  right:auto !important;
  bottom: 1px;
  margin: auto;
}
.section-title.text-left h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, #0891b2 , transparent 60%);
  left: 0 !important;
  right:auto !important;
  bottom: 1px;
  margin: auto;
}

 
.section-title h2::after,.section-title h1::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #43af97;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.section-title.text-left h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #8c89d8;
  left: 0 !important;
  right:auto !important;
   bottom: 0;
  margin: auto;
}
.section-title.text-left-b h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #31339a;
  left: 0 !important;
  right:auto !important;
   bottom: 0;
  margin: auto;
}
.section-title.text-right-b h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #31339a;
  right: 0 !important;
  left:auto !important;
   bottom: 0;
  margin: auto;
}
.section-title.text-right h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #31339a;
  right: 0 !important;
  left:auto !important; 
   bottom: 0;
  margin: auto;
}
.footer-section {
  background: #0a2a59;
  padding-top: 50px;
}
.fs-about {
  margin-bottom: 0px;
}
.copyright-text {
  font-size: 14px;
  color: #c4c4c4;
  letter-spacing: 0.5px;
  border-top: 1px solid #051e31;
  padding: 15px 0;
  margin-top: 15px;
  background-color: #051e31;
}
.fs-widget {
  margin-bottom: 0px;
}
.fs-widget h4 {
  color: #7ae8cd;
  font-weight: 600;
  margin-bottom: 18px;
}
.section-title.text-right-b h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, #31339a, transparent 60%);
  right: 0 !important;
  left:auto !important;
  bottom: 1px;
  margin: auto;
}
.p-00{ padding:0px !important }
.section-title.text-right h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 160px;
  height: 1px;
  background: color-mix(in srgb, #31339a, transparent 60%);
  right: 0 !important;
  left:auto !important;
  bottom: 1px;
  margin: auto;
}
.section-title h2,.section-title h1 {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 0px;
  padding-bottom: 10px;
  position: relative;
  max-width: 1000px;
  margin: 0px auto;
}

.mt100m { margin-top:50px }
.h100 {  height: 460px }
@media (max-width: 1100px) {
  .mt100m { margin-top:30px }
  .h100 {  height: 80vh;
  }
}

@media ((min-width: 992px) and (max-width: 1099px)) {
  .mt100m { margin-top:50px }
  .text-right-mob { text-align:right !important }
  .h100 {  height: 110vh; }
}

@media ((min-width: 769px) and (max-width: 991px)) {
   .h100 {  height: 130%;  }
}

 @media ((min-width:580px) and (max-width: 768px)) {
   .h100 {  height: 170%;  }
   .breadcrumb-text {
        text-align: left !important;
    }
    .container {
        max-width: 640px;
    }
    .imgpp{ width:120px !important }
   .box1 {
        text-align: left !important;
    }
    .box2 {
        text-align: right !important; margin-top:0px;
    }
    
  
 }
@media (max-width: 568px) {
   .h100 {  height: 85vh;  }
  
}
 
  .blog-details-desc h3{ font-size: 25px !important; margin-bottom:10px }
 @media (max-width: 768px) {
  .bh-text h1{ font-size: 25px }
  .blog-details-section .p-0 { padding:20px !important; padding-top:0px }
  .bh-text h3{ font-size: 20px; margin-bottom:10px }
   
  a.btn-login.btn-lang {
    padding: 5px 15px !important;
    color: #fff !important;
    font-size: 15px !important;
    padding: 5px 10px !important;
    color: #fff !important;
    border: 0px solid #31339a !important;
    border-radius: 0px !important;
    background-color: #8084ed;
    box-shadow: none;
  }

  .mmtyu{ margin-top:-10px !important }
  .mt2mob{ margin-top:-10px !important }
   .mt100m { margin-top:30px }
    
   .bi-pic{  height:185px;width: 100%; background-size: cover;  background-repeat: no-repeat;  background-position: center;}
 .header-section{ padding:10px 10px }  
 .header-section .col-lg-2{ padding:0px !important }  
 .appLogo img {  min-width: 220px;}
 .appLogo { margin-top:0px }
 .my-5mob { padding:50px; }
 .border-right-grey{ border:none }
 .hsmall {
  padding-top: 120px !important;
  padding-bottom: 160px !important;}
  @media only screen and (max-width: 767px) {
    .class-item .ci-text h4 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 4px;
  height: auto;
  min-height: 70px;
  overflow-y: hidden;
}
  .nav-menu.evento {
    display: block !important;
    text-align: right;
  }
}
}
 


@media only screen and (max-width: 767px) {
  .canvas-open {    position: absolute;    right: 20px;    top: 20px;} 
 .breadcrumb-section-noImage{  height: 70px;    }

}

@media only screen and (min-width: 1650px) and (max-width: 1920px) {
  .nav-menu ul li {
    margin-right: 30px;
  }
}

.nav-menu ul li a {
   font-size: 16px;
   font-weight: 500;
   
}

.nav-menu ul li .dropdown {
  position: absolute;
  left: 0px;
   
}
.ps-item ul li {
  font-size: 16px;
  color: #c4c4c4;
  line-height: 25px;
  list-style: none;
}
.btn-sml{ border-radius:0px; background-color: #31339a !important; font-family:"Nunito Sans"; font-size:20px !important }
.hs-slider .hs-item .hi-text h1 {
   margin-bottom: 12px;
   
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1300px;
  }
}

 /* The container must be positioned relative: */
.custom-select {
  position: relative;
 
}
 

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

.custom-select {
  font-family: Inter;
  color: #c4c4c4;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 
.cw-text p{ font-size:18px; font-family:Inter }
.mt-50{ margin-top:100px }
.hs-slider .hs-item {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 200px;
}

.leave-comment form input {
  margin-bottom: 10px;
}
#hero .content{
  margin-top:-100px;
}

#hero .content .why-box {
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 30px;
  border-radius: 4px;
  margin-bottom:20px;
}

#hero .content .why-box h3 {
  color: var(--contrast-color);
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 30px;
}

.footer-section-top {  margin:20px 0px;background-color: #000; padding: 50px 0px; }
.footer-section-top .section-title{ margin:0px;}
.footer-section-top h5{ font-family: "Nunito Sans"; font-size: 30px; color: #31339a; }
.bprder-right-grey{ border-right:1px solid #333 }
@media (min-width: 576px) {
  .detailDesc .modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
  }
  .detailDesc .modal-title{ color:#fff;font-size:25px }
}

.align-item-center{ display:grid; align-items:center; align-content:center; justify-content:center; }
.cta:before {
  background-color: rgba(0,0,0,0.5);
  height:100%;
}

.at-desc.wmodal p { display:inline; }

#hero .content .why-box p {
  margin-bottom: 30px;
}
.about-text.appMod{ align-content:baseline; padding-top:0px; height:auto !important }
.breadcrumb-text h2 {
  font-size: 50px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.about-video {
  min-height: 440px !important;
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.about-text {
  background: transparent;
    background-color: rgb(0, 0, 0);
  height: auto;
  padding: 30px 20px 0 20px;
}
.about-text {
  align-content: center;
  background-color: unset !important;
}
.truncateMultiH {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.titoloH {
  height: 53px !important;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: left;
  font-size: 1.03rem !important;
}

#hero .content .why-box .more-btn {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--contrast-color), transparent 80%);
  display: inline-block;
  padding: 6px 30px 8px 30px;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}
#hero .content .why-box .more-btn i {  font-size: 14px;}
#hero .content .why-box .more-btn:hover {  background: var(--surface-color);  color: var(--accent-color);}
#hero .content .icon-box { text-align: center;  border-radius: 10px;  background: color-mix(in srgb, var(--surface-color), transparent 20%);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);  padding: 40px 30px; width: 100%;  margin-bottom:20px;}
.hero .content .icon-box i { font-size: 40px;  color: var(--accent-color);}
.hero .content .icon-box h4 { font-size: 20px;  font-weight: 700;  margin: 10px 0 20px 0;}
#hero .content .icon-box p { font-size: 22px;   font-weight: 600;   margin-top: 24px; color:#333;  margin-bottom: 16px;}
 



.hero .content .icon-box { text-align: center;  border-radius: 10px;  background: #fff;  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.9);  padding: 20px 30px;  width: 100%;}

.hero .content .why-box { padding: 30px; border-radius: 4px;}
.about-text .section-title { margin-bottom: 20px;}
.phTitolo{ margin-top:10px;line-height:17px; font-size:14px; max-width:60%; align-content:center; margin:0px auto; margin-top:10px }
.phTitolo1{ margin-top:10px;line-height:16px; font-size:17px }
.phTitolo2{ margin-top:10px;line-height:20px; font-size:19px; font-weight:600 } 

.classes-section {
  background:#000 ;
  padding-bottom: 0px;
}

.ts_slider .ts_item .ti_pic img {
  height: auto;
  
  width:auto;
  border-radius: 0%;
}
.ts_slider .ts_item .ti_pic {
  margin-bottom: 0px;
}

 
.hs-slider .hs-item .hi-text span {
  display: block;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 18px;
  position: relative;
  margin-top: 15px;

  opacity: 0;
}

.ps-item .pi-price h2 {
  font-size: 30px;
  margin-top:10px;
  color: #31339a;
  font-weight: 500;
}

.eachPhoto{ padding:0px;height:400px; width:300px;background-size:contain; background-position:center center }

.align-v-center{
  align-content: center;
}
.smh-testo span.tit {  font-size: 16px;  color: #31339a;  text-transform: uppercase;  font-weight: 700;} 
.smh-testo span {  color: #c4c4c4;  text-transform: unset;  font-weight: 500;}  
.font-20{ font-size:20px }
.section-title h2 {  margin-top: 0px;}
p{ font-size:18px; color:#333 }
.about-video { height: auto;}
.team-title .section-title { padding-top:20px;}
.btn_sm {
  padding: .25rem 1.8rem;
  font-size: .875rem;
  line-height: 1.5;
  
}
.btn_lg {
  padding: .5rem 2rem;
  font-size: 1.25rem;
  line-height: 1.5;
  
}
.btn_xs {
  padding: .125rem .25rem;
  font-size: .75rem;
  line-height: 1.5;
 
}
.btn_normal {
  padding: 10px 35px;
  font-size: 16px;
  line-height: 1.5;
  
}
.ss-pic{ background-position:center center; background-color:#363636; align-content:center; align-items:center }
.form-group label{ font-family: "Nunito Sans"; font-size: 18px; }
.form-group input{ font-family: "Nunito Sans"; font-size: 18px; }
.leave-comment form input::placeholder {
  color: #c4c4c4; font-size: 20px !important;
}
.leave-comment form input,.leave-comment form textarea {
  color: #c4c4c4; font-size: 16px;
font-family: "Nunito Sans";  
}
.btn-primary {
  color: #fff;
  background-color: #094470 !important;
  border-color: #094470  !important;
  font-family: "Nunito Sans"; font-size: 22px;
  padding:5px 20px;
  border-radius: 0px;
}
.leave-comment .btn-primary {
  color: #fff;
  background-color: #094470  !important;
  border-color: #094470  !important;
  font-family: "Nunito Sans"; font-size: 18px;
}
.fs-widget h4 {
  font-size:18px;
}

.ps-item1 {
  padding: 40px 30px 52px;
  border: 1px solid #464646;
  margin-bottom: 30px;
  position: relative;
} 
.ps-item1:hover {
   background-color: inherit;
}

.leave-comment label { margin-bottom:3px;  font-family: "Nunito Sans"; font-size: 14px; }
.leave-comment label.block { margin-bottom:3px; font-size:14px; color:#fff }

.confermaR p{ font-family: "Nunito Sans" !important; font-size: 22px !important  }

.alert-dismissible .close {
  position: absolute;
  top: 0px;
  right: 0;
  padding: .55rem 2.25rem;
  color: #333;
  width: 10px;
  font-size:30px;
  background-color: transparent;
}

.mAcquisto{ color:#333;
  font-family: "Nunito Sans"; font-size: 20px; text-align:center; margin-bottom:100px } 
.about-text .at-desc p.CookieDeclarationDialogText{ color:#333; font-size:16px } 
.about-text .at-desc p.CookieDeclarationIntro{ color:#333; font-size:16px } 
.CookieDeclaration p{ color:#333 !important; font-size:16px !important}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #FFFFFF !important;
}

.gt-text i.fa-linkedin,.gt-text i.fa-instagram,.gt-text i.fa-twitter,.gt-text i.fa-facebook,.gt-text i.fa-youtube {
  font-size: 18px;
  color: #ffffff;
  display: inline-block;
  height: 45px;
  width: 45px;
  background: #3ba694; 
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  float: left;
  margin-top:0px;
  margin-right: 10px;
}

img.smh-img{width:50%; padding:30px}

@media only screen and (max-width: 767px) {
  .eachPhoto{ padding:0px;height:400px; width:100%;background-size:contain; background-position:center center }
   img.smh-img{width:100%; padding:10px}

.about-text.appMod {
   padding-top: 30px;
   
}
  .about-video {  min-height: 340px !important;} 
  .box-1-left{ text-align: left;}
  .box-2-left{ text-align: left; margin-top:20px;min-height:100px; align-content:center; justify-content:center;font-size:20px;padding:30px 30px; background-color:#7361a7; color:#fff; border-radius:20px }
  .box-3-left{text-align: left;margin-top:20px;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#69589b; color:#fff; border-radius:20px}
  .box-right-1{text-align:left;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#b18ec1; color:#fff; border-radius:20px}
   .box-right-2{text-align:left;margin-top:30px;min-height:100px; align-content:center; justify-content:center;font-size:18px;padding:30px 30px; background-color:#4b4e9b; color:#fff; border-radius:20px}
 
}

.primary-btn { background-color: #31339a !important; font-family:"Nunito Sans"; font-size:18px; width:80% !important; border-radius:5px }

.gettouch-section {
  background: #31339a;
  padding: 30px 0 15px;
    padding-top: 30px;
}
.gt-text i {
  font-size: 20px;
  color: #ffffff;
  display: inline-block;
  height: 45px;
  width: 45px;
  background: #3ba694;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  float: left;
  margin-right: 20px;
}

.fs-about .fa-logo {
  margin-bottom: 20px;
}

.blog-details-hero .container{    }

h5.text-black-sm{ color:#333; font-size:18px; margin-bottom:15px }

.footer-section.slim{ margin-top:0px; padding-top: 0px; position:relative; margin-top:0px; width:100%; bottom:0px }
.footer-section.slim .copyright-text { border:none;padding:10px 0px; margin:0px }
.footer-section.slim .copyright-text p{ font-size:11px }
.footer-section.slim .copyright-text p a{ color:#fff }
.copyright-text p{ font-size:12px }

.post-body .category{ text-align: right;  }
.post-body .category a { color:#333; font-size:12px; background-color:#d0cef9; padding:3px 10px; border-radius:5px  }


.btn-small{ padding:5px 10px !important; font-size:14px !important; text-transform: uppercase; background-color:#094470 !important }
.post-meta{ padding-bottom:10px }

.post-meta-date{ font-size:12px; }
.post-footer{ line-height:40px; margin-top:20px }
.font14{ font-size:14px }

.shareOn{ text-align:right;font-size:30px; font-family:"Nunito Sans";margin-bottom:10px }
.gt-socials{ text-align: left; margin-bottom:10px }
h2.ptitolo{ font-size:16px; margin-bottom:0px; font-family: Inter; margin-top: 30px; }
.mSottotiolo{ font-size: 20px !important;
  font-weight: 400;
  color: #333;
  font-family: "Nunito Sans";
  margin-top: 15px; line-height:25px; margin-bottom:20px }
@media only screen and (max-width: 767px) {
 .blog-details-text .blog-details-quote {
  margin-top: 20px; font-size: 16px;
} 
 .blog-details-section .medium { margin-top: 30px } 
.shareOn{ text-align:center;font-size:25px; font-family:"Nunito Sans";margin-bottom:10px }
.gt-socials{ text-align: center; margin-bottom:10px; display:flex; align-content:center; align-items:center; justify-content:center; justify-items:center; }
.footer-section.slim{ margin-top:0px; padding-top: 0px; position:relative;  width:100% }
} 

.font-"Nunito Sans"{ font-family:"Nunito Sans" }
.contact-section {
  background: #fff;
}

.ts-item .ts_text.ts_text1 {  padding: 20px 0 30px; border-top:1px solid #464646;bottom: -30px;
  width: 100%;  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.nav-menu ul li:hover > a { color: #5fccb4; }
.nav-menu ul li a::after { background: #5fccb4; }
.nav-menu ul li.active > a {  color: #5fccb4; }
.breadcrumb-section-noImage {  background-color: #5fccb4; margin-bottom: 50px}


.ts_slider.owl-carousel .owl-nav button {
  height: 46px;
  width: 46px;
  color: #333;
  background: rgba(255, 255, 255, 0.3);
  line-height: 46px;
  text-align: center;
  font-size: 24px;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-23px);
  -ms-transform: translateY(-23px);
  transform: translateY(-23px);
}
.ts_slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 20px;
}

.footer-section .ts_slider.owl-carousel .owl-nav button{ display:none }


.header-section.sticky-top{
  position: fixed;
  background-color: #0c4c78;
}
.blog-item .bi-text h5 {
  font-size: 18px !important;
  color: #333;
  margin-bottom: 0px;
}
.blog-item .bi-text p b {
  font-weight: 400;
  font-size: 14px;
}
.blog-item .bi-text p {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: left;
}
.nav-menu ul li .dropdown {
  position: absolute;
  left: -30px;
  top: 58px;
  width: 380px;
}

.blog-item .bi-text p {
  color: #333;
  font-size: 14px !important;
  line-height: 22px;
  margin-bottom: 0;
  text-align: left;
}


.blog-item .bi-pic img {
  width: 360px;
  height: 210px;
  min-width: 100%;
}
@media only screen and (max-width: 767px) {
  .blog-item .bi-text {
    background-color: rgba(255,255,255,.8);
    position: relative;
    z-index: 1;   
  }

.blog-item .bi-pic img {
  width: 360px;
  height: 185px;
  min-width: 100%;
}
  .blog-item {
     margin-bottom: 20px;
     padding-bottom: 0px;
  }
  .blog-item .bi-text ul li {
  font-size: 12px;
  color: #333;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}
}

.blog-item .bi-text p {
  color: #333;
  font-size: 16px !important;
  line-height: 22px;
  margin-bottom: 0;
  text-align: left;
}