/* color-orange: #f28149 */
/* color-blu: #0a2135; */
/* The good stuff: */


:root {
--bs-font-sans-serif: 'Poppins', sans-serif;
--bs-primary: #0a2135!important;
--bs-secondary: #f28149!important;
--bs-white: #ffffff;
--bs-black: #000000;
--bs-dark: #212529;

--underline-intrinsic-width: 15;

--underline-width: 30;

--underline-color:  #f28149;

--underline-cap-width: 5px;

--underline-offset-y: -2px;

--underline-padding-x: -0.50em;
}

body {
  font-size: 1.25rem;
  line-height: 1.25;
  font-family: var(--bs-font-sans-serif);
}

.container-custom{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.bg-blue {background-color: var(--bs-primary);}

.bg-cover { background-size: cover;}

/*Colors
--------------------------------------------------*/


a span:hover{
  color: var(--bs-secondary);
}

/*Typography
--------------------------------------------------*/

  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5 {
    margin: 3rem 0 1.38rem;
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
    line-height: 1.3;
  }

  h1, .h1 {
    margin-top: 0;
    font-size: 2.8rem;
  }

  h2, .h2 {font-size: 2.441rem;}

  h3, .h3 {font-size: 1.953rem;}

  h4, .h4 {font-size: 1.563rem;}

  h5, .h5 {font-size: 1.25rem;}


/* Box shadow
---------------------------------------------------- */
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.shadow-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
.shadow-none { box-shadow: none!important; }

/*Text Colors
------------------------------------------------------*/
.text-white { color: var(--bs-white)!important; }
.text-dark { color: var(--bs-black)!important; }

/* Background Colors
---------------------------------------------------- */
.bg-white { background-color: var(--bs-white)!important; }
.bg-dark { background-color: var(--bs-black)!important; }
.bg-transparent { background-color: transparent!important; }

/* Z-index
---------------------------------------------------- */
.z-90 { z-index: 90!important; }
.z-93 { z-index: 93!important; }
.z-96 { z-index: 96!important; }
.z-99 { z-index: 99!important; }

.z-990 {z-index: 990!important; }
.z-993 { z-index: 993!important; }
.z-996 { z-index: 996!important; }
.z-999 { z-index: 999!important; }

.z-9990 { z-index: 9990!important; }
.z-9993 { z-index: 9993!important; }
.z-9996 { z-index: 9996!important; }
.z-9999 { z-index: 9999!important; }


/* Extend ratio classes
---------------------------------------------------- */
.ratio-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
.ratio-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
.ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
.ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
.ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

.ratio {
	position: relative;
	width: 100%;
}

.ratio > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ratio::before {
	display: block;
	padding-top: var(--aspect-ratio);
	content: "";
}

.ratio-auto > * {
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
}

.ratio-auto::before {
	display: none;
	padding-top: 0;
}


/*margin classes
---------------------------------------------------- */

.mt-6{margin-top: 4rem;}

.mh-vh{min-height: 45vh!important;}

/*BTN WORDPRESS
---------------------------------------------------------*/

.wp-block-button__link {
    border: none;
    border-radius: 1.55em;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    transition: all .2s;
    position: relative;
}

.wp-block-button__link:hover{
  text-decoration: none;
  background-color: var(--bs-secondary)!important;
  border-color: var(--bs-secondary)!important;
  color: var(--bs-dark)!important;
  transform: translateY(-3px);
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.2);
}

.btn-micro:link,
.btn-micro:visited {
  background-color: var(--bs-primary)!important;
  border-color: var(--bs-primary)!important;
  color: var(--bs-white);
  transition: all .2s;
  position: relative;
}

.btn-micro:hover{
  background-color: var(--bs-secondary)!important;
  border-color: var(--bs-secondary)!important;
  color: var(--bs-dark);
  transform: translateY(-3px);
  box-shadow: 0 1rem 2rem rgba(0,0,0,0.2);
}

.btn-micro:active{
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}


/*offcanvas
-----------------------------------------------------*/

.offcanvas-collapse {
  position: fixed;
  top: 91px; /* Height of navbar */
  bottom: 0;
  left: 100%;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  overflow-y: auto;
  visibility: hidden;
  background-color: var(--bs-primary);
  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
}

.offcanvas-collapse.open {
  visibility: visible;
  transform: translateX(-100%);
}

/*Nav
---------------------------------------*/

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-underline .nav-link:hover {
  color: #007bff;
}

.nav-underline .active {
  font-weight: 500;
  color: #343a40;
}

.nav-link {
  font-size: 2rem;
}

.navbar-dark .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/*TITLE BACKGROUND
-----------------------------------------------------------------------------*/

.underline {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  padding: 0 calc(var(--underline-padding-x) + calc(var(--underline-cap-width) * var(--underline-width-scale)));
  box-decoration-break: clone;
  background-repeat: no-repeat;
  /* color: #1221ff; */
  background-image:
    linear-gradient(180deg, var(--underline-color), var(--underline-color));
  background-position-x: right;
  background-position-y: calc(100% - var(--underline-offset-y) * -1);
  background-size:
    calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px),
    auto calc(var(--underline-width) * 1px);
}


/*SECTIONS
------------------------------------------------------------------------------*/

#sec-intro .display-1{
  font-weight: 900;
  font-size: 4rem;
}

#sec-servizi {
  background-color: var(--bs-primary);
}

#sec-servizi ul {
  padding-left: 0;
}

#sec-servizi ul li{
  list-style: none;
  font-size: 1.15rem;
  line-height: 1.5;
}

#sec-servizi h4{
	font-size: 1.5rem;
}

#sec-about .card{
  border: 0;
}

#sec-about .card .card-body{
  padding: 0;
}

#sec-about .card .card-footer{
  background-color: var(--bs-white);
  border-top: 0;
}

#sec-about .subtitle{
  font-size: 1.2rem;
}


#sec-contatti {
  font-size: 1.1rem;
}

#sec-contatti .fas,
#sec-contatti .far,
#sec-contatti .fab{
  font-size: 2rem;
}

#sec-contatti .footer-txt p{
  font-size: 0.8rem;
  position:absolute;
}

#sec-slider p{
  margin-top: 3rem;
}

/*Slider
------------------------------------------------------------------------------*/
.carousel-item .col-xl-7 {
	min-height: 40vh;
}

.carousel-indicators li {
	background: var(--bs-primary);
  width: 20px;
	height: 0px;
  border-radius: 50%;
}


/*LANGUAGE SELECTORS
------------------------------------------------------------------------------*/

#flags_language_selector img{
 margin:5px;
}


/*FOOTER
------------------------------------------------------------------------------*/

.site-info{
  font-size: 1rem;
}



/*MEDIA QUERIES
------------------------------------------------------------------------------*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  .container-custom {
    max-width: 540px;
  }

  /* Box shadow
  ---------------------------------------------------- */
  .shadow-sm { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
  .shadow-sm-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
  .shadow-sm-none { box-shadow: none!important; }

  /*Text Colors
  ------------------------------------------------------*/
  .text-sm-primary { color: #6564e6!important; }
  .text-sm-white { color: var(--bs-white)!important; }
  .text-sm-dark { color: var(--bs-black)!important; }


  /* Background Colors
  ---------------------------------------------------- */
  .bg-sm-primary { background-color: #6564e6!important; }
  .bg-sm-white { background-color: var(--bs-white)!important; }
  .bg-sm-dark { background-color: var(--bs-black)!important; }
  .bg-sm-transparent { background-color: transparent!important; }


  /* Z-index
  ---------------------------------------------------- */
  .z-sm-90 { z-index: 90!important; }
  .z-sm-93 { z-index: 93!important; }
  .z-sm-96 { z-index: 96!important; }
  .z-sm-99 { z-index: 99!important; }

  .z-sm-990 {z-index: 990!important; }
  .z-sm-993 { z-index: 993!important; }
  .z-sm-996 { z-index: 996!important; }
  .z-sm-999 { z-index: 999!important; }

  .z-sm-9990 { z-index: 9990!important; }
  .z-sm-9993 { z-index: 9993!important; }
  .z-sm-9996 { z-index: 9996!important; }
  .z-sm-9999 { z-index: 9999!important; }


  /* Extend ratio classes
  ---------------------------------------------------- */
  .ratio-sm-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
  .ratio-sm-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
  .ratio-sm-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
  .ratio-sm-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
  .ratio-sm-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

  .ratio-sm {
  	position: relative;
  	width: 100%;
  }

  .ratio-sm > * {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .ratio-sm::before {
  	display: block;
  	padding-top: var(--aspect-ratio);
  	content: "";
  }

  .ratio-sm-auto > * {
  	position: static;
  	top: auto;
  	left: auto;
  	width: auto;
  	height: auto;
  }

  .ratio-sm-auto::before {
  	display: none;
  	padding-top: 0;
  }


  /* Negative margin classes
  ---------------------------------------------------- */
  .mt-sm-n1 { margin-top: -.25rem!important; }
  .me-sm-n1 { margin-right: -.25rem!important; }
  .mb-sm-n1 { margin-bottom: -.25rem!important; }
  .ms-sm-n1 { margin-left: -.25rem!important; }

  .mt-sm-n2 { margin-top: -.5rem!important; }
  .me-sm-n2 { margin-right: -.5rem!important; }
  .mb-sm-n2 { margin-bottom: -.5rem!important; }
  .ms-sm-n2 { margin-left: -.5rem!important; }

  .mt-sm-n3 {	margin-top: -1rem!important; }
  .me-sm-n3 { margin-right: -1rem!important; }
  .mb-sm-n3 {	margin-bottom: -1rem!important;	}
  .ms-sm-n3 {	margin-left: -1rem!important; }

  .mt-sm-n4 {	margin-top: -1.5rem!important; }
  .me-sm-n4 {	margin-right: -1.5rem!important; }
  .mb-sm-n4 {	margin-bottom: -1.5rem!important; }
  .ms-sm-n4 {	margin-left: -1.5rem!important; }

  .mt-sm-n5 { margin-top: -3rem!important; }
  .me-sm-n5 {	margin-right: -3rem!important; }
  .mb-sm-n5 { margin-bottom:- 3rem!important; }
  .ms-sm-n5 { margin-left: -3rem!important; }

/*Min viewport Height
---------------------------------------------------*/
  .min-vh-sm-100 { min-height: 100vh; }
  .min-vh-sm-auto { min-height: auto; }

/*Positioning
---------------------------------------------------*/
  .position-sm-static { position: static; }
  .position-sm-relative { position: relative; }
  .position-sm-absolute { position: absolute; }
  .position-sm-fixed { position: fixed; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {


  .container-custom{
    max-width: 720px;
  }
  /* Box shadow
  ---------------------------------------------------- */
  .shadow-md { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
  .shadow-md-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
  .shadow-md-none { box-shadow: none!important; }

  /*Text Colors
  ------------------------------------------------------*/
  .text-md-primary { color: #6564e6!important; }
  .text-md-white { color: var(--bs-white)!important; }
  .text-md-dark { color: var(--bs-black)!important; }


  /* Background Colors
  ---------------------------------------------------- */
  .bg-md-primary { background-color: #6564e6!important; }
  .bg-md-white { background-color: var(--bs-white)!important; }
  .bg-md-dark { background-color: var(--bs-black)!important; }
  .bg-md-transparent { background-color: transparent!important; }


  /* Z-index
  ---------------------------------------------------- */
  .z-md-90 { z-index: 90!important; }
  .z-md-93 { z-index: 93!important; }
  .z-md-96 { z-index: 96!important; }
  .z-md-99 { z-index: 99!important; }

  .z-md-990 {z-index: 990!important; }
  .z-md-993 { z-index: 993!important; }
  .z-md-996 { z-index: 996!important; }
  .z-md-999 { z-index: 999!important; }

  .z-md-9990 { z-index: 9990!important; }
  .z-md-9993 { z-index: 9993!important; }
  .z-md-9996 { z-index: 9996!important; }
  .z-md-9999 { z-index: 9999!important; }


  /* Extend ratio classes
  ---------------------------------------------------- */
  .ratio-md-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
  .ratio-md-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
  .ratio-md-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
  .ratio-md-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
  .ratio-md-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

  .ratio-md {
  	position: relative;
  	width: 100%;
  }

  .ratio-md > * {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .ratio-md::before {
  	display: block;
  	padding-top: var(--aspect-ratio);
  	content: "";
  }

  .ratio-md-auto > * {
  	position: static;
  	top: auto;
  	left: auto;
  	width: auto;
  	height: auto;
  }

  .ratio-md-auto::before {
  	display: none;
  	padding-top: 0;
  }


  /* Negative margin classes
  ---------------------------------------------------- */
  .mt-md-n1 { margin-top: -.25rem!important; }
  .me-md-n1 { margin-right: -.25rem!important; }
  .mb-md-n1 { margin-bottom: -.25rem!important; }
  .ms-md-n1 { margin-left: -.25rem!important; }

  .mt-md-n2 { margin-top: -.5rem!important; }
  .me-md-n2 { margin-right: -.5rem!important; }
  .mb-md-n2 { margin-bottom: -.5rem!important; }
  .ms-md-n2 { margin-left: -.5rem!important; }

  .mt-md-n3 {	margin-top: -1rem!important; }
  .me-md-n3 { margin-right: -1rem!important; }
  .mb-md-n3 {	margin-bottom: -1rem!important;	}
  .ms-md-n3 {	margin-left: -1rem!important; }

  .mt-md-n4 {	margin-top: -1.5rem!important; }
  .me-md-n4 {	margin-right: -1.5rem!important; }
  .mb-md-n4 {	margin-bottom: -1.5rem!important; }
  .ms-md-n4 {	margin-left: -1.5rem!important; }

  .mt-md-n5 { margin-top: -3rem!important; }
  .me-md-n5 {	margin-right: -3rem!important; }
  .mb-md-n5 { margin-bottom:- 3rem!important; }
  .ms-md-n5 { margin-left: -3rem!important; }

/* Min Viewport Height
--------------------------------------*/
  .min-vh-md-100 { min-height: 100vh; }
  .min-vh-md-auto { min-height: auto; }
  .mh-vh{min-height: 60vh!important;}

/*Positioning
--------------------------------------------------*/
  .position-md-static { position: static; }
  .position-md-relative { position: relative; }
  .position-md-absolute { position: absolute; }
  .position-md-fixed { position: fixed; }

  /*Nav
  ---------------------------------------------------------------------------*/
  .nav-link {
    font-size: 3rem;
  }

	/*Slider
	------------------------------------------------------------------------------*/
	.carousel-item .col-xl-7 {
		min-height: 50vh;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .container-custom {
    max-width: 900px;
  }

  /* Box shadow
  ---------------------------------------------------- */
  .shadow-lg { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
  .shadow-lg-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
  .shadow-lg-none { box-shadow: none!important; }

  /*Text Colors
  ------------------------------------------------------*/
  .text-lg-primary { color: #6564e6!important; }
  .text-lg-white { color: var(--bs-white)!important; }
  .text-lg-dark { color: var(--bs-black)!important; }


  /* Background Colors
  ---------------------------------------------------- */
  .bg-lg-primary { background-color: #6564e6!important; }
  .bg-lg-white { background-color: var(--bs-white)!important; }
  .bg-lg-dark { background-color: var(--bs-black)!important; }
  .bg-lg-transparent { background-color: transparent!important; }


  /* Z-index
  ---------------------------------------------------- */
  .z-lg-90 { z-index: 90!important; }
  .z-lg-93 { z-index: 93!important; }
  .z-lg-96 { z-index: 96!important; }
  .z-lg-99 { z-index: 99!important; }

  .z-lg-990 {z-index: 990!important; }
  .z-lg-993 { z-index: 993!important; }
  .z-lg-996 { z-index: 996!important; }
  .z-lg-999 { z-index: 999!important; }

  .z-lg-9990 { z-index: 9990!important; }
  .z-lg-9993 { z-index: 9993!important; }
  .z-lg-9996 { z-index: 9996!important; }
  .z-lg-9999 { z-index: 9999!important; }


  /* Extend ratio classes
  ---------------------------------------------------- */
  .ratio-lg-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
  .ratio-lg-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
  .ratio-lg-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
  .ratio-lg-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
  .ratio-lg-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

  .ratio-lg {
  	position: relative;
  	width: 100%;
  }

  .ratio-lg > * {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .ratio-lg::before {
  	display: block;
  	padding-top: var(--aspect-ratio);
  	content: "";
  }

  .ratio-lg-auto > * {
  	position: static;
  	top: auto;
  	left: auto;
  	width: auto;
  	height: auto;
  }

  .ratio-lg-auto::before {
  	display: none;
  	padding-top: 0;
  }


  /* Negative margin classes
  ---------------------------------------------------- */
  .mt-lg-n1 { margin-top: -.25rem!important; }
  .me-lg-n1 { margin-right: -.25rem!important; }
  .mb-lg-n1 { margin-bottom: -.25rem!important; }
  .ms-lg-n1 { margin-left: -.25rem!important; }

  .mt-lg-n2 { margin-top: -.5rem!important; }
  .me-lg-n2 { margin-right: -.5rem!important; }
  .mb-lg-n2 { margin-bottom: -.5rem!important; }
  .ms-lg-n2 { margin-left: -.5rem!important; }

  .mt-lg-n3 {	margin-top: -1rem!important; }
  .me-lg-n3 { margin-right: -1rem!important; }
  .mb-lg-n3 {	margin-bottom: -1rem!important;	}
  .ms-lg-n3 {	margin-left: -1rem!important; }

  .mt-lg-n4 {	margin-top: -1.5rem!important; }
  .me-lg-n4 {	margin-right: -1.5rem!important; }
  .mb-lg-n4 {	margin-bottom: -1.5rem!important; }
  .ms-lg-n4 {	margin-left: -1.5rem!important; }

  .mt-lg-n5 { margin-top: -3rem!important; }
  .me-lg-n5 {	margin-right: -3rem!important; }
  .mb-lg-n5 { margin-bottom:- 3rem!important; }
  .ms-lg-n5 { margin-left: -3rem!important; }


/*Min viewport Height
---------------------------------------------------*/
  .min-vh-lg-100 { min-height: 100vh; }
  .min-vh-lg-auto { min-height: auto; }
  .mh-vh{min-height: 80vh!important;}

/*Positioning
--------------------------------------------------*/
  .position-lg-static { position: static; }
  .position-lg-relative { position: relative; }
  .position-lg-absolute { position: absolute; }
  .position-lg-fixed { position: fixed; }

/*Typography
--------------------------------------------------*/

  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5 {
    margin: 3rem 0 1.38rem;
    font-family: var(--bs-font-sans-serif);
    font-weight: 400;
    line-height: 1.3;
  }

  h1, .h1 {
    margin-top: 0;
    font-size: 3.209rem;
  }

  h2, .h2 {font-size: 3.157rem;}

  h3, .h3 {font-size: 2.369rem;}

  h4, .h4 {font-size: 1.777rem;}

  h5, .h5 {font-size: 1.333rem;}


  /*
  	Slide effects
  ------------------------------------------------ */

	.slide-in-bottom {
		-webkit-transform: translate3d(0px, 100%, 0px);
		-moz-transform: translate3d(0px, 100%, 0px);
		-ms-transform: translate3d(0px, 100%, 0px);
		transform: translate3d(0px, 100%, 0px);
		transition: all 1s ease-out;
	}

	.slide-in-left-1,
	.slide-in-left-2,
	.slide-in-left-3 {
		-webkit-transform: translate3d(100%, 0px, 0px);
		-moz-transform: translate3d(100%, 0px, 0px);
		-ms-transform: translate3d(100%, 0px, 0px);
		transform: translate3d(100%, 0px, 0px);
		transition: all 1s ease-in; 
	}

	.slide-in-bottom.active,
	.slide-in-left-1.active,
	.slide-in-left-2.active,
	.slide-in-left-3.active {
		-webkit-transform: translate3d(0px, 10%, 0px);
		-moz-transform: translate3d(0px, 10%, 0px);
		-ms-transform: translate3d(0px, 10%, 0px);
		transform: translate3d(0px, 10%, 0px);
	}

	/*Slider
	------------------------------------------------------------------------------*/
	.carousel-item .col-xl-7 {
		min-height: 60vh;
	}

	.transparent {
		opacity: 0;
	}


  /*SECTIONS
  ------------------------------------------------------------------------*/

  #sec-intro .display-1{
    font-size: 6rem;
  }

  #sec-about .card .card-body h4{
    font-size: 1.5rem;
  }
  #sec-about .card .card-body .subtitle{
    font-size: 1rem;
  }

}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .container-custom{
    max-width: 1400px;
  }

  /* Box shadow
  ---------------------------------------------------- */
  .shadow-xl { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
  .shadow-xl-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
  .shadow-xl-none { box-shadow: none!important; }

  /*Text Colors
  ------------------------------------------------------*/
  .text-xl-primary { color: #6564e6!important; }
  .text-xl-white { color: var(--bs-white)!important; }
  .text-xl-dark { color: var(--bs-black)!important; }


  /* Background Colors
  ---------------------------------------------------- */
  .bg-xl-primary { background-color: #6564e6!important; }
  .bg-xl-white { background-color: var(--bs-white)!important; }
  .bg-xl-dark { background-color:  var(--bs-black)!important; }
  .bg-xl-transparent { background-color: transparent!important; }


  /* Z-index
  ---------------------------------------------------- */
  .z-xl-90 { z-index: 90!important; }
  .z-xl-93 { z-index: 93!important; }
  .z-xl-96 { z-index: 96!important; }
  .z-xl-99 { z-index: 99!important; }

  .z-xl-990 {z-index: 990!important; }
  .z-xl-993 { z-index: 993!important; }
  .z-xl-996 { z-index: 996!important; }
  .z-xl-999 { z-index: 999!important; }

  .z-xl-9990 { z-index: 9990!important; }
  .z-xl-9993 { z-index: 9993!important; }
  .z-xl-9996 { z-index: 9996!important; }
  .z-xl-9999 { z-index: 9999!important; }


  /* Extend ratio classes
  ---------------------------------------------------- */
  .ratio-xl-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
  .ratio-xl-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
  .ratio-xl-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
  .ratio-xl-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
  .ratio-xl-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

  .ratio-xl {
  	position: relative;
  	width: 100%;
  }

  .ratio-xl > * {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .ratio-xl::before {
  	display: block;
  	padding-top: var(--aspect-ratio);
  	content: "";
  }

  .ratio-xl-auto > * {
  	position: static;
  	top: auto;
  	left: auto;
  	width: auto;
  	height: auto;
  }

  .ratio-xl-auto::before {
  	display: none;
  	padding-top: 0;
  }


  /* Negative margin classes
  ---------------------------------------------------- */
  .mt-xl-n1 { margin-top: -.25rem!important; }
  .me-xl-n1 { margin-right: -.25rem!important; }
  .mb-xl-n1 { margin-bottom: -.25rem!important; }
  .ms-xl-n1 { margin-left: -.25rem!important; }

  .mt-xl-n2 { margin-top: -.5rem!important; }
  .me-xl-n2 { margin-right: -.5rem!important; }
  .mb-xl-n2 { margin-bottom: -.5rem!important; }
  .ms-xl-n2 { margin-left: -.5rem!important; }

  .mt-xl-n3 {	margin-top: -1rem!important; }
  .me-xl-n3 { margin-right: -1rem!important; }
  .mb-xl-n3 {	margin-bottom: -1rem!important;	}
  .ms-xl-n3 {	margin-left: -1rem!important; }

  .mt-xl-n4 {	margin-top: -1.5rem!important; }
  .me-xl-n4 {	margin-right: -1.5rem!important; }
  .mb-xl-n4 {	margin-bottom: -1.5rem!important; }
  .ms-xl-n4 {	margin-left: -1.5rem!important; }

  .mt-xl-n5 { margin-top: -3rem!important; }
  .me-xl-n5 {	margin-right: -3rem!important; }
  .mb-xl-n5 { margin-bottom:- 3rem!important; }
  .ms-xl-n5 { margin-left: -3rem!important; }



/*Min viewport Height
------------------------------------------------------*/

  .min-vh-xl-100 { min-height: 100vh; }
  .min-vh-xl-auto { min-height: auto; }


  .position-xl-static { position: static; }
  .position-xl-relative { position: relative; }
  .position-xl-absolute { position: absolute; }
  .position-xl-fixed { position: fixed; }

  .offcanvas-collapse {
    position: fixed;
    top: 85px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 30vw;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: var(--bs-primary);
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  }

  /*SECTIONS
  ---------------------------------------------------------------------------*/
  #sec-about .card .card-body h4{
    font-size: 1.7rem;
  }
  #sec-about .card .card-body .subtitle{
    font-size: 1.2rem;
  }

	/*Slider
	------------------------------------------------------------------------------*/
	.carousel-item .col-xl-7 {
		min-height: 80vh;
	}

}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

  /* Box shadow
  ---------------------------------------------------- */
  .shadow-xxl { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
  .shadow-xxl-2 { box-shadow: 0 2rem 2rem rgba(0,0,0,.15)!important; }
  .shadow-xxl-none { box-shadow: none!important; }

  /*Text Colors
  ------------------------------------------------------*/
  .text-xxl-primary { color: #6564e6!important; }
  .text-xxl-white { color: var(--bs-white)!important; }
  .text-xxl-dark { color: var(--bs-black)!important; }


  /* Background Colors
  ---------------------------------------------------- */
  .bg-xxl-primary { background-color: #6564e6!important; }
  .bg-xxl-white { background-color: var(--bs-white)!important; }
  .bg-xxl-dark { background-color: var(--bs-black)!important; }
  .bg-xxl-transparent { background-color: transparent!important; }


  /* Z-index
  ---------------------------------------------------- */
  .z-xxl-90 { z-index: 90!important; }
  .z-xxl-93 { z-index: 93!important; }
  .z-xxl-96 { z-index: 96!important; }
  .z-xxl-99 { z-index: 99!important; }

  .z-xxl-990 {z-index: 990!important; }
  .z-xxl-993 { z-index: 993!important; }
  .z-xxl-996 { z-index: 996!important; }
  .z-xxl-999 { z-index: 999!important; }

  .z-xxl-9990 { z-index: 9990!important; }
  .z-xxl-9993 { z-index: 9993!important; }
  .z-xxl-9996 { z-index: 9996!important; }
  .z-xxl-9999 { z-index: 9999!important; }


  /* Extend ratio classes
  ---------------------------------------------------- */
  .ratio-xxl-2x1 { --aspect-ratio: calc(1 / 2 * 100%); }
  .ratio-xxl-2x3 { --aspect-ratio: calc(3 / 2 * 100%); }
  .ratio-xxl-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }
  .ratio-xxl-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }
  .ratio-xxl-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

  .ratio-xxl {
  	position: relative;
  	width: 100%;
  }

  .ratio-xxl > * {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  .ratio-xxl::before {
  	display: block;
  	padding-top: var(--aspect-ratio);
  	content: "";
  }

  .ratio-xxl-auto > * {
  	position: static;
  	top: auto;
  	left: auto;
  	width: auto;
  	height: auto;
  }

  .ratio-xxl-auto::before {
  	display: none;
  	padding-top: 0;
  }


  /* Negative margin classes
  ---------------------------------------------------- */
  .mt-xxl-n1 { margin-top: -.25rem!important; }
  .me-xxl-n1 { margin-right: -.25rem!important; }
  .mb-xxl-n1 { margin-bottom: -.25rem!important; }
  .ms-xxl-n1 { margin-left: -.25rem!important; }

  .mt-xxl-n2 { margin-top: -.5rem!important; }
  .me-xxl-n2 { margin-right: -.5rem!important; }
  .mb-xxl-n2 { margin-bottom: -.5rem!important; }
  .ms-xxl-n2 { margin-left: -.5rem!important; }

  .mt-xxl-n3 {	margin-top: -1rem!important; }
  .me-xxl-n3 { margin-right: -1rem!important; }
  .mb-xxl-n3 {	margin-bottom: -1rem!important;	}
  .ms-xxl-n3 {	margin-left: -1rem!important; }

  .mt-xxl-n4 {	margin-top: -1.5rem!important; }
  .me-xxl-n4 {	margin-right: -1.5rem!important; }
  .mb-xxl-n4 {	margin-bottom: -1.5rem!important; }
  .ms-xxl-n4 {	margin-left: -1.5rem!important; }

  .mt-xxl-n5 { margin-top: -3rem!important; }
  .me-xxl-n5 {	margin-right: -3rem!important; }
  .mb-xxl-n5 { margin-bottom:- 3rem!important; }
  .ms-xxl-n5 { margin-left: -3rem!important; }

  /*Min viewport Height
  --------------------------------------------------*/

  .min-vh-xxl-100 { min-height: 100vh; }
  .min-vh-xxl-auto { min-height: auto; }

  .position-xxl-static { position: static; }
  .position-xxl-relative { position: relative; }
  .position-xxl-absolute { position: absolute; }
  .position-xxl-fixed { position: fixed; }

  /*SECTIONS
  ---------------------------------------------------------------------------*/

  #sec-contatti .footer-txt p{
    top: 85px;
  }

  /*
  Slide effects
  --------------------------------------------------------------------------*/
  .slide-in-left-1,
  .slide-in-left-2,
  .slide-in-left-3 {
    -webkit-transform: translate3d(200%, 0px, 0px);
      -moz-transform: translate3d(200%, 0px, 0px);
      -ms-transform: translate3d(200%, 0px, 0px);
      transform: translate3d(200%, 0px, 0px);
    transition: all 1s ease-in;
  }

}

/* // XXX-Large devices (larger desktops, 2560px and up) */
@media (min-width: 2560px){

	.carousel-item .col-xl-7,
	.mh-vh{
		min-height: 60vh;		
	}
	
	.mr-6{
		margin-right: 4rem;
	}
}