/* Definicin de variables de col */
	
	:root {
	 
	/* fons */

	 --f-body:  #8e8e8e; 		/*body*/	 
	 --f-caps:  #000; 		/*capsalera*/
	 --f-menu1: #f1f1f1;	/*menu*/
	 --f-menu2: #020202; 	/*submenu b*/
	 --f-menu3: #000; 		/*submenu c...*/
	 --f-main:  transparent; 	/*main*/
	 --f-mainb: #7c7c7c; 	/*main blocs*/
	 --f-button: #000; 		/*butons*/		 		
	 --f-foot:  #131313; 	/*footer*/ 

	/* text */	
		
	 --txt-body:  #ffffff;
	 --txt-caps:  #ffffff;
	 --txt-menu1: #000;
	 --txt-menu2: #fff;
	 --txt-menu3: #fff;	 	 
	 --txt-main:  #fff;
	 --txt-mainb: #151515;
	 --txt-button: #fff;	  
	 --txt-foot:  #ffffff;
		
		
	/* links */	
		
	 --lk-txt-body:  #ffffff;	 
	 --lk-txt-caps:  #ffffff;
	 --lk-txt-menu1: #020202;
	 --lk-txt-menu2: #fff;
	 --lk-txt-menu3: #fff;	 	 
	 --lk-txt-main:  #fff;
	 --lk-txt-mainb: #515050;
	 --lk-txt-button: #fff;		 	 
	 --lk-txt-foot:  #95c7df;
		
	/* fons links */	
		
	 --lk-f-body:  #ffffff;
	 --lk-f-caps:  #ffffff;
	 --lk-f-menu1: #4d4d4d;
	 --lk-f-menu2: #fff;
	 --lk-f-menu3: #000;	 	 
	 --lk-f-main:  #ffffff;
	 --lk-f-mainb: #0d0d0d;	
	 --lk-f-button: #000;	 
	 --lk-f-foot:  #ffffff;

		
	/* link hovers */	
		
	 --lk-txt-h-body:  #95c7df;
	 --lk-txt-h-caps:  #ffffff;
	 --lk-txt-h-menu1: #fff;
	 --lk-txt-h-menu2: #95c7df;
	 --lk-txt-h-menu3: #95c7df; 	 
	 --lk-txt-h-main:  #95c7df;
	 --lk-txt-h-mainb: #95c7df;
	 --lk-txt-h-button: #f6f6f6;	  
	 --lk-txt-h-foot:  #ffffff;	
		
	 
	/* fons hovers */	
		

	 --lk-f-h-body:  #ffffff;
	 --lk-f-h-caps:  #4d4d4d;
	 --lk-f-h-menu1: #2e2e2e;
	 --lk-f-h-menu2: #000;	 
	 --lk-f-h-menu3: #000;
	 --lk-f-h-main:  #20921c;
	 --lk-f-h-mainb: #ffffff;
	 --lk-f-h-button: #95c7df;	 
	 --lk-f-h-foot:  #ffffff;	 

	/* especials */

	 --e1: #f0d6d6;
   --e2: #237fac;

	/* caixes */
		
	  --bor-main: #fff;
	  --bor-table: #000;	
		--bor-foot: #fff;	
		
	}
form .svg, .change_svg{
    filter: invert(1);
    -webkit-filter: invert(1);
}	

.social .change_svg{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(228deg) brightness(101%) contrast(105%);
	
}
	body {
	
		 
		
		  /* The image used */
	   /*background-image: url("https://liberisliber.com/images/maquetacio_web/2018/fons_blur.jpg");*/
		
		/* Full height */
	
	
		/*! background-col: #02112a !important; */
	
		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		
	
	}	
main{
	
	background-col: var(--f-b3);
}
	.wrap_mobile {

        /*! background-image: url(https://liberisliber.com/images/maquetacio_web/2018/capsalera-web.jpg); */
        background-size: 100%;
        background-position:35% 40%;
        background-repeat: no-repeat;
		    background-color: initial
        /*!  */

}
	#gradient {
	

		/* Permalink - use to edit and share this gradient: https://colzilla.com/gradient-editor/#000000+0,000000+46,000000+46&0.92+0,0+46 */
		background: linear-gradient(to right,  var(--f-caps) 25%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}	

	#deco_img {

		/*background-image: url("https://liberisliber.com//images/maquetacio_web/2018/capsalera-web.jpg");*/
        background-size: auto 80%;
        background-position: 100% 100%;
        z-index: 2;
	}
	    main {
       /*! background-image: url(https://liberisliber.com/images/maquetacio_web/2018/fons-bottom.jpg); */
        background-size: 160%;
        background-position: bottom;
        background-repeat: no-repeat;
        
    }
  
.parallax::before {
  content:"";
  position: absolute;
	left:0px;
  top:0px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.82) 80%,rgba(0,0,0,0) 90%,rgba(255,255,255,1) 100%),url("https://liberisliber.com/images/maquetacio_web/2018/fons-blur.jpg"); 
;
  background-size:    contain;
  background-color: var(--f-body);
  background-repeat:  repeat;
	width: 100%;
  min-height: var(--dynamic-height);
  transform: translateZ(-1px)  scale(2.5);
	filter:opacity(1);
  z-index:1


}

@media screen and (min-width: 768px){
#video_background { 
	position: absolute; 
	width: 100%; 
	top:-20px;
	right:0;  
	height:298px;

	overflow: hidden; 
	object-fit: cover;
	z-index:2
    
}
}