/* AUTHOR'S CUSTOM STYLES */
html{
	-webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
	padding-right: 0px !important;
	color: #000000;
	font-size: 15px !important;
	font-weight: 500 !important;
	font-family: Endavant;
	overflow-x: hidden;
	width: 100%;
}
a{
	color: #acaaaa;
}
img {
    max-width: 100% !important;
}
p{
	font-weight: 600 !important;
}
li{
	font-weight: 600 !important;
}
h1{
	margin-bottom: 2%;
	font-family: Bonica_bold, Endavant, Tahoma;
	line-height: 2;
	font-size: 3rem !important;
}
h2{
	margin-bottom: 2%;
	font-family: Bonica_bold, Endavant, Tahoma;
}
h3{
	margin-bottom: 2%;
	font-family: Bonica_bold, Endavant, Tahoma;
}
h4{
	font-size: 1.4rem !important;
}
@font-face {
    font-family: "Bonica";
    src: url(../fonts/Vonique_64.ttf) format("truetype");
}
@font-face {
    font-family: "Bonica_bold";
    src: url(../fonts/Vonique_64_Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Endavant";
    src: url(../fonts/Walkway.ttf) format("truetype");
}
@font-face {
    font-family: "BreeSerif";
    src: url(../fonts/BreeSerif-Regular.ttf) format("truetype");
}
.backblack{
	background-color: #000000 !important;
}
.backdarkgrey{
	background-color: #575757 !important;
}
.backlightgrey{
	background-color: #666666 !important;
}
.backwhite{
	background-color: #FFFFFF !important;
}
.franjanegra{
	border-top: 50px solid #000000 !important;
}
.whitefont{
	color: #FFFFFF !important;
}
.darkfont{
	color: #1c1c1c;
}
.destacat{
	color: #acaaaa;
}
.all{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.0001) 90%) !important; 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.0001) 90%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.4)), to(rgba(0,0,0,0.0001))) !important; 
	background-image: linear-gradient(to right, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.0001) 90%) !important;
}
.backserveis{
	background: url(../img/back_services_low.png) center center no-repeat;
	background-size: cover; 
	/* background-color: #FFFFFF; */
}
.backserveis_love{
	background: url(../img/back_services_love_low.png) center center no-repeat;
	background-size: cover; 
	/* background-color: #FFFFFF; */
}
.backgrey{
	background-color: #666666 !important;
}
.backgreysuperlight{
	background-color: #e4e4e5 !important;
}
.backgreyt{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0, rgba(0,0,0,0.1) 100%) !important; 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.6) 0, rgba(0,0,0,0.1) 100%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.6)), to(rgba(0,0,0,0.1))) !important; 
	background-image: linear-gradient(to right, rgba(0,0,0,0.6) 0, rgba(0,0,0,0.1) 100%) !important;
}
.backbluedeg{
	background-image: -webkit-linear-gradient(top, rgba(125,146,201,0.6) 0, rgba(0,0,0,0.1) 100%) !important; 
	background-image: -o-linear-gradient(top, rgba(125,146,201,0.6) 0, rgba(0,0,0,0.1) 100%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(125,146,201,0.6)), to(rgba(0,0,0,0.1))) !important; 
	background-image: linear-gradient(to bottom, rgba(125,146,201,0.6) 0, rgba(0,0,0,0.1) 100%) !important;
}
.backblue{
	background-color: #84a2f3;
}
.biggerf{
	font-size: 1rem;
	line-height: 1;
}
.navbar-fixed-top{
	top: 0;
    border-width: 0 0 1px;
	position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
a.nav-link.topmenu{
	color: rgba(255,255,255,1) !important;
}
a.topmenu:link {
	text-decoration: none;
	color: #FFFFFF !important;
	font-family: Bonica_bold, Walkway, Calibri;
	font-size: 16px;
}
a.topmenu:visited {
	text-decoration: none;
	color: #FFFFFF !important;
	font-family: Bonica_bold, Walkway, Calibri;
	font-size: 16px;
}
a.topmenu:hover {
	color: #FFFFFF !important;
	font-family: Bonica_bold, Walkway, Calibri;
	font-size: 20px;
	text-decoration: underline;
}
.link_xxss{
	padding-right: 0px;
	padding-left: 0px;
}
#ulidioma{
	margin-left: 30px !important;
	padding-right: 10px !important;
	padding-left: 10px !important; 
}
#img_mon{
	padding-right: 24% !important;
}
@media (min-width: 350px){
	.img_xxss{
		padding-right: 20% !important;
	}
	#navbarDropdownMenuLink{
		margin-left: 20px;
	}
}
@media (min-width: 400px){
	.img_xxss{
		padding-right: 26% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 20% !important;
	}
}
@media (min-width: 430px){
	#navbarDropdownMenuLink{
		padding-left: 24% !important;
	}
}
@media (min-width: 450px){
	.img_xxss{
		padding-right: 36% !important;
	}
	#navbarDropdownMenuLink{
	/*	padding-right: 34% !important;*/
	}
}
@media (min-width: 500px){
	.link_xxss{
		padding-right: 5% !important;
	}
}
@media (min-width: 500px){
	.img_xxss{
		padding-left: .5rem!important;
		padding-right: .5rem!important;
	}
}
@media (min-width: 550px){
	.link_xxss{
		padding-right: 7% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 34% !important;
	}
}
@media (min-width: 576px){
	.link_xxss{
		padding-right: 3% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 34% !important;
		margin-left: 0px !important;
	}
	#buttonmenu{
		margin-left: 170px !important;
	}
}
@media (min-width: 700px){
	#buttonmenu{
		margin-left: 220px !important;
	}
}
@media (min-width: 768px){
	.link_xxss{
		padding-right: 3% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 0% !important;
		padding-right: 0% !important;
	}
	#img_mon{
		padding-right: 0% !important;
		padding-left: 0% !important;
	}
	#ulidioma{
		    margin-left: 40px !important;
	}
}
@media (min-width: 800px){
	.link_xxss{
		padding-right: 5% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 20% !important;
	}
	#buttonmenu{
		margin-left: 270px !important;
	}
}
@media (min-width: 900px){
	.link_xxss{
		padding-right: 6% !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 30% !important;
	}
	#buttonmenu{
		margin-left: 300px !important;
	}
}
@media (min-width: 992px){
	.topmenu{
		font-size: 0.8rem !important;
	}
	#navbarDropdownMenuLink{
		padding-left: 0% !important;
		padding-right: 0px !important;
		margin-left: 5px !important;
	}
	#ulidioma{
		margin-left: 0px !important;
	}
	.link_xxss{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.img_xxss{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
@media (min-width: 1200px){
	.topmenu{
		font-size: 1rem !important;
	}
	#ulidioma{
		margin-left: 0px !important;
		padding-left: 0px !important;
	}
	#navbarDropdownMenuLink{
		margin-left: 0px !important;
	}
	#menulg{
		margin-right: 30px !important;
	}
	#bloc_xxss{
		margin-top: 3px;
	}
}
@media (min-width: 1300px){
	.img_xxss {
		padding-left: 7% !important;
		padding-right: 7% !important;
	}
}

.z2{
	z-index: 2;
}
.pl5p{
	padding-left: 5% !important;
}
.pr5p{
	padding-right: 5% !important;
}
.destacat_seccio{
	font-size: 1.8em !important; 
	font-family: Endavant !important; 
	line-height: 1.2;
    padding-right: 2%;
	padding-left: 0% !important;
}

/* HOME */

#topheading{
	font-size: 10px;
}
#logo{
	height: 37px;
	width: auto;
}
@media (min-width: 992px){
	#logo{
		height: 22px;
		width: auto;
	}
}
@media (min-width: 1100px){
	#logo{
		height: 30px;
		width: auto;
	}
}
@media (min-width: 1200px){
	#logo{
		height: 35px;
		width: auto;
	}
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem !important;
		padding-left: .5rem !important;
	}
	.navbar-expand .container {
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 575px) {
	.navbar-expand .container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 992px) { 
	.topmenu{
		padding-right: .2rem !important;
		padding-left: .2rem !important;
	}
	.menuoption{
		padding-right: 0px;
		padding-left: 0px;
	}
}
@media (min-width: 1100px) { 
	.topmenu{
		padding-right: .2rem !important;
		padding-left: .2rem !important;
	}
	.menuoption{
		padding-right: 8% !important;
		padding-left: 5% !important;
	}
}
@media (min-width: 1169px) { 
	.topmenu{
		padding-right: .25rem !important;
		padding-left: .25rem !important;
	}
	.menuoption{
		padding-right: 12%;
		padding-left: 12%;
	}
}
@media (min-width: 1239px) { 
	.coloritems{
		padding-left: 6%;
	}
}
@media (min-width: 1500px) { 
	.coloritems{
		padding-left: 12%;
	}
}
#dropdown_idioma{
	min-width: 5rem !important;
}
a.uppermenuoptions:link {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Bonica, Endavant, Calibri;
	font-size: 16px;
}
a.uppermenuoptions:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Bonica, Endavant, Calibri;
	font-size: 16px;
}
a.uppermenuoptions:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-family: Bonica, Endavant, Calibri;
	font-size: 16px;
}
a.menuoptions:link {
	text-decoration: none;
}
a.menuoptions:visited {
	text-decoration: none;
}
a.menuoptions:hover {
	text-decoration: underline;
}
.idioma{
	font-size: 0.8em !important;
}

#homecarousel{
	padding-top: 24px !important;
}
.carousel-caption{
	padding-bottom: 100px;
}
@media (min-width: 992px) { 
	#homecarousel{
		padding-top: 28px !important;
	}
}
@media (min-width: 1280px) { 
	#homecarousel{
		padding-top: 22px !important;
	}
}
@media (min-width: 1350px) { 
	#homecarousel{
		padding-top: 10px !important;
	}
}
.lema{
	font-family: Endavant, Calibri;
	font-size: 1.6rem;
	line-height: 1.2;	
	padding: 20px;	
}
@media (min-width: 1200px) { 
	.lema{
		font-size: 2.4rem !important;
	}
}
.from_left_light{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))) !important; 
	background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important;
}
.from_left_dark{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.7)), to(rgba(0,0,0,0.0001))) !important; 
	background-image: linear-gradient(to right, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important;
}
.from_right_light{
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -o-linear-gradient(right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))) !important; 
	background-image: linear-gradient(to left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%) !important;
}
.from_right_dark{
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -o-linear-gradient(right, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important; 
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0,0,0,0.7)), to(rgba(0,0,0,0.0001))) !important; 
	background-image: linear-gradient(to left, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.0001) 100%) !important;
}
.from_center{
	background: radial-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0.0001));
	background-image: radial-gradient(ellipse farthest-corner at 45px 45px, rgba(50, 50, 50, 0.8) 0%, rgba(80, 80, 80, 0.2) );
}
.positionslide1{
	padding-right: 15%;
}
.positionslide4{
	padding-left: 15%;
}
@media (min-width: 1200px) { 
	.positionslide4{
		padding-left: 24% !important;
	}
}
@media (max-width: 1200px) { 
	#button2slide1{
		margin-right: 0px !important;
	}
}
.home_caption1{
	bottom: -5%; 
	right: 0%;
}
.home_caption2{
	bottom: -6%; 
	right: 0%;
	left: 0%;
}
.home_caption3{
	bottom: 3%; 
	left: 0%;
}
.home_caption4{
	bottom: -5%; 
	right: 0%;
}
@media (min-width: 991px) { 
	.home_caption1{
		top: 70%; 
		right: 0%;
	}
	.home_caption2{
		bottom: 6%; 
		right: 0%; 
		left: 0%;
	}
	.home_caption3{
		bottom: 10%;
		left: 0%;
		width: 69% !important;
	}
	.home_caption4{
		top: 70%; 
		right: 0%;
	}
}
@media (min-width: 1201px) { 
	.home_caption2{
		bottom: 2%; 
		right: 0%; 
		left: 0%;
	}
}
@media (min-width: 1306px) { 
	.home_caption2{
		bottom: 10%; 
		right: 0%; 
		left: 0%;
	}
}
a.colorlink:visited {
	color: #acaaaa;
	text-decoration: none;
}
a.colorlink:hover {
	color: #acaaaa;
	text-decoration: underline;
}
a.shakeit:link {
	font-family: Endavant, Calibri;
	color: #ffffff;
	text-decoration: underline;
}
a.shakeit:visited {
	font-family: Endavant, Calibri;
	color: #ffffff;
	text-decoration: underline;
}
a.shakeit:hover {
	font-family: Endavant, Calibri;
	color: #7e9ef3;
	text-decoration: underline;
}
.lletra{
	    text-shadow: 1px 1px rgba(0,0,0,0.5);
		letter-spacing: 0;
		font-family: Lovelo,sans-serif;
    font-size: 16px;
    line-height: 16px;
	color: #CCCCCC!important;
	background-color: #1F1F1F!important;
}
.back{
	display: none;
	z-index: 2;
}
.text_avis{
	font-size: 0.8em;
}

/* SERVEIS */

.backpais{
	/* background: url(../img/sea.png) bottom; */
	background: white;
	background-size: cover;
}
a.fitxa_servei:link{
	text-decoration: none;
	color: #000000;
}
a.fitxa_servei:visited{
	text-decoration: none;
	color: #000000;
}
a.fitxa_servei:hover{
	text-decoration: none;
	color: #acaaaa;
}
.contingut_servei{
	
}
.subtitol_servei{
	font-weight: bold;
    font-size: 30px !important;
}
.espai25{
	line-height: 2.5;
}
.titol_fitxa_servei{
	position: absolute;
	padding-top: 3%;
	padding-bottom: 3%;
	margin-bottom: 0px !important;
	padding-left: 3%;
	width: 100%;
	bottom: 0%;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 100%) !important; 
	background-image: -o-linear-gradient(left, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 100%) !important; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,1)), to(rgba(0,0,0,0.8))) !important; 
	background-image: linear-gradient(to right, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 100%) !important; 
	color: #FFFFFF;
	font-family: Bonica;
	
}
.resum_fitxa_servei{
	position: absolute;
	top: 5%;
	left: 10%;
	padding-right: 10%;
	font-size: 0.9rem;
	display: none;
	color: #000000;
}
@media (min-width: 370px) { 
	.resum_fitxa_servei{
		font-size: 1rem !important;
	}
}
@media (min-width: 576px) { 
	.resum_fitxa_servei{
		font-size: 1.6rem !important;
		margin-top: 2rem;
	}
}
@media (min-width: 768px) { 
	.resum_fitxa_servei{
		font-size: 0.7rem !important;
		margin-top: 0rem;
	}
}
@media (min-width: 900px) { 
	.resum_fitxa_servei{
		font-size: 0.9rem !important;
	}
}
@media (min-width: 1000px) { 
	.resum_fitxa_servei{
		font-size: 1rem !important;
	}
}
@media (min-width: 1100px) { 
	.resum_fitxa_servei{
		font-size: 1.1rem !important;
	}
}
@media (min-width: 1200px) { 
	.resum_fitxa_servei{
		font-size: 1.2rem !important;
	}
}
@media (min-width: 1300px) { 
	.resum_fitxa_servei{
		font-size: 1.3rem !important;
	}
}
span.moreinfo:hover{
	text-decoration: underline;
}



/* CONTACTO */

#contact{
	background: url(../img/back_contact.png) center center no-repeat;
}



.flip {
    height: 199px;
    width: 300px;
    margin: 0 auto;
}
.flip img {
    width: 300px;
    height: auto;
}
.flip .back {
    background: #2184cd;
    color: #fff;
    text-align: center;
}


#lagranwilly{
	font-family: 'BreeSerif',Tahoma;
}
a #lagranwilly{
	text-decoration: none;
}
a#lagranwilly:link{
	text-decoration: none;
	color: #acaaaa;
}
a#lagranwilly:visited{
	text-decoration: none;
	color: #acaaaa;
}
a#lagranwilly:hover{
	text-decoration: none;
	color: #acaaaa;
}