body{
	font-size: 16px;
	font-family: "roboto", sans-serif;
}

p{font-family: "roboto", sans-serif;}

.m-0 {margin: 0px !important}
.m-5 {margin: 5px !important}
.m-10 {margin: 10px !important}
.m-15 {margin: 15px !important}
.m-20 {margin: 20px !important}
.m-30 {margin: 30px !important}
.m-40 {margin: 40px !important}
.m-50 {margin: 50px !important}
.m-60 {margin: 60px !important}
.m-70 {margin: 70px !important}
.m-80 {margin: 80px !important}
.m-90 {margin: 90px !important}
.m-100 {margin: 100px !important}
.m-110 {margin: 110px !important}
.m-120 {margin: 120px !important}
.m-130 {margin: 130px !important}
.m-140 {margin: 140px !important}
.m-150 {margin: 150px !important}
.m-160 {margin: 160px !important}
.m-170 {margin: 170px !important}
.m-180 {margin: 180px !important}
.m-190 {margin: 190px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-5 {padding: 5px !important}
.p-10 {padding: 10px !important}
.p-15 {padding: 15px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-40 {padding: 40px !important}
.p-50 {padding: 50px !important}
.p-60 {padding: 60px !important}
.p-70 {padding: 70px !important}
.p-80 {padding: 80px !important}
.p-90 {padding: 90px !important}
.p-100 {padding: 100px !important}
.p-110 {padding: 110px !important}
.p-120 {padding: 120px !important}
.p-130 {padding: 130px !important}
.p-140 {padding: 140px !important}
.p-150 {padding: 150px !important}
.p-160 {padding: 160px !important}
.p-170 {padding: 170px !important}
.p-180 {padding: 180px !important}
.p-190 {padding: 190px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}
.mt-110 {margin-top: 110px !important}
.mt-120 {margin-top: 120px !important}
.mt-130 {margin-top: 130px !important}
.mt-140 {margin-top: 140px !important}
.mt-150 {margin-top: 150px !important}
.mt-160 {margin-top: 160px !important}
.mt-170 {margin-top: 170px !important}
.mt-180 {margin-top: 180px !important}
.mt-190 {margin-top: 190px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}
.mr-110 {margin-right: 110px !important}
.mr-120 {margin-right: 120px !important}
.mr-130 {margin-right: 130px !important}
.mr-140 {margin-right: 140px !important}
.mr-150 {margin-right: 150px !important}
.mr-160 {margin-right: 160px !important}
.mr-170 {margin-right: 170px !important}
.mr-180 {margin-right: 180px !important}
.mr-190 {margin-right: 190px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}
.mb-110 {margin-bottom: 110px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-130 {margin-bottom: 130px !important}
.mb-140 {margin-bottom: 140px !important}
.mb-150 {margin-bottom: 150px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-170 {margin-bottom: 170px !important}
.mb-180 {margin-bottom: 180px !important}
.mb-190 {margin-bottom: 190px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-110 {margin-left: 110px !important}
.ml-120 {margin-left: 120px !important}
.ml-130 {margin-left: 130px !important}
.ml-140 {margin-left: 140px !important}
.ml-150 {margin-left: 150px !important}
.ml-160 {margin-left: 160px !important}
.ml-170 {margin-left: 170px !important}
.ml-180 {margin-left: 180px !important}
.ml-190 {margin-left: 190px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pt-50 {padding-top: 50px !important}
.pt-60 {padding-top: 60px !important}
.pt-70 {padding-top: 70px !important}
.pt-80 {padding-top: 80px !important}
.pt-90 {padding-top: 90px !important}
.pt-100 {padding-top: 100px !important}
.pt-110 {padding-top: 110px !important}
.pt-120 {padding-top: 120px !important}
.pt-130 {padding-top: 130px !important}
.pt-140 {padding-top: 140px !important}
.pt-150 {padding-top: 150px !important}
.pt-160 {padding-top: 160px !important}
.pt-170 {padding-top: 170px !important}
.pt-180 {padding-top: 180px !important}
.pt-190 {padding-top: 190px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pr-50 {padding-right: 50px !important}
.pr-60 {padding-right: 60px !important}
.pr-70 {padding-right: 70px !important}
.pr-80 {padding-right: 80px !important}
.pr-90 {padding-right: 90px !important}
.pr-100 {padding-right: 100px !important}
.pr-110 {padding-right: 110px !important}
.pr-120 {padding-right: 120px !important}
.pr-130 {padding-right: 130px !important}
.pr-140 {padding-right: 140px !important}
.pr-150 {padding-right: 150px !important}
.pr-160 {padding-right: 160px !important}
.pr-170 {padding-right: 170px !important}
.pr-180 {padding-right: 180px !important}
.pr-190 {padding-right: 190px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-50 {padding-bottom: 50px !important}
.pb-60 {padding-bottom: 60px !important}
.pb-70 {padding-bottom: 70px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-90 {padding-bottom: 90px !important}
.pb-100 {padding-bottom: 100px !important}
.pb-110 {padding-bottom: 110px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-130 {padding-bottom: 130px !important}
.pb-140 {padding-bottom: 140px !important}
.pb-150 {padding-bottom: 150px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-170 {padding-bottom: 170px !important}
.pb-180 {padding-bottom: 180px !important}
.pb-190 {padding-bottom: 190px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pl-50 {padding-left: 50px !important}
.pl-60 {padding-left: 60px !important}
.pl-70 {padding-left: 70px !important}
.pl-80 {padding-left: 80px !important}
.pl-90 {padding-left: 90px !important}
.pl-100 {padding-left: 100px !important}
.pl-110 {padding-left: 110px !important}
.pl-120 {padding-left: 120px !important}
.pl-130 {padding-left: 130px !important}
.pl-140 {padding-left: 140px !important}
.pl-150 {padding-left: 150px !important}
.pl-160 {padding-left: 160px !important}
.pl-170 {padding-left: 170px !important}
.pl-180 {padding-left: 180px !important}
.pl-190 {padding-left: 190px !important}
.pl-200 {padding-left: 200px !important}
.bgCover{background-size: cover !important;}
.bgCenter{background-position: center center !important;}
.bgNoRepeat{background-repeat: no-repeat !important;}
.h100{height: 100% !important;}
.w100{width: 100% !important}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}

.fs-10{font-size: 10px;}
.fs-15{font-size: 15px;}
.fs-20{font-size: 20px;}
.fs-25{font-size: 25px;}
.fs-30{font-size: 30px;}
.fs-35{font-size: 35px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}
.fs-55{font-size: 55px;}
.fs-60{font-size: 60px;}

.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
@media (min-width:576px){
	.float-sm-left{float:left!important}
	.float-sm-right{float:right!important}
	.float-sm-none{float:none!important}
	
	.text-sm-left{text-align: left !important;}
	.text-sm-right{text-align: right !important;}
}
@media (min-width:768px){
	.float-md-left{float:left!important}
	.float-md-right{float:right!important}
	.float-md-none{float:none!important}
	
	.text-md-left{text-align: left !important;}
	.text-md-right{text-align: right !important;}
}
@media (min-width:992px){
	.float-lg-left{float:left!important}
	.float-lg-right{float:right!important}
	.float-lg-none{float:none!important}
	
	.text-lg-left{text-align: left !important;}
	.text-lg-right{text-align: right !important;}
}
@media (min-width:1200px){
	.float-xl-left{float:left!important}
	.float-xl-right{float:right!important}
	.float-xl-none{float:none!important}
	
	.text-xl-left{text-align: left !important;}
	.text-xl-right{text-align: right !important;}
}

.centerValign{
	display: flex;
  justify-content: center;
  align-items: center;
}


body{    background: #1c2445;}

.shape-overlays__path:nth-of-type(1) {
    fill: #1c2445;
}
.shape-overlays__path:nth-of-type(2) {
    fill: #ffffff;
}
.shape-overlays__path:nth-of-type(3) {
    fill: #ef7d00;
}
.preloader{
	background: #f07d00;
}

.overflow-hidden .header .logo img {
     -webkit-filter: brightness(1) invert(0); 
     filter: brightness(1) invert(0); 
}

.btn.btn-primary{
	
    height: 60px;
    line-height: 58px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 1);
	background-color: transparent;
    padding: 0 40px;
    font-size: 11px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
    overflow: hidden;

}
.btn.btn-primary * {
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
 .btn.btn-primary span {
    position: relative;
    display: inline-block;
}
.btn.btn-primary:hover span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
  .btn.btn-primary span:before {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0, 0, 0);
	  position: absolute;
    top: 100%;
    content: attr(data-hover);
}
.int-hero {
    padding: 0 100px;
    padding-top: 170px;
    padding-bottom: 70px;
	
	
	float: none;
    position: fixed;
    z-index: 3;
    background-color: transparent;
}

.header .logo img {
    width: 210px;
    /*filter: drop-shadow(0px 9px 7px #000000bb);*/
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "montserrat", sans-serif;
	font-weight: 700;
}
.page-loaded .int-hero .inner h2{
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}
.hamburger-navigation li a,
.contact .address h4,
.contact .titles h2,
.about-studio h5{
	font-family: "montserrat", sans-serif;
}
.hamburger-navigation li a{
	font-weight: 700;
}
.hero-image{
	color: #fff;
}
.hero-image .inner {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transform: all 0.7s ease;
    transition: all 0.7s ease;

    width: 100%;
        position: absolute;
    z-index: 3;
    left: 40px;
    top: 170px;
}
 .hero-image .inner h2 {
    max-width: 60%;
    font-size: 5em;
    float: left;
}
.page-loaded .hero-image .inner h2 {
    text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}

.page-loaded .hero-image .inner h2 {
    transform: translateY(0);
    transition-delay: 0.6s;
    opacity: 1;
}
.hero-image.minHeightBoxVideo{
	position: relative;
    min-height: 100%;
    /* min-height: 100vh; */
    padding: 0;
}

.hero-image .videoCont {
	position: relative;
    width: 100%;
    height: 100%;
	min-height: 350px;
    overflow: hidden;
}
.hero-image .videoCont video{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: 101%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}


.card {
    border: 1px solid #212746;
    padding: 30px;
    margin-bottom: 30px;
	height: calc(100% - 30px);
	.btnSp{
		display: inline-block;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		color: #fff;
		background-color: #ef7d00;
    	border-color: #ef7d00;
		
		font-size: 10px !important;
		padding: 4px 10px;
		margin-top: 10px;

		letter-spacing: 2px;

		text-transform: uppercase;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		text-shadow: none;
		text-decoration: none;
		font-weight: 400;
	}
}


.social-bar li{
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.social-bar li a i{
	font-size: 18px;
}
.bg1Color{
	background-color: #ef7d00;
	p {
		font-weight: 600;
	}
}
.bg1Color *{
	color: #fff;
}
.contentText{
	h2{
		font-size: 3em;
		font-family: "montserrat", sans-serif;
		font-weight: 700;
	}
	p{
		font-family: "roboto", sans-serif; opacity: 1;
		font-weight: 300;
		strong{
			font-weight: 700;
		}
	}
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
}
.contentText.left{
	padding-left: 60px;
	padding-right: 0;
}

.bg2Color{
	background-color: #f50c1a;
	color: #fff;
}

.bg2Color .nav-pills .nav-link{
	padding: 5px 15px 20px 30px; 
	background-color: transparent; color: #fff;
	font-size: 18px; line-height: 18px;
	font-weight: 700;
	box-shadow: none;
	position: relative;
}
	.bg2Color .nav-pills .nav-link:before{
		font: normal normal normal 14px / 1 FontAwesome;
		content: '\f0a9';
		color: #fff;
		position: absolute;
		left: 0; top: 7px;
	}
.bg2Color .nav-pills .nav-link:hover,
.bg2Color .nav-pills .nav-link.active{
	color: #f7a851;
	background-color: transparent;
}
.logo {
  position: relative; 
  z-index: 1;            /* Creates a new stacking context */ 
}

.logo:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -22px;
  width: calc(100% + 500px);
  height: calc(100% + 10px);
  background-color: #1c2445; /* Change to your preferred color */
  
  /* The skew effect */
  transform: skewX(-45deg); 
  
  /* Placing it behind the text/image */
  z-index: -1;
  
  /* Optional: smoothing edges */
  border-radius: 4px;
}


.slider .swiper-container .swiper-slide .inner{
	position: absolute;
}

.swiper-slide {
  position: relative;
  overflow: hidden;
}

.swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  animation: kenBurns 20s infinite;
  will-change: transform;
}

.swiper-slide.sw1::before {
  background-image: url('../images/_mainSlider/01.jpg');
  animation: kenBurns01 20s ease-in-out infinite;
}

.swiper-slide.sw2::before {
  background-image: url('../images/_mainSlider/02.jpg');
  animation: kenBurns02 20s ease-in-out infinite;
}

.swiper-slide.sw3::before {
  background-image: url('../images/_mainSlider/03.jpg');
  animation: kenBurns03 20s ease-in-out infinite;
}

.swiper-slide.sw4::before {
  background-image: url('../images/_mainSlider/hero_6.webp');
  animation: kenBurns03 20s ease-in-out infinite;
}
.swiper-slide.sw5::before {
  background-image: url('../images/_mainSlider/hero_7_final.webp');
  animation: kenBurns03 20s ease-in-out infinite;
}


/* Animazioni Ken Burns personalizzate */
@keyframes kenBurns01 {
  0% { transform: scale(1.05) translate(0, 0); }
  50% { transform: scale(1.15) translate(-2%, -2%); }
  100% { transform: scale(1.05) translate(0, 0); }
}

@keyframes kenBurns02 {
  0%  { transform: scale(1.15) translate(3%, 1%); }
  50% { transform: scale(1.05) translate(0, 0); }
  100% { transform: scale(1.15) translate(3%, 1%); }
}

@keyframes kenBurns03 {
  0% { transform: scale(1.05) translate(0, 0); }
  50% { transform: scale(1.15) translate(-1%, 3%); }
  100% { transform: scale(1.05) translate(0, 0); }
}

/* Pausa animazione quando slide non attiva */
.swiper-slide:not(.swiper-slide-active)::before {
  animation-play-state: paused;
}

.swiper-slide video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}


.slider .swiper-container .swiper-slide:after{
	content: ""; width: 100%; height: 300px; position: absolute; left: 0; bottom: 0; z-index: 3; background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(28,36,69,1) 100%);
background-image: -o-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(28,36,69,1) 100%);
background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(28,36,69,1) 100%);
background-image: -webkit-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(28,36,69,1) 100%);
background-image: -ms-linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(28,36,69,1) 100%);
display: none;
}

.slider .swiper-container .swiper-slide .inner h2{
  font-family: "montserrat", sans-serif;font-weight: 700;
  text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}

@media (max-width: 1680px) {

  .slider .swiper-container .swiper-slide .inner h2{
    font-size: 4em;
  }
  
}


@media (max-width: 1500px) {

  .slider .swiper-container .swiper-slide .inner h2{
    font-size: 3.5em;
  }
  
}

@media (max-width: 1400px) {

  .slider .swiper-container .swiper-slide .inner h2{
    font-size: 2.5em;
  }
  
}


.slider .swiper-container .swiper-slide .inner h5,
.slider .swiper-container .swiper-slide .inner p{
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
	
}
.slider .swiper-container .swiper-slide .inner h5{
	font-size: 16px;
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}
.social-bar li a:hover,
a {
    color: #ef7d00;
}
.slider .swiper-container .swiper-slide .inner h5:before{
	background-color: #ef7d00;
}
.header .phone {
  z-index: 1;
    line-height: 75px;
	a{
		color: #fff;
	}
	a:hover{
		color: #1c2445;
	}
}
.header .hamburger {
    margin-top: 20px;
}

.header .langCont{
	position: absolute;
	top: 120px;
	right: 98px;
	width: 45px;
	/*float: right;*/
	a{
		display: block;
		color: #fff;
		font-size: 16px; 
		font-weight: 100;
		text-align: center;
		margin-bottom: 2px;
		&:hover{
			text-decoration: none;
			color: #ef7d00;
		}
	}
	a.active{
		font-weight: 700;
	}
}

#gt_float_wrapper {
	position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 999999 !important;
}
#gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
    width: 115px;
}


#gt_float_wrapper .gt_float_switcher img {

    width: 25px
}

#gt_float_wrapper .gt_float_switcher {
    font-size: 15px;
}

.overflow-hidden .header .langCont a:hover{
	color: #1c2445;
}

.works.four-cols .grid-item{
  width: 50%;
}

.works figure figcaption h5{
  font-family: "montserrat", sans-serif;
  font-weight: 700;
}
.content{
	background-color: #fff /*#1c2445*/;
	
}
.works.four-cols{
	background-color: #1c2445;
}
.perspective-box {
    transition: transform 0.1s ease-out;
    will-change: transform;
}
.icon-features, .side-image-content{
	background-color: #fff;
}

.side-image-content{
  overflow: hidden;
}

.icon-features {
    padding-top: 120px;
    padding-bottom: 120px;
	
}
.icon-features h5{
	position: relative;
	padding: 5px;
  color: #ef7d00;
  font-weight: 700;
}
.icon-features h5 > span{
	position: relative;
	z-index: 10;
}
.icon-features h5:before{
	display: block;
	content: '';
	background-color: #ef7d00;
	position: absolute;
	z-index: 0;
	top: 0; bottom: 0; left: 0; right: 100%;
	height: 100%;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.icon-features h5:hover span{
	color: #fff;
}
.icon-features h5:hover:before{
	right: 0;
}
.awards h2,
.side-image-content .inner .contenty h2{
  font-size: 3em;
	font-family: "montserrat", sans-serif;
	font-weight: 700;
}
.bg01{
	background-image: url('../images/_about/01.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;

}

.side-image-content .inner .main-image{
  aspect-ratio: 1.3;
}


.side-image-content .inner .main-image video{

      object-fit: contain;
      object-position: bottom;
  width: 100%;
  height: 100%;
}

.side-image-content .inner .sub-image {
    width: 395px;
    position: absolute;
    right: -120px;
    bottom: -100px;
    z-index: 2;
}

.about-studio p:last-child {
    max-width: 100%;
}

.zoomImg{
	display: block;
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
	
		img{
			position: relative;
			z-index: 10;
			width: 100%;
		}
	
}
 .zoomImg:before{
		content: '';
		display: block;
		background-color: rgba(0,0,0,0.81);
		position: absolute;
		z-index: 12;
		top: 0; left: 0; right: 0; bottom: 0;
		opacity: 0;
		 -webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	 .zoomImg:hover:before{
			opacity: 1;
		}
.zoomImg:after{
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../ico/zoom.png);
	background-repeat: no-repeat;
	background-size: cover;
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	 -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	z-index: 15;
	opacity: 0;
}
		.zoomImg:hover:after{
			opacity: 1;
		}

a:hover {
    color: #1c2445;
}

.tab-content h5{
	font-size: 18px; margin-top: 15px; margin-bottom: 15px;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #080e27;
}
.nav-pills .nav-link {
    border-radius: 0;

    height: 100%;
    background-color: #f2f2f2bf;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    padding: 25px;
    
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transform-style: preserve-3d;
    will-change: transform;
    cursor: pointer;
}
.about-studio ul h5 {
	font-size: 1.3em;
}


.image-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  width: 100%;
  height: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
}


.image-gallery1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  width: 100%;
  height: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
}


.image-gallery2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  width: 100%;
  height: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
}


.gallery-item {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Mantiene proporzioni immagini senza distorsioni */
  display: block;
}

/* Tablet: 2 colonne x 3 righe (Bootstrap md: 768px+) */
@media (max-width: 991px) {
  .image-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .image-gallery2 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}

/* Mobile: 1 colonna x 6 righe (Bootstrap sm: 576px+) */
@media (max-width: 767px) {
  .image-gallery, .image-gallery2 {
    grid-template-columns: 1fr;
   /* grid-template-rows: repeat(6, 1fr);*/
  }
}



/* sidebar menu category */
.menuDropDown{
		display: none;
		width: 100%;height: 38px;
		border-color: #ccc;
		border-radius: 20px;
		color: #555;
		outline: none;
		cursor: pointer;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
		
		-webkit-border-radius: 20px;
		background-color: #fafafa;
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
		padding: 0.5rem;
		font-size: 14px;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		color: rgba(0, 0, 0, 0.75);
		line-height: normal;
		border-radius: 0;
		margin-bottom:  15px;
	}
	.side_menu{
		/*background-color: #EFCBBF;*/
		display: block;
		font-family: sans-serif;    
		margin-bottom: 0 !important;
	}

	.side_menu, .side_menu ul{
	  list-style-type: none;  
	  margin: 0;
	  padding: 0;  
	}

	.side_menu ul{
		 /*background-color: rgba(0, 0, 0, 0.2);*/
	}

	  .side_menu > li{
	    font-size: 18px;
	    font-weight: bold;
		padding: 0 !important;
	  }
	  .side_menu > li.active{
	  	
	  }
	.side_menu > li li{
		padding: 0 0 0 10px !important;
	}
	    .side_menu a{
			font-family:'Poppins', sans-serif;
			display: block;
			position: relative;     
			padding: 6px 20px 6px 10px; 
			color: #1c2445;
			text-decoration: none;
	    }
		
		.side_menu > li > a{
			color: #1c2445;
		}
		
		
	    .side_menu a:hover{
	      color: #ef7d00;
	      text-decoration: none;
	    }





	  .has_child > a:after{
	    /*content: "\f101";
	    font-family: "FontAwesome";*/
	    display: block;
	    position: absolute;
	    right: 5px;
	    top: 18px;
		  
		  
		  border: 6px solid transparent; 
		  content: ''; 
		  height: 0; 
		  width: 0; 
		  pointer-events: none; 
		 
		  border-left-color: #a04229; 
		  
	  }

	  .has_child.opened > a:after{
	   /*content: "\f103"; */
		  border-left-color: transparent; 
		  border-top-color: #ef7c00; 
	  }

	  .side_menu ul{
	    display: none;
	  }

	  li.opened > ul{
	    display: block;
	  }

	  .submenu{
	    font-size: 90%;
	  }

	    .submenu > li > a{
	      padding-left: 20px;
	    }


	    .submenu a{
	      color: #ef7d00   !important;
	    }

	    .side_menu .submenu li > a:hover,
	    .side_menu .submenu li > a:active,
	    .side_menu .submenu li > a:hover:active{
	      background-color: #1c2445;
	      color: #fff !important;
	    }

	   
	  .micromenu{
	    font-size: 85%;
	    font-weight: normal;
	  }

	    .micromenu > li > a{
	      padding-left: 30px;
	    }

	  .nanomenu{
	    font-size: 80%;
	  }

	    .nanomenu > li > a{
	      padding-left: 40px;
	    }


	  .side_menu li.active > a,
	  .side_menu li.active > a:hover,
	  .side_menu li.active > a:active,
	  .side_menu li.active > a:hover:active{
	    color: #99c43c !important;
	    /*background-color: #fff !important;*/
	    text-decoration: underline;
	    font-weight: bold;
	  }
	  .submenu li.active > a:hover{
	  	color: #fff !important;
	  }
	@media only screen and (max-width: 768px)
	{
			.menuDropDown{
				display: block;
			}
			.side_menu{
				display:none;
			}
	}
/* / sidebar menu category */

/*New Grid Gallery*/
.holdItem{
  /*padding: 15px; 
	border: 1px solid #ADADAD; */
	margin-bottom: 30px;
}

	.holdItem .holdImg{


      position: relative;
		height: 250px;
		display: block;
		background-color: #a9a9a9;
    }
		.holdItem .holdImg img{
			display: inline-block;
			width: auto; 
			height: auto;
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			z-index: 1;
		}

		.holdItem .holdImg:after{
			font-family: 'FontAwesome';
			content: '\f00e';
			color:#fff;
			font-size: 36px;
			display: block;
			width: 36px;
			height: 36px;
			position: absolute;
			z-index: 100;
			top: 50%;
			left: 50%;
			margin-top: -18px;
			margin-left: -18px;
			opacity: 0;
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-ms-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
		}
		.holdItem .holdImg:before{
			content: '';
			display: block;
			position: absolute;
			z-index:99;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color:rgba(0,0,0,0.6);
			opacity: 0;
			-webkit-transition: all 200ms ease-out;
			-moz-transition: all 200ms ease-out;
			-ms-transition: all 200ms ease-out;
			-o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
		}
			.holdItem .holdImg:hover:after, .holdItem .holdImg:hover:before{
				opacity: 1;
			}
	.holdItem .holdTxt{
      padding: 20px 0px 0; 
		text-align: left;
	}
		.holdItem .holdTxt .titleItem{
          font-size: 20px; 
			font-weight: 400; 
			color: #000; 
			margin-bottom: 15px; 
			display: block; 
			/*height: 40px;*/
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
         .holdItem .holdTxt .price{
			font-weight: 800;
			font-size: 18px;
			color: #214892;
		}
		.holdItem .holdTxt p{
          font-size: 14px; line-height: 16px; color: #000; margin-bottom: 15px;
			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			min-height: 65px;
		}
		.holdItem .holdTxt .buttonCat{
           display: block;
			padding:  10px 15px;
			text-align: center;
			background-color: #1c2445;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
		}

			.holdItem .holdTxt .buttonCat:hover{
				/*background-color: #1c2445;*/
				    background-color: #f07d00;
				text-decoration: none;
			}
/*// New Grid Gallery*/
.pagination {
  padding: 0;
  gap: 10px;
}

.page-item {
  margin: 0;
	display: inline-block;
}

.page-link {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dee2e6;
  color: #080e27;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
}

.page-link:hover {
  background-color: #ef7d00;
  color: white;
  border-color: #ef7d00;
  transform: scale(1.05);
}

.page-item.active .page-link {
  background-color: #ef7d00;
  border-color: #ef7d00;
  color: white;
}

.page-item.disabled .page-link {
  background-color: #f8f9fa;
  color: #6c757d;
  border-color: #dee2e6;
  cursor: not-allowed;
}

.page-item.disabled .page-link:hover {
  transform: none;
  background-color: #f8f9fa;
  color: #6c757d;
}

/* Specifiche per frecce prev/next */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  font-size: 18px;
  font-weight: bold;
}

.slider.slick-slider{
	height: inherit;
}


.verticalAlignFlex{
	display: flex;
  justify-content: center;
  align-items: center;
}

.videoBox1{
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 300px;pointer-events: none;
}
.videoBox1::-webkit-media-controls,
.videoBox1::-webkit-media-controls,
.videoBox1::-webkit-media-controls-enclosure {
  display: none !important;
}

.videoBox1::-webkit-media-controls-overlay-enclosure,
.videoBox1::-webkit-media-controls-panel {
  display: none !important;
}

.minHeightBoxVideo {
    position: relative;
    min-height: 100%;           /* se il parent ha altezza impostata */
    /* in alternativa puoi usare una altezza fissa o viewport, es.: */
    /* min-height: 100vh; */
	padding: 0;
}

/* Contenitore del video */
.videoColCont {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;           /* nasconde l'eccesso del video */
}

/* Video in modalità cover */
.videoColCont video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: 101%;
    object-fit: cover;          /* fa il “cover” vero e proprio */
    transform: translate(-50%, -50%);
}

.footer {
    background: url(../images/anchor-line-bg.png) center no-repeat #080e27;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
.footer .footer-bar{
	background-color: #1c2445;
}

.slider .swiper-container .swiper-pagination-fraction span:first-child{
  overflow: visible;
}

._row_cats .perspective-box{
  height: 400px;
  margin-bottom: 0;
}

._row_cats .perspective-box figcaption{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background-color: #1c2445aa;
}

._row_cats .perspective-box img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

._row_cats .perspective-box a:hover{
  color: #fff;
}


/* 1. SETUP FOR 3D */
._features_block {
	display: block !important;
  height: 100%;
  background-color: #f2f2f2bf;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 25px;
  border-radius: 12px;
  
  /* Smooth Transition */
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transform-style: preserve-3d;
  will-change: transform;
  cursor: pointer;
}

/* 2. HOVER STATE FOR CONTAINER */
._features_block:hover {
  background-color: #ffffff; /* Subtle brighten */
  transform: translateY(-8px) rotateX(4deg); /* Lift and slight tilt */
  box-shadow: 0 25px 40px -10px rgba(0, 0, 0, 0.15);
}

/* 3. ICON ANIMATION (The "Floating" Effect) */
._features_block img {
  width: 110px;
  margin-top: -55px;
  aspect-ratio: 1;
  padding: 17px;
  background-color: #ff9c304a;
  border-radius: 38px;  
  backdrop-filter: blur(5px);
  box-shadow: 0 17px 26px -7px #e79b4aba;
  border-bottom: 1px solid #ffffff;

  /* Transition with Microdelay */
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0.05s; 
  transform: translateZ(0); /* Initial state */
}

._features_block:hover img {
  transform: translateZ(40px) translateY(-5px); /* Pops out toward the user */
  box-shadow: 0 25px 35px -5px #e79b4aba;
  filter: brightness(1.05);
}

/* 4. TEXT ELEMENTS (Microdelays) */
._features_block h5, 
._features_block p {
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

._features_block:hover h5 {
  transform: translateZ(20px);
  transition-delay: 0.1s;
}

._features_block:hover p {
  transform: translateZ(10px);
  transition-delay: 0.15s;
  color: #333;
}
.icon-features p{
  /*margin-bottom: 30px;*/
}

.side-image-content .inner.bg1{
  background-color: #ef7d00;
}

.side-image-content .inner .contenty h5{
  /*color: #1c2445f2;*/
}

.side-image-content .inner .contenty p {
  font-weight: 600;
  color: #1c2445f2;
}

.side-image-content .inner .contenty p b{
  color: #fff;
  font-weight: 600;
}

.minHeightBox{
	min-height: 250px;
}


/* Stile per la Select su Mobile */
#tab-selector-mobile {
    height: auto !important;
    padding: 12px 15px;
    font-size: 16px; /* Evita lo zoom automatico su iOS */
    border-radius: 8px;
    border: 2px solid #007bff; /* Usa il colore del tuo brand */
    background-color: #fff;
    color: #333;
    appearance: none; /* Rimuove lo stile di default */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Icona freccia personalizzata */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23007bff' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    line-height: 1.5;
    white-space: normal; /* Aiuta con il testo lungo in alcuni browser */
}

/* Tenta di dare spazio alle options (funziona principalmente su Desktop/Chrome) */
#tab-selector-mobile option {
    padding: 10px;
    white-space: normal;
    word-wrap: break-word;
    border-bottom: 1px solid #eee;
}

/* Focus state */
#tab-selector-mobile:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    border-color: #0056b3;
    outline: none;
}


.footer-bar {
    padding: 15px 0; /* Esempio, adatta al tuo tema */
	a{
		color: #fff;
		&:hover{
			color: #ef7d00;
		}
	}
}

.logoFSC {
    max-height: 70px; /* Limita altezza per allineamento, regola se serve */
    width: auto !important;
	border: 2px solid #fff;
}

@media (max-width: 576px) {
    .footer-bar > * {
        text-align: center !important; /* Centra tutto su mobile */
    }
}


.social-footer{
	list-style: none;
	padding-left: 0;
	li{
		display: inline-block;
		margin: 0 10px 0 0;
	}
}


@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {
	.verticalAlignFlex {
		 /* display: block; 
		justify-content: inherit; 
		 align-items: ; */
		align-items: normal;
	}
}
@media screen and (max-width: 991px) {
	.minHeightBoxVideo{
		min-height: 250px;
	}
	.header .langCont{
		right: 60px;
	}
}


@media 
	only screen and (max-width: 767px), 
	only screen and (max-device-width: 767px) {
    .footer h2 {
        font-size: 2em;
    }
}
@media screen and (max-width: 768px) {
	.about-studio.pt-120.pb-120{
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.tab-content.p-60{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.contentText {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.contentText  h2 {font-size: 2em}
	.contentText  h3 {font-size: 1.1em}
	.h2, h2 {
		font-size: 1.7rem;
	}
	.about-studio .hero-image{
		height: 250px;
	}
	.hero-image .inner {
		position: absolute;
		z-index: 3;
		left: 15px;
		top: inherit;
		bottom: 30px;
	}
	.contact .titles h2,
	.hero-image .inner h2 {
    	font-size: 2em;
	}
	.about-studio .hero-image img{
		object-fit: cover;
		width: 100%; height: 100%;
	}
	.header .langCont{
		right: 60px;
	}
	.pagination {
	  display: block;
	}
	.footer .footer-bar {
		padding: 20px 0;
	}
}
@media screen and (max-width: 425px) {
	.about-studio.pt-120.pb-120{
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	
	.header .langCont{
		top: 135px;
		left: 90px;
		right: inherit;
	}
	
}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}



.switchLangIndex{
	background-color: var(--white);
	border-radius: 50px;
	padding: 2px 3px 2px 7px;
	width: 75px;
	display: block;
	margin-top: 8px;
	margin-left: auto;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 101;
}
.switchLangIndex{
	margin-top: 5px;
	padding: 2px 0px 2px 0px;
	width: 130px; 
}
img.switchLangIndex{
	margin-top: 2px;
}
.switchLangIndex #yt-widget .yt-button__icon_type_left,
.switchLangIndex #yt-widget .yt-servicelink{
	display: none !important;
}

.switchLangIndex #yt-widget .yt-button{
	border: none !important;
	height: 28px;
	line-height: 29px;
}

.switchLangIndex #yt-widget .yt-button_type_left {
    border-radius: 15px 0 0 15px;
	padding-left: 15px;
}
.switchLangIndex #yt-widget .yt-button_type_right {
    border-radius: 0 15px 15px 0;
}
.switchLangIndex #yt-widget.yt-state_mobile *,
.switchLangIndex #yt-widget * {
    font: 12px 'Poppins', sans-serif;
	line-height: 28px;
}

.switchLangIndex .eti{
	color: #000;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.switchLangIndex .holdFlag{
	border-radius: 50%;
	width: 23px;
	height: 23px;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.switchLangIndex:after{
	content: '';
	display: table;
	clear: both;
}

@media (max-width: 991px) {
	.switchLangIndex {
    	width: 130px;
	}
	.switchLangIndex #yt-widget * {
        font: 12px "Poppins", sans-serif !important;
	}
	#yt-widget .yt-listbox__col{
		display: block !important;
	}
	#yt-widget .yt-listbox{
		height: 80vh !important;
		overflow-y: scroll !important;
	}
}
@media (max-width: 480px) {
	#yt-widget .yt-wrapper_align_right{
		margin-top: 10px;
	}
  .switchLangIndex {
    position: fixed;
    bottom: auto;
    line-height: 30px;
    padding-bottom: 0;
    width: 130px;
    left: auto;
    right: 10px;
    transform-origin: 100% 50%;
    top: 0px;
    border-radius: 0 0 20px 20px;
  }

  .switchLangIndex #yt-widget.yt-state_mobile *,
  .switchLangIndex #yt-widget * {
    font: 12px "Poppins", sans-serif !important;
    line-height: 20px !important;
  }

  .switchLangIndex #yt-widget .yt-button {
    height: 20px;
  }

  #yt-widget .yt-button_type_close > .yt-button__icon {
    background-position: -75px -7px !important;
  }

  #yt-widget.yt-state_mobile .yt-button_type_close {
    height: 30px;
  }
	#yt-widget .yt-button{
		background-color:  transparent !important ;
	}
  #yt-widget .yt-button__icon {
    width: 20px !important;
    height: 20px !important;
  }

  #yt-widget .yt-button__icon_type_right {
    height: 20px !important;
    background-position: -30px -7px !important;
    padding-right: 14px !important;
  }
}


ul.link_pagine{
	list-style: none;
	display: table;
	margin: 60px auto;
	padding: 0;
}
ul.link_pagine > li{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	border: none !important;
}
ul.link_pagine > li > a{
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 30px !important;
	background-color: #080e27 !important;
	color: #fff;
	padding: 7px 15px;
	text-align: center;
	font-size: 13px;
	border-radius: 40px;
	text-decoration: none;
}
ul.link_pagine > li > a.p-0{
	padding: 7px 15px !important;
}


#clion_map_seo {
    width: 60vw;
    height: 30vw;
    position: absolute;
    z-index: 80;
    left: -46%;
    margin-top: 1vw;
    border-radius: 30px;
}
.numeri_seo {
    backdrop-filter: blur(12px);
    background-color: rgba(255, 255, 255, 0.667);
    position: absolute;
    z-index: 80;
    left:0;
    bottom: 0;
    margin-top: 1vw;
    border-radius: 20px;
    padding: 2vw;
	a{
		display: inline-block;
		background-color: #fff;
		padding: 15px;
	}
}
.numeri_seo img {
    height: 60px;
    max-height: 4vw;
    margin-left: 10px;
    margin-right: 10px;
}
.hero_form {
    position: relative;
    margin-right: -15px;
    clear: both;
    width: 65vw;
    min-height: 30vw;
    float: right;
    margin-bottom: 10vw;
    padding: 3vw;
    border-radius: 40px 0px 0px 40px;
}
.target_colors_3 .hero_form, 
.target_colors_3 .leaflet-popup::after, 
.target_colors_3 .leaflet-popup::before {
    background-color: rgb(255, 73, 0);
}

.target_colors_3 .additional_block {
    background-color: rgba(0, 205, 117, 0.867);
}

.additional_block {
    max-width: 30vw;
    position: relative;
    right: 2vw;
    top: 1vw;
    backdrop-filter: blur(12px);
    margin-top: 2vw;
    margin-left: auto;
    margin-right: 0px;
   /* margin-bottom: -9vw;*/
    min-height: 17vw;
    border-radius: 30px;
    padding: 2vw;
}
.form-control {
    border-radius: 22px;
}
#target_form .form-control, #form_lascia_numero .form-control {
    margin-bottom: 10px;
}
.target_colors_3 .additional_block {
    background-color: rgba(0, 205, 117, 0.867);
}
#form_lascia_numero {
    color: rgb(0, 0, 0);
    background-color: transparent;
}
#form_lascia_numero .form-control, #form_lascia_numero .btn {
    font-size: 1.2vw;
    height: auto;
    margin-bottom: 1vw !important;
    padding: 0.8vw 1.5vw;
    border-radius: 3vw;
}
#form_lascia_numero .form-control, #form_lascia_numero .btn {
    font-size: 1.2vw;
    height: auto;
    margin-bottom: 1vw !important;
    padding: 0.8vw 1.5vw;
    border-radius: 3vw;
}
#form_lascia_numero p {
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2vw;
    line-height: 1.3;
}
.target_colors_3 .hero_text .btn-primary, .target_colors_3 #form_lascia_numero .btn, .target_colors_3 ._heading h2 {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 73, 0);
    border-color: rgb(255, 73, 0);
}

.target_colors_3 #form_lascia_numero p {
    color: rgb(255, 255, 255);
}

@media (max-width: 991px) {
	    .map_text, .additional_block {
        max-width: 100%;
        right: 0px;
    }
    .additional_block {
        width: 270px;
        height: auto;
        min-height: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border-radius: 15px;
    }
	    #clion_map_seo {
        top: 100%;
    }
	    .numeri_seo {
        position: relative;
        margin-bottom: 10px;
        left: 0px;
        bottom: 0px;
			a{
				display: block;
				margin-bottom: 10px;
			}
    }
	 #form_lascia_numero .form-control, 
	#form_lascia_numero .btn {
        font-size: 12px;
        margin-bottom: 10px !important;
        padding: 7px 16px;
        border-radius: 3vw;
    }
	#form_lascia_numero p {
        font-size: 12px;
    }
	.numeri_seo img {
        max-height: none !important;
        margin-bottom: 15px;
    }
	#form_lascia_numero .form-control, #form_lascia_numero .btn {
        font-size: 12px;
        margin-bottom: 10px !important;
        padding: 7px 16px;
        border-radius: 3vw;
    }
}
@media (max-width: 560px) {
	#clion_map_seo {
        top: 0px;
        height: 300px;
    }
	.numeri_seo {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
}