::selection {
  background: #174b9a;
  color: white; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #174b9a;
  color: white; /* Gecko Browsers */
}

a:hover{
	transition: all 0.2s;
	color: #174b9a;
}

.txtupper{ text-transform: uppercase; }

.posab{position: absolute;}
.posre{position: relative;}
.disnone{display: none;}
.disblo{display: block;}
.disinblo{display: inline-block;}

.text-justify{ text-align:justify; }
.enfasis{ color:var(--cnvs-themecolor); font-weight:600; }

.w100{width: 100%;}
.w-auto{width: auto;}

.cwhite{color: white;}
.cblack{color: black;}

.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.mt0{margin-top: 0px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.pb0{padding-bottom: 0px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

.pt0{padding-top: 0px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}


/* RGPD */
.skin-light-theme #bpx-rgpd-cookie-accept, .skin-light-theme #bpx-rgpd-cookie-change-settings, .skin-light-theme #bpx-rgpd-cookie-read-more{
  padding: 7px;
  font-family:Montserrat;
}
#bpx-rgpd-cookie-popup .ct-skin-light-icon{
  display: none !important;
}
.ct-container{
  padding: 0px 15px 60px;
}
#bpx-rgpd-cookie-popup .ct-header-popup h2{
  margin-top: 10px;
  padding-left: 15px;
}

.skin-light-theme h2.ct-header-popup{
  margin-top: 10px;
  margin-bottom: 5px;
}
/* RGPD END*/

h2.index-categoria{
	position: absolute;
	top: auto;
	color: white;
	width: auto;
	text-align: left;
	height: auto;
	background-color: rgba(0,121,61,0.5);
	padding-top: 0%;
	bottom: 0%;
	margin-bottom: 0px;
	font-size: 1.5em;
	right: 0px;
	padding-left: 15px;
	padding-right: 15px;
	/*min-width:66%;*/
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:0px 0px 5px 0px;
}

#video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.video-foreground {
  position: absolute;
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
  /*min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);*/
}

.video-foreground iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.slider-caption.slider-caption-center{
	max-width:1200px;
}

#slider h1, #slider p.lead{
	color:#333;
}

#slider h1 > span{
	color:#374295;
}
/*ACCESIBILIDAD*/
.entry-meta li{
	color:#666;
}

.fs12{
	font-size:12px;
}

.page-item:first-child .page-link,.page-item:last-child .page-link{
	border-radius: 0px;
}

#top-bar{
	background-color: rgb(53, 64, 147);
}

#top-social a,#top-bar .top-links-container > .top-links-item > a{
	color:white;
}

#top-bar .top-links-item > a:hover, #top-bar .top-links-item.current  > a {
	color:rgb(53, 64, 147);
}

#top-bar .top-links-item.current{
	background-color: var(--cnvs-contrast-200);
}

.top-links-sub-menu{
	right:-1px !important;
	left:auto;
}

.pricing-price{
	font-size:2em;
}

.pricing-price .price-unit {
  font-size: 0.8em;
  font-weight: normal;
}

.pricing-features .iconlist{
	max-width: 200px;
	margin: 0px auto;
	text-align:left;
}

.pricing-features .iconlist i{
	color:rgb(53, 64, 147) !important;
}

.pricing-box.border-primary{
	border-color:rgb(53, 64, 147) !important;
}

.sirdencolor{
	color: rgb(53, 64, 147) !important;
}

.accordion .accordion-icon {
	font-weight: normal;
	color: rgb(53, 64, 147);
}
.accordion .accordion-title {
	font-weight: normal;
	color: rgb(53, 64, 147);
}


#slider a.button{
	min-width:190px;
}

.entry-content h2{
	margin-bottom:0px;
}

.buttoncolorblack{
	background-color:#333;
}

.herobackground{
	background-color:rgb(53, 64, 147);
}

/* Aseguramos que cada caja sea relativa */
.feature-box {
  position: relative;
  overflow: hidden;
}

/* El párrafo actuará como overlay */
.feature-box .fbox-content p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1); /* fondo semitransparente */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 2;
  cursor:pointer;
}

/* Al hacer hover, aparece con fadeIn */
.feature-box:hover .fbox-content p {
  opacity: 1;
}

.countercolor,.countercolor h3{
	color:white;
}

.countercolor h3{
	font-size:0.8em;
}

.promosirden{
	background-color:rgb(53, 64, 147);
	
}

.promosirden h3,.promosirden span, .promosirden p{
	color:white;
}

.promosirden h3 > span{
	text-decoration:underline;
	color:white !important;
}

.promosirden p{
	font-size: 1.2em;
}

.promosirden .button{
	background-color:#fff;
	color:#333;
}
.promosirden .button > span{
	text-decoration:none;
	color:#333;
}

.video-cover {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background-color: black; /* opcional, para las bandas */
}

/*Tot més gran de mobil*/
@media only screen and  (min-width : 767px) {

}

/*Mes gran de tablet vertical*/
@media only screen and (min-width: 992px){

}


/*Entre tablet vertical i horitzontal*/
@media only screen and (min-width: 991px) and (max-width : 1200px){

}

/*Tablet Horitzontal*/
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
	.cc-revoke.cc-left{
	    display: none;
	}

	.copyrights .pull-left, .copyrights .pull-right{
		float: none !important;
	}
}



/* Tablet (Vertical) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	footer .pull-right p, footer .pull-left p{
		text-align: center !important;
	}
}


/*Mes petit de tablet vertical*/
@media only screen and (max-width: 992px){
	.cc-revoke.cc-left{
	    display: none;
	}

	.copyrights .pull-left, .copyrights .pull-right{
		float: none !important;
	}
	
	#slider{
		padding:40px 15px;
	}
	#slider h1{
		font-size:2.2em;
	}
}



/*Tots els mobils*/
@media only screen and  (max-width : 767px) {
	.cc-revoke.cc-left{
	    display: none;
	}

	.copyrights .pull-left, .copyrights .pull-right{
		float: none !important;
	}

	footer .pull-right p, footer .pull-left p{
		text-align: center !important;
	}
}

/*Mobil horitzontal*/
@media only screen  and (min-device-width: 375px)  and (max-device-width: 812px) and (orientation: landscape) { 

}

















