
/* transform */
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'SUSE', sans-serif;
  --tp-ff-heading: 'SUSE', serif;
  --tp-ff-dm: 'SUSE', serif;
  --tp-ff-p: 'SUSE', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #fff;
  --tp-common-black: #000;
  --tp-common-white-2: #f6f6f6;
  --tp-common-yellow: #fdc93a;
  --tp-grey-1: #000203;
  --tp-grey-2: #354c4c;
  --tp-grey-3: #f0f6f5;
  --tp-grey-4: #f3f4f4;
  --tp-theme-primary: #00566a;
  --tp-theme-secondary: #e43e4e;
  --tp-border-1: rgba(31, 49, 48, 0.1);
  --tp-border-2: rgba(31, 49, 48, 0.12);
  --tp-border-3: rgba(255, 255, 255, 0.55);
  --tp-border-4: rgba(255, 255, 255, 0.6);
}


/* GENERICI */
.loading { --_g: no-repeat radial-gradient(circle closest-side,#e43e4e 90%,#0000);}
.back-to-top-btn {color: var(--tp-common-white);}
.red {color: var(--tp-theme-secondary);}
h2 {font-size: 40px;}
img {height: auto;}

/* HEADER */
.tp-onepage-menu {text-transform: uppercase;}
.tp-onepage-menu a:hover, .change-lang a:hover {color: #e43e4e !important;}
.tp-main-menu > nav > ul > li > a {font-weight: 400;}
.tp-main-menu > nav > ul > li:not(:last-child) {margin-left: 20px; margin-right: 0;}
.tp-onepage-menu li::before {content: "|"; margin-right: 20px;  font-size: 18px; line-height: 26px;}
.tp-onepage-menu li:last-child {margin-left: 30px; margin-right: 0;}
.tp-onepage-menu li:last-child::after {content: "|"; margin-left: 30px; font-size: 18px; line-height: 26px;}
.change-lang {font-size: 18px; line-height: 26px; font-weight: 500;}

/* SLIDE */
.swiper-wrapper {height: 685px;}
.tp-hero-bg {height: 650px; animation-iteration-count: 1;}

/* CHI SIAMO */
#chi-siamo p {color: var(--tp-theme-primary); font-size: 25px; line-height: 36px; font-weight: 700;}

/* VISION */
#vision p {color: var(--tp-theme-primary); font-size: 18px; line-height: 36px;}

/* MISSION */
.tp-service-item {padding: 0; height: 100%;}
.tp-service-content {padding: 0px 30px 0px;}
.tp-service-thumb img {width: 100%;}
#mission h3 {min-height: 80px;}
.tp-service-item:hover {border: none;}

/* CAMPUS */
#campus .gx-20 {--bs-gutter-x: 0;}
#campus .img {object-fit: cover;}
#campus .testo {padding: 60px;}
#campus h2 {margin-bottom: 25px;}
#campus strong {color: var(--tp-theme-primary);}

/* IL GRUPPO */
.tp-brands-area {border-top:none;}
.tp-brands-wrap a {padding: 15px 10px; mix-blend-mode: normal;; opacity: 100%;}
.tp-brands-wrap > div > div > div {padding: 0 30px;}


/* FOOTER */
.footer-logo {border-right: 1px solid #ffffff;}
.footer-logo p {color: var(--tp-common-white);}


/* FOOTER */
@media only screen and (max-width: 1199px) {
  .container, .container-md, .container-sm, .container-xs {max-width: 100%;}
  .tp-brands-wrap ul {column-count: auto; display: flex; flex-wrap: wrap;}
  .tp-brands-wrap ul li {width: 33.3%;}
}

@media only screen and (max-width: 767px) {
    .tp-brands-wrap ul li {width: 50%;}
}

@media only screen and (max-width: 576px) {
    .tp-hero-spacing {padding-top: 70px;}
    .tp-brands-wrap ul li {width: 50%;}
}

@media only screen and (max-width: 575px) {
    .swiper-wrapper {height: 315px;}
    .tp-hero-bg {height: 300px;}
    .swiper-wrapper h2 {font-size: 22px; line-height: 42px;}
    .tp-hero-content-wrapper h2.tp-theme-primary {margin-top: 70px;}
    #chi-siamo p {font-size: 18px;line-height: 30px;}
    #campus .testo {padding: 20px;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-hero-spacing {padding-top: 70px;}
    .swiper-wrapper {height: 415px;}
    .tp-hero-bg {height: 400px;}
    .swiper-wrapper h2 {font-size: 28px; line-height: 46px;}
    .tp-hero-content-wrapper h2.tp-theme-primary {margin-top: 130px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-hero-content-wrapper h2.tp-theme-primary {margin-top: 180px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* IL GRUPPO */
    .tp-brands-wrap ul {overflow-x: auto;}
    .tp-hero-content-wrapper h2.tp-theme-primary {margin-top: 180px;}
}
