*{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', 'Montserrat', sans-serif;
	list-style: none;
}
a{
	text-decoration: none;
	text-decoration-style: none;
}


.menu{
	position: sticky;
	top: 0;
	z-index: 2000;
}

/*CONTACTE*/
.contacte{
	background-image: url(../img/background1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background: rgb(92 135 187);
    background: linear-gradient(90deg, rgb(164 202 220) 0%, rgb(90 133 186) 100%);
	padding: 1.5vw;
	font-size: 1.2vw;
	color: #fff;
	text-align: right;
	padding-right: 5em;
	
}
.lang-ca{
	display: inline-block;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.lang-es{
	display: inline-block;
	border-right: 2px solid #fff;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.whats{
	width: 2em;
}
.phone{
	width: 2em;
}

/*NAV*/
nav{
	background-image: url(../img/imatge.png);
	background-size: cover;
	background-repeat: no-repeat;
}
nav>ul{ 
	padding: 6vw 20vw 0 0;
}
nav>ul>li{
	display: inline-block;
	margin: 1.2em;
	font-size: 1.5vw;
	font-weight: bold;
}
nav>ul>li>a{
	color: #055BA2;
}
nav>ul{
	text-align: right;
}

.logo{
	width: 100%;
	margin-top: 20vw;
}

.logo>img{
	width: 20%;
	margin-left: 6em;
}
nav>h1{
	font-size: 3em;
	color: #696C6B;
	margin-left: 4em;
	font-weight: bold;
}
nav>p{
	font-size: 3em;
	color: #888;
	margin-left: 4em;
}
nav>p:last-of-type{
	padding-bottom: 8vw;
	margin-bottom: 0;
	color: #696C6B;
}

.bubble1{
	width: 100%;
	text-align: right;
	position: absolute;
	top: 45vw;
	right:  10vw;
}
.bubble1>img{
	width: 26vw;
}
/*SEGONA FRANJA*/
.franja2{
	background-image: url(../img/background2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background: rgb(92 135 187);
    background: linear-gradient(90deg, rgb(164 202 220) 0%, rgb(90 133 186) 100%);
}
.text_gestio{
	font-size: 3vw;
	color: #fff;
	padding: 4vw 0 2vw 8vw;
	font-weight: lighter;
}
.text_gestio:last-of-type{
	padding-top: 0;
}
.linia_groga{
	width: 75%;
	margin-left: 20vw;
}
.gestio{
	display: grid;
	grid-template-columns: 33% auto 33%;
	
	text-align: center;
}

.text_gestio2{
	color: #fff;
	font-size: 2vw;
	padding: 4vw 5vw;
	font-weight: lighter;
}
.text_gestio2>span{
	font-weight: bold;
}
.wrapper{
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}

.wrapper iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -145px;
}

.prueba{
	display: flex;
	flex-wrap: wrap;
	padding: 4vw 0;
	padding-top: 0;
	margin-top: -200px;
}
.prueba>figure:first-of-type{
	flex: 4;
	width: 100%;
	padding-top: 3vw;
}
.prueba>figure:first-of-type>img{
	width: 100%;
}
.prueba>figure:last-of-type{ /*BUBBLE2*/
	position: absolute;
	left: 20vw;
	top: 182vw;
	cursor: pointer;
}
.prueba>figure>a{
	flex: 1;
	width: 100%;
	min-width: 400px;
}
.prueba>figure>a>img{
	width: 18vw;
}
.prueba>div{
	flex: 6;
	text-align: center;
}
.prueba>div>p{
	font-size: 2.5vw;
	font-weight: bold;
	color: #7ac4bc;
}
.prueba>div>figure{
	width: 100%;
	text-align: left;
}
.prueba>div>figure>img{
	width: 5%;
}

.prueba>div>figure>span{
	font-size: 1.8em;
	color: #3e65ab;
}
.hands{
	padding-left: 3vw;
	padding-right: 1vw;
}
.hands>img{
	margin-top: 1vw;
}
.hands>span{
	margin-left: 0.8em;
}


/*PREUS*/
#preus{
	display: grid;
	grid-template-columns: 40% auto 30%;
	text-align: center;
	padding-top: 3vw;
	background-color: #7ac4bc;
	color: #fff;
	font-size: 3em;
}
#preus>div>ul{
	margin-top: 10vw;
}
#preus>div>ul{
	background-color: #fff;
	color: #355ea7;
}
.basic,.premium{
	
	padding: 4vw;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	font-size: 2vw;
	margin-right: 3vw;
	box-shadow: 0px -8px 19px #7c9a92;
}
.basic2,.premium2{
	
	padding: 4vw;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	font-size: 1em;
	margin-right: 3vw;
	box-shadow: 0px 3px 17px #9f9f9f;
}

/*INFO PREUS*/
.info_preus{
	display: grid;
	grid-template-columns: 40% auto 30%;
	text-align: center;
}
.info_preus>ul{
	padding-left: 8vw;
}
.info_preus>ul>li{
	text-align: left;
	font-size: 2vw;
	margin-bottom: 6vw;
	color: #3e65ab;
	font-weight: bolder;
}
.info_preus>ul>li:first-of-type{
	margin-top: 8vw;
}
.info_preus>ul>li:nth-of-type(5){
	margin-bottom: 0;
}
.info_preus>ul>li:last-of-type{
	margin-top: 0;
	color: #8bcc5c;
}
/*TARIFA BASIC*/
.basic2,.premium2{
	color: #3e65ab;
}
.basic2>img,.premium2>img{
	margin: 3vw 0;
	width: 6vw;
}
.basic2>p:first-of-type,.basic2>p:nth-of-type(3),.basic2>p:last-of-type{
	font-size: 3vw;
	font-weight: bold;
}
.basic2>p:nth-of-type(3),.basic2>p:last-of-type{
	display: inline-block;
}
.basic2>p:nth-of-type(3),.basic2>p:last-of-type{
	color: #8bcc5c;
}
.basic2>p:first-of-type{
	margin-top: 3vw;
}
.basic2>p:nth-of-type(2){
	margin-top: 6vw;
	margin-bottom: 3vw;
	font-size: 2vw;
}
.basic2>p:nth-of-type(3){
	margin: 4vw 0;
}
.basic2>p:last-of-type{
	margin: 3vw 0;
}
.basic2>span,.premium2>span{
	font-size: 1.5vw;
	font-weight: bold;
}

/*TARIFA PREMIUM*/
.premium2>p:first-of-type,.premium2>p:nth-of-type(4),.premium2>p:last-of-type{
	font-size: 3vw;
	font-weight: bold;
}
.premium2>p:nth-of-type(4),.premium2>p:last-of-type{
	display: inline-block;
}
.premium2>p:nth-of-type(4),.premium2>p:last-of-type{
	color: #8bcc5c;
}
.premium2>p:first-of-type{
	margin-top: 3vw;
}
.premium2>p:nth-of-type(2){
	font-size: 0.8em;
}
.premium2>p:nth-of-type(3){
	margin: 3.5vw 0 4vw 0;
	font-size: 2vw;
}
.premium2>p:nth-of-type(4){
	margin: 3vw 0;
}
.premium2>p:last-of-type{
	margin: 4vw 0;
}
.iva{
	color: #3e65ab;
	text-align: right;
	margin-right:  3em;
	padding-top: 1vw;
}
.iva2{
	color: #3e65ab;
	text-align: right;
	margin-right:  3em;
}

/*INFO PREUS MOBIL*/
.info_preus_mobil{
	display: grid;
	grid-template-columns: 50% auto;
	text-align: center;
}
.basic3,.premium3{
	display: grid;
	grid-template-columns: 60% auto;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 5px 10px 60px #eee;
	font-size: 2em;
}
.basic3>h3,.premium3>h3{
	color: #7AC4BC;
	padding: 2vw;
	font-size: 2em;
	grid-area: 1/1/2/3;
}
.info>p{
	color: #3E65AB;
	font-weight: bold;
	margin: 2em 0;
}
.info>p:nth-of-type(5){
	margin: 0;
}
.info>p:last-of-type{
	color: #8bcc5c;
	margin-top: 0;
}
.info2{
	color: #3E65AB;
}
.info2>p{
	margin: 2em 0;
}
.info2>img{
	width: 4vw;
	margin-top: 1.2em;
}
.info2>p:nth-of-type(3),.info2>p:last-of-type{
	display: inline-block;
	color: #8bcc5c;
}


/*INFO*/
.facil{
	font-size: 4em;
	background-image: url(../img/background4.png);
	color: #fff;
	margin-top: 5vw;
}
.facil>p{
	padding: 5vw;
}
.pasos{
	display: grid;
	grid-template-columns: 15% 10% 15% 10% 10% 10% auto;
	padding: 6vw 0;
	margin-left: 18vw;
}
.arrow{
	margin: auto;
	margin-top: 12em;
}
.arrow>img{
	width: 5vw;
}
.numero>p:first-of-type{
	font-size: 8em;
	color: #75C6A9;
}
.numero>p:last-of-type{
	font-size: 1.2em;
	color: #3e65ab;
}
.descargar{
	font-size: 4vw;
	color: #3e65ab;
	background-color: #EEC300;
	padding: 6vw;
	padding-left: 12vw;
}
.descargar>figure{
	display: inline-block;
}
.descargar>figure>a>img{
	width: 10vw;
}
.descargar>p{
	display: inline-block;
	margin-left: 5vw;
}
.bubble3{
	width: 100%;
	text-align: right;
	position: absolute;
	top: 290vw;
	right:  15vw;
}
.bubble3>a>img{
	width: 18vw;
}


/*FORMULARI*/
#form{
	background-image: url(../img/background6.png);
	color: #fff;
	padding: 5vw auto;
	font-size: 2em;
}
.titol{
	padding: 3vw 10vw;
}
#formularioInfo{
	text-align: center;
}
#formularioInfo>label{
  display: inline-block;
  width: 400px;
  text-align: left;
}
.titol>h4{
	font-size: 1.5em;
	margin-bottom: 1vw;
}
.formcontrol{
	padding: 2vw;
	width: 800px;
	margin-top: 2vw;
	border-radius: 10px;
	border: none;
	background-color: rgba(255,255,255,0.6);
	font-size: 1.2em;
}
.formcontrol:last-of-type{
	
}
.boto{
	padding: 2vw;
	background-color: #fff;
	color: #3e65ab;
	font-size: 1.2em;
	width: 500px;
	border-radius: 10px;
	border: none;
	margin-top: 2vw;
	margin-bottom: 2vw;
	margin-left: 41vw;
	box-shadow: 8px 8px 14px #888;
	cursor:pointer;
	min-width: 300px;
}
.boto:hover{
	background-color: #3e65ab;
	color: #fff;
	box-shadow: 8px 8px 14px #fff;
	transition: 1s;
}

/*FOOTER*/

.contacte2{
	background-image: url(../img/background1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background: rgb(92 135 187);
    background: linear-gradient(90deg, rgb(164 202 220) 0%, rgb(90 133 186) 100%);
	padding: 1.5vw;
	font-size: 1.2vw;
	color: #fff;
	text-align: center;
	padding-right: 5em;
	
}
.contacte2>a:first-of-type{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 0 1vw;
	margin-left: 1vw;
}
.contacte2>a:nth-of-type(2){
	padding: 0 1vw;
}
.contacte2>a:last-of-type{
	border-left: 2px solid #fff;

	padding: 0 1vw;
}
.link-footer{
	color: #fff;
	font-size: x-small;
}
#aviso-cookies{
	position: sticky;
	bottom: 0;
	background-color: rgba(255,255,255,0.9);
	padding: 2%;

}
.btn{
	background-color: #000;
	color: #fff;
}
#aviso-cookies .btn {
	margin-top: 2%;
}


.gototop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 60px;
	z-index: 2000;
	padding: 1em;

}
.copyright{
	margin-top: 1em;
	font-size: 0.4em;
}
.copyright>p,.cpoyright>a{
	display: inline-block;
}
.copyright>a>img{
	width: 80px;
}


/*MOVIL*/
@media screen and (max-width: 800px){
	.contacte{
		text-align: center;
		font-size: 1em;
		padding-right: 0;
		padding: 1.2em;
	}
	.bubble1,.bubble2,.bubble3{
		display: none;
	}
	.calendari{
		display: none;
	}
	#menu{
		display: none;
	}
	.lang-ca{
		margin-left: 1.2em;
	}
	.lang-ca>div{
		padding: 0 1em;
		display: none;
	}
	.lang-es>span{
		padding: 0 1em;
		display: none;
	}

	/*NAV*/
	nav{
		text-align: center;
	}
	nav>ul{
		text-align: center;
	}
	nav>ul>li{
		font-size: 0.8em;
	}
	#menu_mobil{
		padding-top: 2em;
	}
	.titol_ppal{
		text-align: center;
	}
	.titol_ppal>p{
		margin:0;
		font-size: 1.8em;
		color: #888;
	}
	.titol_ppal>p:last-of-type{
		margin-bottom: 2em;
	}

	.titol_ppal>h1{
		margin-left: 0;
		font-size: 2em;
		color: #888;
	}
	.logo>img{
		margin:0;
		width: 75%;
	}
	.text_gestio{
		font-size: 5vw;
		color: #fff;
		padding: 4vw 0 2vw 8vw;
	}
	.gestio{
		grid-template-columns: auto;
	}
	.text_gestio2{
		font-size: 4vw;
		padding: 3vw 20vw;
	}
	

	/*NAV MOBIL*/
		#menu_mobil{
			display: grid;
			grid-template-columns: auto;
		}
		#menu_mobil>.logo{
			text-align: center;
			width: 100%;
			margin-top: 0;
		}
		#menu_mobil>.logo>img{
			width: 200px;
		}
		.barres{
			
			width: 100%;
		}
		.barres>img{
			width: 40px;
		}
		.barres{
			position: fixed;
			right: 20px;
			top: 10px;
		  	background-color:transparent;
			width:30px;
			-webkit-transform:translate3d(0, 0, 0);
			transform:translate3d(0, 0, 0);
			-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
			transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
			z-index:1002;
			cursor:pointer;
			-webkit-user-select:none;
			-moz-user-select:none;
			-ms-user-select:none;
			user-select:none
		}
		.barres.is-active{
		  background-color:none;
		}

		.menuppal.is_active{
		  transform: translate3d(0px, 0px, 0px);
		}
		.menuppal{
		   	background-color: rgba(255, 255, 255,0.9);
		   	background-image: none;
		    bottom: 0;
		    height: 100%;
		    left: 0;
		    overflow-y: scroll;
		    position: fixed;
		    top: 50px;
		    transform: translate3d(0px, -100%, 0px);
		    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
		    width: 100%;
		    z-index: 1001;
		    display: none;
		}
		.menuppal ul{
		  margin:0;padding:0;
		}
		.menuppal ul li { 
		  	list-style: none;
			text-align:center;
			color:$nav-color-text;
			font-size:2rem;
			line-height:3em;
			height:3em;
		  	color:#369;
			text-transform:none;
			font-weight:bold;
			display: block;
		}
		.menuppal ul li:first-of-type{
			margin-top: 20vw;
		}
		.menuppal ul li a{
		  text-decoration:none;
		  color:#369;
		}
		.menuppal ul li a:hover{
		  text-decoration:none;
		  color:#333;
		}

		.lang-ca-mobil,.lang-es-mobil{
			font-size: 1.2em;
			color: #369;
			display: inline-block;
			padding: 0 1em;
		}
		

	/*GESTIONAR*/
	.facil>p{
		font-size: 0.8em;
	}
	.hands>span{
		font-size: 2vw;
	}
	.hands>img{
		width: 25px;
	}
	.prueba>div>p{
		font-size: 2.5em;
	}
	.wrapper iframe{
		margin-top: -75px;
	}
	.prueba{
		margin-top: -140px;
	}

	/*PREUS*/
	#preus{
		grid-template-columns: auto;
	}
	.info_preus_mobil{
		grid-template-columns: auto;
	}
	#preus,.info_preus{
		display: none;
	}
	.titol_preus{
		background-image: url(../img/background4.png);
		color: #fff;
		padding: 4vw;
		font-size: 4em;
	}
	.info>p,.info2>p,.info2>span{
		font-size: 0.6em;
	}
	.info>p{
		margin-top: 3em;
	}

	.info2>img{
		width: 8vw
	}
	.info2>p:first-of-type{
		margin-top: 4em;
	}
	.info2>p:nth-of-type(2){
		padding-top: 1.2em;
	}
	.info>p:nth-of-type(5){
		margin-top: 4em;
	}
	.premium3,.basic3{
		margin: 2vw auto;
		border: 1px solid #7AC4BC;
		width: 400px;
	}
	.premium3>p{
		font-size: 0.4em;
		color: #7AC4BC;
	}
	.iva{
		display: none;
	}

	.pasos{
		grid-template-columns: auto;
		text-align: center;
		margin: 0;
	}
	.pasos>figure{
		display: none;
	}
	
	/*INFO*/
	.descargar{
		font-size: 1.5em;
		text-align: center;
		padding: 1em 0;
	}
	.descargar>figure{
		margin-bottom: 1vw;
	}
	.descargar>figure>a>img{
	width: 25vw;
	}
	.descargar>p{
		margin: 0;
	}

	/*FORMULARI*/
	.boto{
		margin: 3vw auto;
		max-width: 100px;
		font-size: 0.8em;
	}
	#formularioInfo>label{
		font-size: 0.8em;
		text-align: left;
		padding-left: 3em;
	}
	.formcontrol{
		max-width: 300px;
		padding: 1vw;
		font-size: 0.8em;
		
	}
	

	/*FOOTER*/
	.contacte2{
		font-size: 1em;
		text-align: center;
		padding: 2vw 15vw;
	}
	.contacte2>a:first-of-type{
		border-left: none;
		border-right: none;
	}
	.contacte2>a:last-of-type{
		border-right: none;
		border-left: none;
	}
	.copyright{
		font-size: 0.8em;
	}
	.copyright>a>img{
		width: 60px;
	}	
}
@media screen and (max-width: 500px) {
	
	.info2>img{
	margin-top: 2em;
	}
	.formcontrol{
		margin-top: 0;
	}
	#formularioInfo>label{
		margin-bottom: 0;
	}
	.prueba>div>p{
		font-size: 1.8em;
	}
	.hands{
		font-size: 0.6em;
	}
	.facil>p{
		font-size: 0.6em;
	}
	.basic3>h3,.premium3>h3{
		font-size: 1.5em;
	}
	.iva{
		display: none;
	}
	.wrapper iframe{
		margin-top: -40px;
	}
	.prueba{
		margin-top: -50px;
	}


}
@media screen and (max-width: 400px){
	.premium3,.basic3{
		width: 350px;

	}
	
}
@media screen and (max-width: 320px){
	.premium3,.basic3{
		width: 310px;

	}
	
	.contacte2{
		padding: 2vw 10vw;
	}
}
@media screen and (min-width: 800px){
	.info_preus_mobil{
		display: none;
	}
	#menu_mobil,.menuppal,.titol_ppal{
		display: none;
	}
	.barres{
		display: none;
	}
	.copyright{
		font-size: 0.6em;
	}
}
	
@media screen and (min-width: 800px) and (max-width: 1200px){
	#menu>h1,#menu>p{
		font-size: 2em;
	}
	.formcontrol{
		width: 500px;
	}
	.bubble1{
		top: 50vw;
	}
	.wrapper iframe{
		margin-top: -105px;
	}
	.prueba{
		margin-top: -190px;
	}
	.hands{
		font-size: 0.8em;
	}
	.boto{
		margin-left:0;
	}
}
@media screen and (min-width: 1900px){
	.wrapper iframe{
		margin-top: -190px;
	}
	.bubble3{
		top: 280vw;
		right:  15vw;
	}

}