@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,700');
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none
}
html{
	font-size:10px
}
body{
	font-family:"Open Sans",serif;
	font-size:1.6rem;
	font-weight:400;
	color:#000000;
	background-color:#ffffff
}
#div_wrapper{
	width:100%;
	min-width:320px;
	margin:0 auto
}
.clear{
	clear:both
}
a, a:hover, a:focus{
	outline:none;
	text-decoration:none;
	color:inherit
}
a:focus{
	color:#fff
}
a:hover{
	cursor:pointer
}
label{
	font-size:1.5rem;
	font-weight:400
}
input, select, textarea{
	width:100%;
	font-size:1.5rem;
	font-weight:400;
	outline:0px;
	border:none;
	border-radius:0 !important;
	background-color:#ffffff;
	padding:6px 8px !important
}
select{
    border-radius:0;
    border:none;
    background:#fff url(../img/content/ico-select.png) no-repeat right 15px center;
	background-size:15px 9px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:6px 25px 6px 6px
}
p, ul{
	padding:0;
	margin:0
}
li{
	list-style:none
}
img{
	max-width:100%
}
#div_content{
	min-height:650px;
	border-top:1px solid #000;
	padding-top:50px
}
.inline{
	display:inline-block;
	vertical-align:middle
}
.right{
	text-align:right
}
.arrow{
	position:relative;
	background:url(../img/content/arrow.png) no-repeat center bottom;
	margin-bottom:-36px;
	z-index:1
}
h4, .poppins20{
	font-family:'Poppins', sans-serif;
	font-size:2rem;
	font-weight:700
}
.button{
	display:block;
	max-width:265px;
	font-family:'Poppins', sans-serif;
	font-size:2rem;
	font-weight:600;
	color:#fff;
	background-color:#ff5800;
	border-radius:10px;
	padding:12px 15px;
	margin:40px auto 0 auto
}
.button:hover{
	color:#fff;
	background-color:#e65102
}

/* HEADER ***********************************/
#div_header{
	font-size:1.8rem;
	color:#fff;
	background-color:#ff5800;
	padding:10px 0
}
#div_header .logo{
	max-width:220px;
	margin-top:10px
}
#div_header .right{
	float:right
}
#div_header .phone img{
	width:32px;
	margin-right:5px
}
#div_header .languages{
	font-size:1.4rem;
	border-left:1px solid #fff;
	padding:15px 0 15px 30px;
	margin-left:30px
}
#div_header .languages .subsection{
	position:relative;
	background:url(../img/content/ico-desplega.png) no-repeat right center;
	background-size:11px 7px;
	padding-right:20px
}
#div_header .languages .sub{
	display:none;
	position:absolute;
	top:25px;
	right:0;
	left:0;
	width:80px;
	text-align:left;
	color:#000;
	background-color:#fff;
	-webkit-box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	border:1px solid #e5e5e5;
	padding:10px 15px
}
#div_header .languages .sub li{
	margin-bottom:7px
}
#div_header .languages .sub a:hover, #div_header .languages .sub a.active{
	color:#ff5800
}
menu{
	background:url(../img/content/back-menu.png) no-repeat right center;
	padding:25px 0
}
menu ul{
	width:77%;
	font-size:1.8rem
}
menu li{
	display:inline-block;
	vertical-align:middle;
	font-weight:600;
	margin-right:3%
}
menu li:last-child{
	margin:0
}
menu a:hover, menu a.active{
	color:#ff5800
}
menu .book{
	width:22%;
	text-align:center;
	color:#ff5800;
	background-color:#fff;
	border:1px solid #ff5800;
	border-radius:10px;
	padding:8px 15px
}

/* HOME *************************************/
#home #div_content{
	border-top:0;
	padding-top:0
}
#home section{
	font-size:1.8rem
}
#home section h3, #products section h3, #faqs h1{
	font-family:'Poppins', sans-serif;
	font-size:4rem;
	font-weight:700;
	margin-bottom:40px
}
#home #div_banner{
	position:relative;
	height:100vh;
    max-height:calc(100vh - 160px)
}
#home #div_banner h1{
	font-family:'Poppins', sans-serif;
	font-size:5rem;
	font-weight:700;
	margin-bottom:15px
}
#home #div_banner h2{
	font-size:2rem;
	font-weight:400
}
#home #div_banner img{
	width:100%;
	height:100%;
	object-fit:cover
}
#home #div_banner .fons{
	position:absolute;
	width:100%;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.4);
	z-index:2
}
#home #div_banner .informacio{
	position:absolute;
	right:0;
	left:0;
	bottom:45px;
	color:#fff;
	text-align:center;
	z-index:3
}
#home #div_serveis, #home #div_opinions{
	background-color:#f6f6f6;
	padding:60px 0
}
#home #div_serveis .flex{
	margin:0 0 20px 30px
}
#home #div_serveis h3{
	margin:0 0 20px 0
}
#home #div_serveis .item{
	font-size:1.6rem;
	background:url(../img/content/ico-check.png) no-repeat left top 3px;
	background-size:18px auto;
	padding:0 0 25px 30px
}
#home #div_serveis h4{
	margin-bottom:30px
}
#home #div_pack{
	text-align:center;
	padding:50px 0 110px 0
}
#home #div_pack h3{
	margin:0
}
#home #div_pack h4{
	font-size:4rem;
	font-weight:400;
	margin-bottom:40px
}
#home #div_pack h4 span{
	font-weight:700;
	color:#ff5800
}
#home #div_pack .item{
	display:inline-block;
	vertical-align:top;
	width:16%;
	font-size:2rem;
	font-weight:700;
	background:url(../img/content/ico-plus.png) no-repeat right top 25px;
	background-size:25px 25px;
	padding-right:25px;
	margin-bottom:40px
}
#home #div_pack .item:last-child{
	background:none
}
#home #div_pack .item img{
	max-width:77px;
	margin-bottom:20px
}
#home #div_pack .extra{
	font-size:1.5rem
}
#home #div_pack .extra a{
	color:#ff5800
}
#home #div_pack .extra a:hover{
	text-decoration:underline
}
#home .contracta{
	text-align:center;
	margin:0 auto
}
#home .contracta .button{
	max-width:630px;
	font-size:2.5rem;
	font-weight:700
}
#home .contracta a span{
	display:block;
	font-weight:400;
	font-size:2rem
}
#home #div_opinions{
	background:#f6f6f6 url(../img/content/back-opinions.jpg) no-repeat center top;
	background-size:cover
}
#home #div_opinions h3, #home #div_segells{
	text-align:center
}
#home .opinion{
	text-align:left;
	font-size:1.6rem;
	background-color:#fff;
	-webkit-box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	box-shadow:3px 3px 0px 0px rgba(0,0,0,0.1);
	padding:40px 8%;
	margin:5px
}
#home .opinion .name{
	border-bottom:1px solid #e5e5e5;
	padding:0 0 20px 0
}
#home .opinion img{
	width:95px;
	border-radius:50%;
	margin-right:15px
}
#home .opinion h5{
	font-size:1.8rem;
	font-weight:700;
	color:#f76c6f
}
#home .opinion .date{
	color:#8e8e8e;
	font-size:1.5rem
}
#home .opinion .descr{
	height:360px;
	overflow-y:auto;
	padding:25px 3% 25px 5%
}
#home .opinion .read-more a, #home .opinion .read-less a{
	text-decoration:underline;
	color:#8e8e8e;
	font-size:1.5rem
}
#home .segell{
	width:42%;
	max-width:150px;
	margin:30px 10px
}
#home #div_faqs{
	padding:40px 15px 70px 15px
}
#home #div_faqs img{
	margin-left:15%
}
#home #div_faqs .faq{
	border-bottom:1px solid #e0e0e0;
	padding:20px 5%
}
#home #div_faqs .faq:last-child{
	border-bottom:0
}
#home #div_faqs a{
	display:inline-block;
	border-radius:10px;
	background-color:#eeeeee;
	padding:5px 15px;
	margin:30px 0 0 3%
}
#home #div_faqs a:hover{
	background-color:#d9d9d9
}
#home #div_galeria{
    display:table;
    width:100%;
    font-size:1px;
    letter-spacing:-1px
}
#home #div_galeria img{
	display:inline-block;
	vertical-align:top;
	width:16.66%;
	border:2px solid #fff
}
#home #div_restaurants{
	text-align:center;
	padding:60px 0 100px 0
}
#home .brand{
	width:260px;
	height:260px;
	border:1px solid #e0e0e0;
	margin:0 5px
}
#home .brand a{
	display:flex;
	width:100%;
	height:100%
}
#home .brand img{
	padding:10px;
	margin:auto
}

/* SERVEIS **********************************/
#products .service{
	margin-bottom:60px
}
#products .arrow h3{
	border-bottom:1px solid #dcdcdc;
	margin:0 0 20px 0
}
#products section h3 img{
	float:left;
	max-width:65px;
	margin:-20px 15px 10px 0
}
#products .service p{
	margin:0 20px 20px 0
}
#products p.big{
	font-family:'Poppins', sans-serif;
	font-size:2.5rem;
	font-weight:700
}
#products p.big span{
	color:#ff6c20
}
#products section ul{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:5px 0;
	margin-bottom:20px
}
#products section li span{
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../img/content/ico-check.png) no-repeat center center;
	background-size:100%;
	margin-right:5px
}
#products img.center{
	display:block;
	width:100%;
	max-width:485px;
	margin:0 auto
}

/* FORMULARI ********************************/
#div_formulari{
	background:#b0f2c3 url(../img/content/back-form.jpg) no-repeat center top;
	background-size:cover;
	padding:70px 0
}
#div_formulari h3, #div_formulari p{
	text-align:center
}
#div_formulari h3{
	margin:0 !important
}
#div_formulari .resposta{
	display:none;
	text-align:center
}
#div_formulari p, #div_formulari .resposta{
	font-size:2rem;
	margin-bottom:50px
}
#div_formulari .caixa{
	width:49.5%;
	margin:0 0 10px 0
}
#div_formulari .comentari{
	margin:25px 0 15px 0
}
#div_formulari .inline{
	width:49.5%
}
#div_formulari .acepto{
	font-size:1.5rem
}
.check{
	display:inline-block;
	width:15px
}
.petit a{
	text-decoration:underline
}
#div_formulari .button{
	display:inherit;
	max-width:200px;
	padding:6px 15px;
	margin:0
}
/*Forms*/
input.success, textarea.success{
	background:url(../img/content/ico-success.png) no-repeat right 15px center;
	background-color:#f3ffee !important
}
input.error, textarea.error{
	background:url(../img/content/ico-error.png) no-repeat right 15px center;
	background-color:#ffeff0 !important
}
select.success-sel{
	background-color:#f3ffee !important
}
select.error-sel{
	background-color:#ffeff0 !important
}
textarea.success, textarea.error{
	background-position:98% 6px
}
.missat{
	display:none;
	color:#d50020;
    font-size:1.4rem
}
.loading{
	display:none;
	text-align:center;
	margin:20px auto 0 auto
}
#loading{
	display:block;
	text-align:center;
	margin:20px auto 0 auto
}

/* FAQ'S ************************************/
#faqs #div_content{
	padding:50px 0 70px 0
}
#faqs h1{
	margin:0
}
#faqs .preg{
	border-top:1px solid #e5e5e5;
	padding:15px 0
}
#faqs .preg h4{
	font-size:1.6rem
}

/* FOOTER ***********************************/
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background:url(../img/content/icon_top.png) no-repeat;
	z-index:20
}
footer{
	color:#fff;
	background-color:#ff5800;
	padding:40px 0 75px 0
}
footer .logo img{
	width:95%;
	max-width:85px;
	margin-right:5%
}
footer .columna{
	border-left:1px solid #fff;
	padding:0 15px
}
footer .columna li{
	margin-bottom:15px
}
footer .inline a:hover, footer .inline a.active{
	text-decoration:underline
}
footer .phone, footer .mail{
	margin-bottom:20px
}
footer .phone img, footer .mail img{
	width:30px;
	margin-right:6px
}
footer .social li{
	display:inline-block;
	vertical-align:top;
	width:40px;
	margin-left:6%
}
footer .social li:first-child{
	margin:0
}
footer .social a:hover img{
	opacity:0.7
}
@media screen and (max-width:1199px){
	#home #div_banner h1{
		font-size:4rem
	}
	#home section h3, #products section h3, #home #div_pack h4, #faqs h1{
		font-size:3rem
	}
	menu li{
		font-size:1.8rem
	}
}
@media screen and (max-width:991px){
	h4, .poppins20, .button, #home .contracta a span, #home #div_pack .item{
		font-size:1.8rem
	}
	menu ul{
		width:82%
	}
	#div_header, menu li{
		font-size:1.5rem
	}
	menu .book{
		width:17%;
		font-size:1.5rem
	}
	#home #div_banner h1{
		font-size:3.6rem
	}
	#home #div_banner h2{
		font-size:1.6rem
	}
	#home section h3, #products section h3, #home #div_pack h4, #faqs h1{
		font-size:2.6rem
	}
	#home #div_banner .button{
		margin:20px auto 0 auto
	}
	#home .contracta .button{
		font-size:2rem
	}
	#home .brand{
		height:205px
	}
	#home #div_pack .item{
		width:32%
	}
	#products p.big{
		font-size:2.2rem
	}
	footer .last{
		text-align:right
	}
	footer .last .inline{
		display:block
	}
}
@media screen and (max-width:767px){
	#div_content{
		border:0
	}
	menu{
		text-align:center;
		background:none;
		padding:0
	}
	menu ul{
		display:block;
		width:100%
	}
	menu li{
		display:block;
		font-size:1.5rem !important;
		border-bottom:1px solid #e5e5e5;
		padding:10px;
		margin:0
	}
	menu .book{
		display:block;
		width:100%;
		max-width:120px;
		margin:15px auto
	}
	#home #div_banner h1{
		font-size:3rem
	}
	#home #div_banner .informacio{
		bottom:20px
	}
	#home #div_pack h4{
		font-size:2rem
	}
	#home #div_opinions .max{
		max-width:500px;
		margin:0 auto
	}
	#home .opinion .info{
		width:60%
	}
	#home .opinion h5{
		font-size:1.6rem
	}
	#home #div_serveis .flex{
		margin:0 0 20px 0
	}
	#home .flex{
		display:flex;
		width:100%;
		flex-direction:row-reverse;
		justify-content:center;
		align-items:center
	}
	#home #div_faqs h3, #home #div_serveis h3{
		margin:0
	}
	#home #div_faqs img, #home #div_serveis img{
		height:85px;
		margin:0 15px 0 0
	}
	#home #div_galeria img{
		width:25%
	}
	.scrollup{
		bottom:20px;
    	right:20px
	}
	footer .last{
		margin-top:40px
	}
	footer .last, footer .last .right{
		width:100%;
		text-align:center
	}
	footer .phone, footer .mail{
		margin-bottom:10px
	}
	footer .social li, footer .social li:first-child{
		margin:5px
	}
}
@media screen and (max-width:580px){
	#home #div_pack .item{
		font-size:1.6rem;
		background-size:17px 17px;
		padding-right:17px
	}
	#home #div_pack .item img{
		max-width:55px
	}
	#home .opinion{
		padding:30px 15px
	}
	#products section h3, #faqs h1{
		font-size:2.2rem
	}
	#products section h3 img{
		max-width:50px;
		margin:0 15px 10px 0
	}
	#products p.big{
		font-size:1.8rem
	}
	#div_formulari .inline{
		display:block;
		width:100%
	}
	#div_formulari .button{
		margin:15px auto 0 auto
	}
}
@media screen and (max-width:480px){
	#home .brand{
		height:150px
	}
	#home .opinion img{
		width:65px
	}
	#home .opinion .descr{
		font-size:1.4rem
	}
	footer .logo, footer .columna{
		float:none;
		display:block;
		width:100%;
		text-align:center;
		border:0;
		padding:0
	}
	footer .logo img{
		width:100%;
		max-width:60px;
		margin:0 0 15px 0
	}
	footer .columna li{
		display:inline-block;
		border-right:1px solid #fff;
		padding:0 5px
	}
	footer .columna li:last-child{
		border:0
	}
}
@media screen and (max-width:400px){
	#home #div_pack .item{
		width:48%
	}
}