@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');



/** La parte sotto serve se vuoi usare i colori in variabili, se no cancella */
:root {
	--body-color: #;
	--body-color-t: #;
	--light-blue-1: #cae1f2;
	--light-blue-2: #e2eaf0;
	--light-blue-3: #f1f9ff;
	--light-grey-4: #efefef;
	--main-black: #000000;
	--main-blue: #002b5a;
	--main-green: #7ebd46;
	--main-color-3: #e63543;
	--main-color-4: #1E73B2;
	--main-color-hover: #5f8f36;
}
/* Finisce qui */

body {
	font-family: 'Montserrat', sans-serif;
	color: var(--main-blue);
	overflow-x: hidden;

}
html {
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

nav a {
	font-weight: 300;
}

.nav-link {
	padding: 0px 10px !important;
	font-weight: 500;
}

/*
.nav {
	background: linear-gradient(to top, transparent, #000);
	box-shadow: 3px 3px 5px #d3d3d3;
} */

.first-content {
	position: relative;
	padding-top: 40px;
}

.menu-open {
	background: #fff;
	box-shadow: 3px 3px 5px #d3d3d3;
}

.menu-open .nav-link {
	color: #000 !important;
}


video {
    width: 100%;
	display: block;
	height: 80vh;
	object-fit: cover;
}
/*

h1 {
	font-weight: 500;
	font-size: 55px;
	color: #fff;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: 25%;
}


.first-content img {
	object-fit: cover;
	background-position: center;
	background-size: cover;
	height: 90vh;
}

.text-first-content {
	top: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
}

*/

.set_overlay::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	height: 100%;
	background-color: rgba(0,0,0,.2);
}


.first_card_hero {
	padding: 40px;
	margin-bottom: 40px;
	background: var(--main-color-4);
	height: 400px;
	background-color: rgba(30,115,178,.9);

}

.second_card_hero {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 40px;
	background: var(--main-green);
	height: 400px;
	background-color: rgba(126,189,60,.9);
}

.third_card_hero {
    background: var(--light-blue-1);
	padding: 40px;
	margin-top: 40px;
	background-color: rgba(241,249,255,.9);
}

.third-card-hero h3 {
	color: var(--main-blue);
}

.first_card_hero:hover, .second_card_hero:hover, .third_card_hero:hover {
	transform: translateY(1.3rem);
	box-shadow: 5px 5px 8px #d3d3d3;
	transition: 0.5s;
}




h2 {
	font-weight: 500;
	font-size: 45px;
	color: var(--main-blue);
}


h3 {
	font-weight: 500;
	font-size: 30px;
	color: var(--main-blue);
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}


.social-fixed {
	text-align: center;
	right: 10px;
	margin-top: 20px;
	bottom: 20px;
	font-size: 22px;
	width: 60px;
	text-shadow: 1px 1px 2px #fff;
	z-index: 10;
}


.btn-servizi {
	background: var(--main-green);
	padding: 15px 30px;
}

.btn-servizi:hover {
	background-color: var(--main-color-hover);
	transition: 0.5s;
	box-shadow: 3px 3px 5px #d3d3d3;
}

.btn-progetti {
	background: transparent;
	padding: 15px 30px;
	border: 1px solid #fff;
}

.btn-progetti:hover {
    background-color: #fff;
	opacity: 0.6;
	color: var(--main-blue) !important;
	transition: 0.5s;
}


.consulence h3 {
	font-weight: 500;
}


.box-counter i {
	font-size: 40px;
	color: #fff;
}

.counters .number {
    font-size: 60px;
	color: #fff;
	font-weight: 300;
	text-shadow: 0 0 1px #fff;
}

.counters h4 {
	font-weight: 500;
}

.box-counter {
	background: var(--main-color-4);
	padding: 15px;
}

p {
	font-weight: 300;
}



.card-1 {
	background: var(--main-green);
	padding: 40px;
	transition: all 0.5s ease;
	margin-bottom: 40px;
	position: relative;
}

.card-2 {
	background: var(--main-color-4);
	padding: 40px;
	transition: all 0.5s ease;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.card-3 {
	background: var(--light-blue-1);
	padding: 40px;
	transition: all 0.5s ease;
	margin-top: 40px;
	position: relative;
}

.card-1:hover, .card-2:hover, .card-3:hover {
       transform: translateY(1.3rem);
	   box-shadow: 5px 5px 8px #d3d3d3;
	   transition: 0.5s;
}

.btn-assistenza {
	background: transparent;
	padding: 15px 30px;
	background-color: var(--main-color-4);
}

.btn-assistenza:hover {
	box-shadow: 5px 5px 8px #d3d3d3;
	transition: 0.5s;
	background-color: var(--main-color-4);
}

.btn-card-assistenza:hover {
	background-color: var(--main-blue);
	color: #fff;
	transition: 0.5s;
}

.pattern {
	background-image: radial-gradient(var(--main-color-4) 2px, transparent 2px);
	background-size: 20px 20px;
	width: 100%;
	height: 120px;
}



.azienda {
	background: var(--main-color-4);
	padding: 40px;
}

.video-azienda {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.call {
	background: var(--main-blue);
	padding: 40px;
}

.input-call {
	border-radius: 0;
	margin-top: 30px !important;
}

.btn-call {
	background: var(--main-color-4);
	padding: 8px 15px;
	border-radius: 0;
	margin-top: 20px !important;
}

.btn-call:hover {
	transition: 0.5s;
	box-shadow: 3px 3px 5px #d3d3d3;
}

.footer {
	background: var(--main-blue);
}

.footer p {
	font-size: 14px;
}

.heart {
	color: var(--main-color-3);
	font-size: 50px;
	animation: heart 1.5s ease-in-out infinite;
}

@keyframes heart {
	0% {
		transform: scale(1) ;
	}

	14% {
		transform: scale(1.75);
	}

	28% {
		transform: scale(1);
	}

	42% {
		transform: scale(1.75);
	}

	70% {
		transform: scale(1);
	}
}



.consulting h2, .consulting p {
	color: var(--main-blue);
}


.pag-noleggio h2, .pag-noleggio h3, .pag-noleggio p {
	color: var(--main-blue);
}

.pag-certificazioni h2, .pag-certificazioni h3, .pag-certificazioni p {
	color: var(--main-blue);
}

.pag-certificazioni h2, .pag-certificazioni h3, .pag-certificazioni p {
	color: var(--main-blue);
}


.line-titles {
	background: var(--main-green);
	height: 4px;
	width: 100px;
}


.pag-formazione h2, .pag-formazione p, .pag-normative h2, .pag-normative p {
	color: var(--main-blue);
}

.articolo {
	background: var(--main-blue);
	color: #fff;
	padding-top: 5px;
	padding-bottom: 15px;
  }

  .articolo:hover {
	cursor: pointer;
  }


  .hide-contents {
	max-height: 0;
	overflow: hidden;
	transition: .5s all ease;
  }

  .hide-contents.open {
	max-height: 100%;
  }

  .heading {
	  font-size: 16px;
  }

  .contents {
	  font-size: 14px;
  }



  .part-whatsapp {
	  background-color: var(--main-green);
	  padding: 20px;
  }

  .part-whatsapp:hover {
	transition: 0.5s;
	box-shadow: 3px 3px 5px #d3d3d3;
  }


  .servizi {
	background: var(--main-blue);
  }


  .formazione {
	background: var(--main-second-blue);
  }


#chi-siamo {
	background: var(--main-blue);
}


.bg-form img {
	position: absolute;
	z-index: -1;
	left: 100%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.box-installazioni img {
	height: 100%;
}

.box-installazioni::after {
	background-color: rgba(0,0,0,.60);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: .5s all ease;
  }

  .box-installazioni:hover::after {
	background: transparent;
  }

  .address, .descrizione {
	opacity: 0;
	overflow: hidden;
	padding: 0;
	max-height: 0;
	transition: .5s all ease;
	font-size: 18px;
	text-align: left;
  }
  .descrizione {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translate(-5%, -50%);
	font-size: 15px;
  }

  .descrizione.desc-cons{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 12px;
  }


  .content-box {
	position: absolute;
	width: 90%;
	left: 5%;
	z-index: 2;
	top: 50%;
	padding: 15px;
	transform: translateY(-50%);
	transition: .5s all ease;
	background: transparent;
  }

  .content-box::after {
	content: '';
	bottom: -5px;
	position: absolute;
	width: 40%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	pointer-events: none;
	transition: .5s all ease;
  }

  .content-box::before {
	content: '';
	top: -5px;
	position: absolute;
	width: 40%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	pointer-events: none;
	transition: .5s all ease;
  }

  .content-box .title {
	font-size: 20px;
	font-weight: bold;
	transition: .5s all ease;
  }


  .box-installazioni:hover .address, .content-box:hover .descrizione {
	opacity: 1;
	padding-top: 15px;
	max-height: 100%;
  }


  .descrizione, .btn-progetti {
       text-align: center;
  }

  .box-installazioni:hover .title {
	  display: none;
  }

  .box-installazioni:hover .content-box {
	height: 90%;
	top: 5%;
	background: #333c;
	transform: translateY(0);
  }

  .box-installazioni:hover .content-box::after, .box-installazioni:hover .content-box::before{
	width: 100%;
	background-color: transparent;
  }

  .box-installazioni .content-box::after {
	bottom: 0;
  }

  .box-installazioni .content-box::before {
	top: 0;
  }

  .card-noleggio-1, .card-noleggio-2 {
	  margin: auto;
  }

  /* Palla png nel form:h

  .dae-noleggio {
	  position: absolute;
	  z-index: -1;
	  top: -1600px;
	  left: -30%;
	  opacity: .1;
	  transform: rotate(-35deg);
  }

  */


  .icon-battito:before {
	content: "";
    position: absolute;
    right: 57%;
    top: 50%;
    height: 2px;
    width: 50%;
    background: var(--main-color-3);
  }

  .icon-battito:after {
	content: "";
    position: absolute;
    left: 57%;
    top: 50%;
    height: 2px;
    width: 50%;
    background: var(--main-color-3);
  }

  .maps {
	  margin-bottom: -10px;
  }


.nav-white {
	background: #fff !important;
	box-shadow: 3px 3px 5px #d3d3d3;
	z-index: 20;
}

.nav-pages nav .container-fluid {
	background: #fff !important;
	box-shadow: 3px 3px 5px #d3d3d3;
}

.nav-pages .nav-link {
	color: var(--main-blue) !important;
}

.nav-white .nav-link {
	color: var(--main-blue) !important;
}


.btn-leggi {
	color: var(--main-color-4) !important;
}

.linea-normative {
	width: 100%;
	height: 3px;
	background: var(--main-color-4);
}

.most-important h5, .most-important h6, .most-important p {
	color: var(--main-blue);
}

.card-normative {
	padding: 15px;
}

.breadcrumb a {
	color: var(--main-blue) !important;
	font-weight: 300;
	font-size: 16px;
}

.iframe-map {
	pointer-events: none;
}

body {
	min-width: 100%;
	min-height: 100vh;
}

.overflow-hidden {
	overflow-x: hidden!important;
	overflow-y: hidden!important;
	overflow: hidden!important
}

/** Gestione barra di scroll */
::-webkit-scrollbar {
	width: 0!important;
	height: 0!important
}

::-webkit-scrollbar-track {
	background: var(--main-color-4)
}

::-webkit-scrollbar-thumb {
	background: var(--main-color)
}

::-webkit-scrollbar-thumb:hover {
	background: var(--main-color-3)
}

/** Finisce qui */



/** Gestione dei placeholder */
::placeholder {
	color: var(--body-color-t)!important;
	opacity: 1
}

:-ms-input-placeholder {
	color: var(--body-color-t)!important
}

::-ms-input-placeholder {
	color: var(--body-color-t)!important
}
/* Fine */

/* Preloader */
.preloader {
	background-color: #ffffffe6;
	height: 100vh;
	width: 100vw;
	position: fixed;
	overflow: hidden;
	z-index: 1031;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center
}

.preloader .spinner {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75px;
	height: 75px
}

.preloader .spinner div {
	position: absolute;
	border: 3px solid var(--main-color);
	opacity: 1;
	border-radius: 50%;
	animation: spinner 1s cubic-bezier(0, 0, .2, 1) infinite
}

.preloader .spinner div:nth-child(2) {
	animation-delay: -.5s
}

.preloader span {
	display: inline-block;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%)
}
/* Fine */

/* Firma css eWeb */

.eweb_signature {
	background: var(--body-color);
	color: var(--main-grey);
	letter-spacing: 1.5px
}

/* Fine */

/* Media queries */


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

  /*
	.first-content {
		background-image: url("../../images/Tecnosystem-srl-noleggio.jpg");
		background-position: center;
		background-size: cover;
		object-fit: cover;
	}


	h1 {
		font-size: 24px;
		margin-top: -150px !important;
		text-align: center;
		left: 25%;
		width: 150%;
	}*/

	.box-call{
		height: 30vh !important;
	}

	.hamburger {
		color: var(--main-green) !important;
	}

	video {
		width: 100%;
		height: auto;
	}

	.first-content {
		padding-top: 0px;
	}

	.first-content i {
		font-size: 24px !important;
	}

	.social_icons i {
		font-size: 24px !important;
	}


	.text-first-content {
		pointer-events: none;
	}


	.intro-cards .row {
		bottom: -120px !important;
	}

	.intro-cards .col-4 {
		height: 120px !important;
		padding: 10px !important;
	}

	.intro-cards a.h3 {
		font-size: 10.5px !important;
		text-align: center;
		margin: 20px 0px !important;
	}

	.intro-cards .col-4 i {
		margin-top: -130px !important;
		font-size: 20px !important;
	}

	.third_card_hero {
        margin-top: 34px;
	}


	.social_icons i {
		color: var(--main-color-4);
	}

	.social_icons {
		display: inline;
		top: 560px;
		text-align: center;
	}


	.cons-mob {
		margin-top: -140px !important;
		padding: 0 30px;
	}

	.logo-mob {
		width: 150px !important;
	}

	.intro-block svg {
		margin-bottom: 0px !important;
		max-width: 300px;
		margin-left: 0px !important;
		margin-right: 20px;
		width: 250px;
	}

	h2 {
		font-size: 28px;
	}

	h3 {
		font-size: 22px;
	}

	p {
		font-size: 14px !important;
	}

	.assistenza li {
		font-size: 14px !important;
	}


	.assistenza {
		padding: 40px;
	}

	.section-assistenza{
		margin-top: 30px !important;
	}

	.pag-assistenza {
		margin-top: -100px;
	}

	.btn-servizi {
		font-size: 14px;
		width: 100%;
		display: block;
		padding: 12px 20px;
		text-align: center;

	}

	.btn-no-funnel {
		font-size: 14px;
		width: 100%;
		display: block;
		padding: 12px 20px;
		text-align: center;

	}

	.btn-assistenza {
		display: block;
		margin-top: 15px;
		font-size: 14px;
		width: 100%;
		padding: 12px 20px;
	}


	.proj {
		margin-top: 30px;
	}

	.servizi {
		padding-top: 20px;
		padding-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.servizi .btn-servizi {
		margin-top: -20px !important;
	}

	.servizi p, .servizi h2 {
		text-align: center !important;
	}

	.servizi h2 {
		margin-top: 20px;
	}

	.servizi .btn-servizi {
		text-align: center !important;
	}


	.photo-noleggio img {
		margin-top: -20px;
		margin-bottom: 20px !important;
	}

	.photo-formazione img {
		margin-bottom: 20px;
	}

	.photo-formazione {
		margin-top: 50px !important;
	}

	.card-1 {
		margin-bottom: -10px !important;
	}

	.card-2, .card-3 {
		margin-bottom: -30px !important
	}

	.azienda p{
		text-align: left!important;
		margin-bottom: 150px;
	}

	.video-azienda {
		width: 100%;
	}

	.azienda h2 {
		text-align: left!important;
		margin-bottom: 15px;
	}

	.navbar-nav {
		padding: 30px;
	}

	.nav-link {
		margin-top: 20px !important;
	}

	.title-about-mob h2, .title-about-mob i {
		padding-left: 40px;
	}

	.box-counter {
		border-right: 0 !important;
		border-bottom: 1px solid #002b5a;
	}

	.box-counter i {
		font-size: 24px;
	}

	.counters .number {
		font-size: 28px;

	}

	.counters h4 {
		font-size: 20px;
	}

	.gallery-consulenza {
		margin-top: -50px;
	}

	.gallery-consulenza img {
		margin-top: 10px;
	}

	.gallery-consulenza .row {
		margin-top: 0px !important;
	}


	.btn_articolo {
		margin-top: 10px;
	}


	#contact {
		padding: 0 !important;
		margin-top: 100px !important;
	}

	.heart {
		animation: none;
	}

	#contact img, .photo-formazione img, .formazione img {
		object-fit: cover;
	}

	.pag-noleggio img {
		margin-top: 30px;
	}

	.p-noleggio {
		margin-bottom: 80px !important;
	}

	.icon-battito i {
		font-size: 26px !important;
	}

	.icon-battito {
		margin-bottom: 30px !important;
	}

	html, body {
		width: 100%;
		overflow-x: hidden;
	}

	.box-installazioni .title {
        font-size: 18px
	}

	.box-installazioni img {
		width: 100%;
        object-fit: cover;

	}

	.card-noleggio-1 img {
		margin-top: -30px !important;
		margin-bottom: 20px;
	}

	.card-noleggio-2 img {
		margin-bottom: 20px;
	}

	.content-box .title, .content-box .descrizione {
		font-size: 14px;
	}

	.btn-progetti {
	    padding: 12px 20px;
	}

	.maps {
		margin-top: -30px !important;
	}

	.a {
		margin-top: -50px !important;
	}

	.section-title h3 {
		margin-top: -50px !important;
	}

	.img-progetti img {
             margin-top: 10px !important;
	}

	.consulting li {
		font-size: 14px !important;
	}

	.p-mob {
		font-size: 14px !important;
	}

	.breadcrumb-item {
		margin-top: -40px !important;
	}

	.pagina-consulenza {
		margin-top: -60px !important;
	}
	.pag-noleggio, .pag-formazione, .pag-normative, .project-bricoman, .project-cislago, .project-brivio, .pag-certificazioni {
		margin-top: -40px !important;
	}

	.pag-assistenza {
		margin-top: -55px !important;
	}

	.nav-link:hover {
		color: var(--main-green) !important;
	}

	.linea-footer-mob {
		margin-top: 18px !important;
		width: 100%;
		height: 1px;
		background-color: #7ebd46;
		margin-left: 0 !important;
	}

	.p-assistenza {
		margin-bottom: -60px !important;
	}

	.preloader-miss-Lu img {
       width: 200px;
	}

	.preloader-miss-Lu i {
		font-size: 30px !important;
	}

	.navbar .container-fluid.nav-white {
		background: #fff;
	}

	.pop-up .content .container {
		padding: 50px 40px !important;
		max-width: auto;
		margin: 0 auto;
	}

	.pop-up .content .subscribe {
		padding: 0px !important;
	}

	.button-inail button {
	right: 0 !important;
    bottom: 0 !important;
	top: 93% !important;
	transform: inherit!important;
    width: 100% !important;
	clip-path: initial !important;
	z-index: 11 !important;
	border-top: 1px solid #fff !important;
	}

	.pop-up .content .subscribe {
		font-size: 12px !important;
	}

	.progetti-home-mob {
		height: 400px !important;
	}

	.p-top {
		margin-top: 50px !important;
	}

	.img-dispositivi {
		width: 100% !important;
	}

	.title-sony {
		top: 70% !important;
		left: 54% !important;
		font-size: 65px !important;
	}

	.banner-sony {
		border-top: 1px solid #fff
	}

	.ellipse {
		width: 90% !important;
		height: 17% !important;
	}

	.title-sony-page {
		bottom: -25px !important;
		font-size: 75px !important;
	}

	.title-cat-sony {
		font-size: 40px !important;
		padding-bottom: 30px !important
	}

	.img-dispo {
		height: auto !important;
	}
	.box-h {
		height: 180px !important;
	}

	.cookies_trigger {
		bottom: 4px !important;
	}








}

@media screen and (min-width: 768px) and (max-width:1024px) {


	h2 {
		font-size: 35px;
	}


	.intro-cards .row {
		bottom: -135px !important;
	}

	.intro-cards .col-4 {
		height: 200px !important;
		padding: 10px !important;
	}

	.intro-cards h3 {
		font-size: 16px !important;
		text-align: left !important;
		margin-bottom: 15px !important;
	}

	.intro-cards .col-4 i {
		margin-top: 60px !important;
		font-size: 30px !important;
	}

	.social_icons {
		display: inline;
		top: 700px;
		text-align: center;
		font-size: 30px;
	}

	#chi-siamo {
		padding-bottom: 170px;
	}

	.video-azienda {
		width: 100% !important;
	}
	.azienda p{
		text-align: left!important;
	}

	.self {
		margin-bottom: 180px !important;
	}

	.consulence {
		text-align: center;
	}


	.text-responsive{
		width: 100%;
	}

	#contact img {
                display: initial;
	}

	#contact {
		margin-top: 40px !important;
		margin-bottom: 70px !important;
	}

	.card-normative {
		margin-top: -50px !important;
	}

	.box-installazioni .descrizione {
       font-size: 10px !important;
	}

	.btn-progetti {
		font-size: 10px !important;
	}




 }

 [data-activate] {
	opacity: .5;
	top: 15px;
	left: 15px;
	cursor: pointer;
	z-index: 99;
	transition: all 0.5s ease;
}

[data-activate]:hover {
	opacity: .75;
}

@media screen and (min-width: 1210px) and (max-width:1500px) {
       h2 {
	       font-size: 35px;
       }

	   .title-cat-sony {
			font-size: 65px !important;
		}

		.funnel_paragraph{
			justify-content: start;
		}

}


@media screen and (min-width: 769px) and (max-width:1200px) {


	[data-activate] {
		top: 50%;
		transform: translateY(-50%);
		left: 20px;
	}
	.nav-link {
		font-size: 14px !important;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 22px;
	}

	p {
		font-size: 14px;
	}


	.navbar-nav {
			padding: 30px;
	}

	.nav-link {
			margin-top: 24px !important;
	}

	.title-cat-sony {
		font-size: 50px !important;
	}

	.img-dispo {
		height: auto !important;
	}

	.img-dispositivi {
		width: 70% !important;
	}

	.p-top {
		margin-top: 120px !important;
	}

	.title-sony {
		font-size: 150px !important;
	}

	.ellipse {
		height: 40% !important;
	}


}

@media screen and (max-width:1340px) {
	.nav-link {
		font-size: 14px !important;
	}
}



/* Fine */

@media screen and (min-width: 600px) and (max-width: 1365px) {
	.banner-tuttipossono {
		display: flex;
		align-items: center;
		top: inherit !important;
		bottom: 0;
		left: 0;
		right: 0 !important;
		width: 100% !important;
		height: 130px;
	}

	.banner-tuttipossono-title, .banner-tuttipossono-subtitle{
		margin-bottom: 0 !important;
	}

	.story_image{
		max-width: inherit !important;
		height: 90px !important;
		margin-bottom: 0 !important;
	}

	.banner_small{
		display: none;
	}

	.dae_icon{
		width: 18% !important;
		margin-top: 0 !important;
	}

	.cookies_trigger{
		bottom: 142px !important;
		z-index: 10 !important;
	}
}

@media screen and (min-width: 600px) {
	.banner-tuttipossono.mobile {
		display: none !important;
	}
}

@media screen and (max-width: 768px){
	.banner-tuttipossono {
		bottom: 54px !important;
	}

	.cookies_trigger {
        bottom: 196px !important;
		z-index: 10 !important;
    }
}

@media screen and (max-width: 599px){
	.banner-tuttipossono:not(.mobile) {
		display: none !important;
	}

	.banner-tuttipossono {
		display: flex;
		align-items: center;
		top: inherit !important;
		bottom: 0;
		left: 0;
		right: 0 !important;
		width: 100% !important;
		height: 130px;
	}

	.banner-tuttipossono-title{
		text-align: center;
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}

	.banner-tuttipossono-subtitle {
		text-align: center;
        display: block !important;
        margin-bottom: 0 !important;
		font-size: 0.875rem !important;
    }

	.story_image{
		max-width: inherit !important;
		height: 90px !important;
		margin-bottom: 0 !important;
	}

	.banner_small{
		display: none;
	}

	.dae_icon{
		width: 30px !important;
		margin-top: 0 !important;
	}
}

@media screen and (max-width: 494px){
	.story:nth-of-type(1){
		margin-left: 1rem !important;
	}

	.banner-tuttipossono-title{
		font-size: 1rem !important;
	}

	.story:nth-of-type(2){
		display: none !important;
	}
}

/* Animazioni varie */

@keyframes spinner {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1
	}
	100% {
		top: 0;
		left: 0;
		width: 72px;
		height: 72px;
		opacity: 0
	}
}

@keyframes bounce {
	0% {
		transform: translateY(0) translateX(-50%)
	}
	10% {
		transform: translateY(0) translateX(-50%)
	}
	30% {
		transform: translateY(-5px) translateX(-50%)
	}
	50% {
		transform: translateY(0) translateX(-50%)
	}
	60% {
		transform: translateY(0) translateX(-50%)
	}
	65% {
		transform: translateY(0) translateX(-50%)
	}
	100% {
		transform: translateY(0) translateX(-50%)
	}
}

@keyframes ekg {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		stroke-dashoffset: 2000;
	}
	99% {
		opacity: 0;
		stroke-dashoffset: 3000;
	}
	100% {
		stroke-dashoffset: 1000;
	}
}

.intro-block {
	right: 0;
}

.intro-block svg {
	max-width: 470px;
	margin-left: 20px;
  	margin-right: 20px;
	transition: all 0.5s ease-in-out;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.intro-block svg .ekg {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: miter;
	opacity: 0;
	stroke-dashoffset: 1000;
	stroke-dasharray: 1000;
	animation: ekg 1.5s linear forwards infinite;
}

/* Fine */











.accordion-button:not(.collapsed) {
	background-color: var(--main-color-4);
	padding-left: 50px;
	border: 2px solid #fff;
	color: #fff;
}

.accordion-button {
	background-color: var(--main-blue);
	color: #fff;
	padding-left: 50px;
	border: 2px solid #fff;
}

.accordion-button::after {
	content: '';
	background-image: none !important;
}

:not(.collapsed) .status-icon {
	position: absolute;
	left: -24px;
	border-radius: 50%;
	background: #fff;
	padding: 8px 10px;
	border: 2px solid var(--main-color-4);
	color: var(--main-color-4);
	transition: .5s all ease;
}

.collapsed .status-icon {
	position: absolute;
	left: -24px;
	border-radius: 50%;
	background: #fff;
	padding: 8px 10px;
	border: 2px solid var(--main-blue);
	color: var(--main-blue);
	transition: .5s all ease;
}

.accordion-body {
	position: relative;
}

.accordion-body:after {
	content: '';
	position: absolute;
	left: 10px;
	height: calc(100% - 20px);
	border: 1px dashed var(--main-color-4);
	top: 10px;
}

.accordion-button:not(.collapsed) .status-icon {
	transform: rotate(180deg);
}


.labels {
	text-align: center;
	padding: 10px;
	width: 100%;
}
.labels h2 {
	font-size: 15px;
	margin-bottom: 3px;
}
.gm-style-iw.gm-style-iw-c {
	padding: 0!important;
}
.grecaptcha-badge , .super_hidden {
    display: none!important;
    visibility: hidden!important;
    opacity: 0!important;
    width: 0!important;
    height: 0!important;
    overflow: hidden!important;
    z-index: -2147483647!important;
    pointer-events: none!important;
}

/* banner tuttipossono */
.banner-tuttipossono{
	position: fixed;
    top: 14%;
    right: 1.5%;
    width: 12%;
    border-top: solid #13304e 13px;
    border-left: solid #13304e 13px;
    border-bottom: solid #027b45 13px;
    border-right: solid #027b45 13px;
    z-index: 11;
}

.banner-tuttipossono-title, .banner-tuttipossono a{
	color: #13304e !important;
	line-height: 0.75 !important;
}

.banner-tuttipossono-subtitle{
	color: #027b45;
	line-height: 1 !important;
}

.story_image{
	max-width: 100%;
	height: auto;
	margin-bottom: 0.25rem;
}

.banner_small{
	font-size: 0.7rem;
}

.dae_icon{
	width: 25%;
	margin-top: 1.5rem;
}
/* banner tuttipossono */

/* pop up inail */

.button-inail {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

.button-inail button {
	position: fixed;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #1E73B2;
	border: 0;
	overflow: hidden;
	outline: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	visibility: visible;
	opacity: 1;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 54%, 0% 0%);
}
.button-inail button:hover {
	cursor: pointer;
	background-color: #7ebd46;
	color: #ffffff;
}
.button-inail button span {
	opacity: 1;
}
  .button-inail.clicked button {
	visibility: hidden;
	opacity: 0;
  }

  .pop-up {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.9);
	-moz-transform: translate(-50%, -50%) scale(0.9);
	-ms-transform: translate(-50%, -50%) scale(0.9);
	-o-transform: translate(-50%, -50%) scale(0.9);
	transform: translate(-50%, -50%) scale(0.9);
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 11;
	background-color: #000000bf;
	width: 100%;
	height: 100%;
  }

  .pop-up .content {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	background: #fff;
  }

  .pop-up .content .container {
	padding: 60px 20px 50px;
  }

  .pop-up .content .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
  }
  .pop-up .content .close:hover {
	cursor: pointer;
	color: #002b5a;
  }

  .pop-up .content .title h1 {
	text-align: center;
	color: #002b5a;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 36px;
	letter-spacing: 0.05rem;
  }
  .pop-up .content img {
	width: 100%;
	max-width: 220px;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	-o-transform: translateX(60px);
	transform: translateX(60px);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	-webkit-backface-visibility: hidden;
  }

  .pop-up .content .subscribe {
	font-size: 14px;
	color: #3e4146;
	letter-spacing: 0.05rem;
	padding: 0 20px;
	text-align: center;
	font-weight: 300;
  }

  .pop-up.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);

  }
  .pop-up.open img {
	opacity: 1;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
  }

  .border-text {
	  border: 1px solid #1E73B2;
	  padding: 10px;
  }

  .banner-sony {
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,43,90,1) 63%);
  }

  .btn-green {
	  background: #7ebd46;
	  padding: 12px 20px;
	  transition: all ease .5s;
  }

  .btn-green:hover {
	background: var(--main-color-hover);
  }


  .p-top {
	  margin-top: 180px;
  }

  .title-sony {
	  position: absolute;
	  top: 45%;
	  left: 65%;
	  opacity: .4;
	  font-size: 250px;
	  font-weight: 900;
	  color: #fff;
  }

  .img-dispositivi {
	  width: 120%;
  }

  .ellipse {
	  width: 60%;
	  height: 70%;
	  border: .5px solid #fff;
	  position: absolute;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  left: 50%;
	  border-radius: 50%;
  }

  .banner-page {
	  background-image: url(../../images/banner.jpg);
	  background-size: cover;
	  background-position: center;
	  height: 70vh;
  }

  .btn-filter {
	  background: #fff;
	  border-radius: 30px;
	  padding: 8px 30px;
	  width: 100%;
	  border: 0px;
	  transition: .5s all ease;
  }

  .btn-filter a {
	color: #002b5a;
  }

  .btn-filter a:hover {
	  color: #fff;
  }

  .btn-filter:hover {
	  background: #1E73B2;
	  color: #fff !important;
  }

  .main_blue {
	color: #002b5a !important;
  }

  .title-sony-page {
	position: absolute;
	bottom: -95px;
	left: 50%;
	transform: translateX(-50%);
	opacity: .4;
	font-size: 250px;
	font-weight: 900;
	color: #fff;
	z-index: 8;
  }

  .title-cat-sony {
	  font-size: 80px;
	  font-weight: 900;
  }

  .img-dispo {
	  height: 160px;
  }

  .box-h {
	  height: 220px;
  }

  .desc {
	  font-size: 14px;
  }




/* Cookies banner */
.cookies_banner {
    background: #000;
    z-index: 2147483644;
    max-height: 100vh;
    overflow-y: auto;
}
.cookies_banner.hidden {
    opacity: 0;
    transform: translateY(100%);
}
.cookies_banner_backdrop {
    position: fixed;
    z-index: -2147483647;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: #000000bf;
    opacity: 0;
    pointer-events: none;
}
body.cookies_open .cookies_banner_backdrop {
    z-index: 2147483643;
    opacity: 1;
    pointer-events: initial;
}
.btn_close_banner , .btn_preferences_cookie , .btn_accept_all_cookie , .btn_cookie_policy , .btn_save_cookies , .close_modal_btn {
    border: none;
    border-radius: 10px;
    line-height: 1;
    text-align: center!important;
}
.btn_preferences_cookie {
    background: #323232;
}
.btn_close_banner , .btn_accept_all_cookie , .btn_save_cookies {
    background: var(--main-color-4);
}
.btn_cookie_policy , .close_modal_btn {
    background: #e6e6e6;
    color: var(--body-color)!important;
}
.btn_preferences_cookie:hover {
    background: var(--body-color);
}
.btn_close_banner:hover , .btn_accept_all_cookie:hover , .btn_save_cookies:hover {
    background: var(--main-blue);
}
.btn_cookie_policy:hover , .close_modal_btn:hover {
    background: #dcdcdc;
}
.btn_close_banner.disabled , .btn_accept_all_cookie.disabled , .btn_save_cookies.disabled {
    opacity: .5;
    cursor: not-allowed;
}
#cookies_modal , .modal {
    z-index: 2147483646;
}
.modal-backdrop {
    z-index: 2147483645;
}
.close_cookies_modal {
    color: var(--body-color-t);
}
.close_cookies_modal:hover {
    color: var(--body-color);
}
#cookies_modal .modal-header , #cookies_modal .modal-footer , #cookies_modal .modal-content  , .modal .modal-header , .modal .modal-footer , .modal .modal-content {
    border-radius: 15px;
}
#cookies_modal .modal-header , #cookies_modal .modal-footer , #cookies_modal .border-top , .modal .modal-header , .modal .modal-footer , .modal .border-top {
    border-color: #e6e6e6!important;
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2885, 135, 185, 0.25%29'/%3e%3c/svg%3e");
    border-color: var(--main-light);
    box-shadow: 0 0 0 0.25rem var(--main-color-transp);
}
.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important;
    background-color: var(--main-color-4);
    border-color: var(--main-color-4);
}

#cookies_modal .form-check {
    transform: translate(5px, 5px)!important;
}
.ext_policy {
    color: var(--body-color);
}
.ext_policy:hover {
    color: var(--main-color-4);
}
.recycle_icon_section {
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    font-size: 450px;
    z-index: 0;
    opacity: .1;
}
.zx-1 {
    z-index: 1;
}
.body_color {
    color: var(--body-color);
}
.cookies_trigger {
    position: fixed;
    bottom: 12px;
    left: 12px;
    border-radius: 100%;
    background-color: var(--main-blue);
    height: 48px;
    width: 48px;
    font-size: 24px;
    z-index: 2147483642;
}
.cookies_trigger::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.modal-backdrop.show {
    opacity: 1;
    background-color: #000000bf;
}
/* End of cookies banner */

/* FUNNEL */

.align-items-funnel{
	align-items: center;
}

.funnel_paragraph{
	justify-content: center;
}

@media screen and (min-width: 1200px) and (max-width:1400px) {

	.funnel_paragraph{
		 justify-content: start;
	 }

	 .align-items-funnel{
		align-items: start;
	}
}


.call.call-funnel{
	padding: 20px !important;
}
.btn-no-funnel {
	background: var(--main-color-3);
	padding: 15px 30px;
}
.btn-no-funnel:hover {
    box-shadow: 5px 5px 8px #d3d3d3;
    transition: 0.5s;
    background-color: var(--main-color-3);
}


.rida-carousel.rida-header .item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.rida-carousel.rida-header .item .caption_container {
    background-color: #327dafbf;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.rida-carousel.rida-header .item .caption_container .caption {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15px;
    text-align: center;
    color: #fff;
}

.rida-carousel.rida-header .item .caption_container .caption:before {
    content: '';
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
}

.rida-carousel.rida-header .item .caption_container .caption .caption_title {
    font-size: 1.75rem;
    font-weight: 400;
}

.rida-carousel.rida-header .item .caption_container .caption .caption_description {
    font-size: 1.5rem;
}

.rida-carousel.rida-header.no_owl .item .caption_container .caption {
    top: 50%;
    transform: translateY(-50%);
}

.owl-carousel.owl-products {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.intro-block-funnel svg {
	max-width: 470px;
	margin-left: 20px;
  margin-right: 20px;
	position: relative;
	transition: all 0.5s ease-in-out;
}

.intro-block-funnel svg .ekg {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: miter;
	opacity: 0;
	stroke-dashoffset: 1000;
	stroke-dasharray: 1000;
	animation: ekg 1.5s linear forwards infinite;
}

.intro-block-funnel h1,
.intro-block-funnel h3,
.intro-block-funnel p {
  background-color: #0b0e13;
  width: 450px;
  margin: 0 auto;
  padding-top: 10px;
  border-left: 2px solid #0f3a4d;
  border-right: 2px solid #0f3a4d;
	text-shadow:  1px  1px 1px #0f3a4d,
	              1px -1px 1px #0f3a4d,
	             -1px  1px 1px #0f3a4d,
	             -1px -1px 1px #0f3a4d;
}

.intro-block-funnel p {
  border-radius: 0 0 20px 20px;
  border-bottom: 2px solid #0f3a4d;
  padding-bottom: 20px;
}

@media (min-width: 1200px) {

    .rida-carousel.rida-header .item .caption_container .caption .caption_description {
        font-size: 1.75rem;
    }
    .rida-carousel.rida-header .item .caption_container .caption .caption_title {
        font-size: 2rem;
    }
    .rida-carousel.rida-header .item .caption_container .caption {
        top: 50%;
        transform: translateY(-50%);
    }
    .rida-carousel.rida-header .item .caption_container .caption .caption_title {
        font-size: 2.5rem;
    }
    .rida-carousel.rida-header .item .caption_container .caption .caption_description {
        font-size: 2rem;
    }

    /* .form_container_bg {
        background-color: var(--tecno-blue);
        color: #fff;
        border-radius: 25px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    } */

    .box_product {
        border-radius: 25px;
    }

}

/* FUNNEL */

.cert_img{
	width: fit-content;
    box-shadow: 0px 0px 2px 2px #fff;
    background-color: #fff;
    padding: 10px;
}


.banner-page.sony_printer{
	height: 40vh !important;
}

.sony_image_gallery.d-flex{
	width: 100%;
	height: 200px;
	padding: 10px;
	border-radius: 30px 30px 0 0;
    border: 1px solid #efefef;
}

.sony_img{
	max-height: 160px;
}

.border-main{
	border-radius: 30px 30px 0 0;
    border: 1px solid #efefef;
}

.specifications_tab_t{
	font-weight: 700;
}

.nav-tabs.sony .nav-link.active{
	background-color: var(--main-blue);
    color: #fff !important;
    font-weight: 700;
}
.nav-tabs.sony .nav-link{
    text-transform: uppercase;
}

.box-call{
	height: 48vh;
	display: flex;
	align-items: center;
	border-radius: 5%;
	background-color: #fff;
	box-shadow: 0px 0px 2px 1px #356eb0;
}