/*   -- BASICS --   */

		/*   -- Font Face --   */
		/* FONT SQUIRREL - http://www.fontsquirrel.com/tools/webfont-generator */
		@font-face {
		    font-family: 'apex';
		    src: url('../fonts/apex.eot');
		    src: url('../fonts/apex.eot?#iefix') format('embedded-opentype'),
		         url('../fonts/apex.woff2') format('woff2'),
		         url('../fonts/apex.woff') format('woff'),
		         url('../fonts/apex.ttf') format('truetype'),
		         url('../fonts/apex.svg#apex') format('svg');
		    font-weight: normal;
		    font-style: normal;

		}
		/*   -- Final de Font Face --   */

		/*   -- Scrollbars --   */
		/*::-webkit-scrollbar {
		  -webkit-appearance: none;
		  width: 7px;
		}
		::-webkit-scrollbar-thumb {
		  border-radius: 4px;
		  background-color: rgba(0, 0, 0, .5);
		  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
		}*/

		/*   -- Final de Scrollbars --   */

		/*   -- HTML i Body --   */
		html{overflow-x: hidden !important; }

		body{margin: 0;font-family: 'Montserrat', sans-serif;
			/*background: url(../img/bg-gala2.png) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-color:#158cb9;*/
			background: rgb(255,236,115) !important;
			background: radial-gradient(circle, rgba(255,236,115,1) 0%, rgba(21,140,185,1) 85%) !important;
		}
		/*   -- Final de HTML i Body --   */

		/*   -- Links --   */
		a, a:hover, a:active, a:visited, a:focus{text-decoration: none;color: inherit;}
		/*   -- Final de Links --   */

		/*   -- Floats --   */
		.f-l{float:left !important;} .f-r{float:right !important;} .f-n{float:none !important;}
		/*   -- Final de Floats --   */



		/*   -- Widths --   */
		.w-100{width:100%;} .w-91{width:91.66666667%;} .w-83{width:83.33333333%;} .w-75{width:75%;} .w-66{width:66.66666667%;} .w-58{width:58.33333333%;} .w-50{width:50%;} .w-41{width:41.66666667%;} .w-33{width:33.33333333%;} .w-25{width:25% !important;} .w-16{width:16.66666667%;} .w-8{width:8.33333333%;} 
		.w-0px{width:0px;} .w-5px{width:5px;} .w-10px{width:10px;} .w-15px{width:15px;} .w-20px{width:20px;} .w-25px{width:25px;} .w-30px{width:30px;} .w-35px{width:35px;} .w-40px{width:40px;} .w-45px{width:45px;} .w-50px{width:50px;} .w-55px{width:55px;} .w-60px{width:60px;} .w-65px{width:65px;} .w-70px{width:70px;} .w-75px{width:75px;} .w-80px{width:80px;} .w-85px{width:85px;} .w-90px{width:90px;} .w-95px{width:95px;} .w-100px{width:100px;} .w-110px{width:110px;} .w-120px{width:120px;} .w-130px{width:130px;} .w-140px{width:140px;} .w-150px{width:150px;} .w-160px{width:160px;} .w-170px{width:170px;} .w-180px{width:180px;} .w-190px{width:190px;} .w-200px{width:200px;} .w-210px{width:210px;} .w-220px{width:220px;} .w-230px{width:230px;} .w-240px{width:240px;} .w-250px{width:250px;} .w-300px{width:300px;} .w-350px{width:350px;} .w-400px{width:400px;} .w-450px{width:450px;} .w-500px{width:500px;} .w-1000px{width:1000px;} 
		/*   -- Final de Widths --   */



		/*   -- Heights --   */
		.h-100{height:100%;} .h-91{height:91.66666667%;} .h-83{height:83.33333333%;} .h-75{height:75%;} .h-66{height:66.66666667%;} .h-58{height:58.33333333%;} .h-50{height:50%;} .h-41{height:41.66666667%;} .h-33{height:33.33333333%;} .h-25{height:25%;} .h-16{height:16.66666667%;} .h-8{height:8.33333333%;} 
		.h-0px{height:0px;} .h-5px{height:5px;} .h-10px{height:10px;} .h-15px{height:15px;} .h-20px{height:20px;} .h-25px{height:25px;} .h-30px{height:30px;} .h-35px{height:35px;} .h-40px{height:40px;} .h-45px{height:45px;} .h-50px{height:50px;} .h-55px{height:55px;} .h-60px{height:60px;} .h-65px{height:65px;} .h-70px{height:70px;} .h-75px{height:75px;} .h-80px{height:80px;} .h-85px{height:85px;} .h-90px{height:90px;} .h-95px{height:95px;} .h-100px{height:100px;} .h-110px{height:110px;} .h-120px{height:120px;} .h-130px{height:130px;} .h-140px{height:140px;} .h-150px{height:150px;} .h-160px{height:160px;} .h-170px{height:170px;} .h-180px{height:180px;} .h-190px{height:190px;} .h-200px{height:200px;} .h-210px{height:210px;} .h-220px{height:220px;} .h-230px{height:230px;} .h-240px{height:240px;} .h-250px{height:250px;} .h-300px{height:300px;} .h-350px{height:350px;} .h-400px{height:400px;} .h-450px{height:450px;} .h-500px{height:500px;} .h-1000px{height:1000px;} 
		/*   -- Final de Heights --   */



		/*   -- Paddings --   */
			/*   -- Tots --   */
			.p-0{padding:0px !important;} .p-5{padding:5px;} .p-10{padding:10px !important;} .p-15{padding:15px;} .p-20{padding:20px;} .p-25{padding:25px;} .p-30{padding:30px !important;} .p-35{padding:35px;} .p-40{padding:40px;} .p-45{padding:45px;} .p-50{padding:50px;} .p-55{padding:55px;} .p-60{padding:60px;} .p-65{padding:65px;} .p-70{padding:70px;} .p-75{padding:75px;} .p-80{padding:80px;} .p-85{padding:85px;} .p-90{padding:90px;} .p-95{padding:95px;} .p-100{padding:100px;} .p-110{padding:110px;} .p-120{padding:120px;} .p-130{padding:130px;} .p-140{padding:140px;} .p-150{padding:150px;} .p-160{padding:160px;} .p-170{padding:170px;} .p-180{padding:180px;} .p-190{padding:190px;} .p-200{padding:200px;}
			.p--5{padding:-5px;} .p--10{padding:-10px;} .p--15{padding:-15px;} .p--20{padding:-20px;} .p--25{padding:-25px;} .p--30{padding:-30px;} .p--35{padding:-35px;} .p--40{padding:-40px;} .p--45{padding:-45px;} .p--50{padding:-50px;} .p--55{padding:-55px;} .p--60{padding:-60px;} .p--65{padding:-65px;} .p--70{padding:-70px;} .p--75{padding:-75px;} .p--80{padding:-80px;} .p--85{padding:-85px;} .p--90{padding:-90px;} .p--95{padding:-95px;} .p--100{padding:-100px;} .p--110{padding:-110px;} .p--120{padding:-120px;} .p--130{padding:-130px;} .p--140{padding:-140px;} .p--150{padding:-150px;} .p--160{padding:-160px;} .p--170{padding:-170px;} .p--180{padding:-180px;} .p--190{padding:-190px;} .p--200{padding:-200px;}
			/*   -- Final de Tots --   */

			/*   -- Top --   */
			.pt-0{padding-top:0px !important;} .pt-5{padding-top:5px;} .pt-10{padding-top:10px !important;} .pt-15{padding-top:15px;} .pt-20{padding-top:20px;} .pt-25{padding-top:25px;} .pt-30{padding-top:30px;} .pt-35{padding-top:35px;} .pt-40{padding-top:40px;} .pt-45{padding-top:45px;} .pt-50{padding-top:50px;} .pt-55{padding-top:55px;} .pt-60{padding-top:60px;} .pt-65{padding-top:65px;} .pt-70{padding-top:70px;} .pt-75{padding-top:75px;} .pt-80{padding-top:80px;} .pt-85{padding-top:85px;} .pt-90{padding-top:90px;} .pt-95{padding-top:95px;} .pt-100{padding-top:100px;} .pt-110{padding-top:110px;} .pt-120{padding-top:120px;} .pt-130{padding-top:130px;} .pt-140{padding-top:140px;} .pt-150{padding-top:150px;} .pt-160{padding-top:160px;} .pt-170{padding-top:170px;} .pt-180{padding-top:180px;} .pt-190{padding-top:190px;} .pt-200{padding-top:200px;}
			.pt--5{padding-top:-5px;} .pt--10{padding-top:-10px;} .pt--15{padding-top:-15px;} .pt--20{padding-top:-20px;} .pt--25{padding-top:-25px;} .pt--30{padding-top:-30px;} .pt--35{padding-top:-35px;} .pt--40{padding-top:-40px;} .pt--45{padding-top:-45px;} .pt--50{padding-top:-50px;} .pt--55{padding-top:-55px;} .pt--60{padding-top:-60px;} .pt--65{padding-top:-65px;} .pt--70{padding-top:-70px;} .pt--75{padding-top:-75px;} .pt--80{padding-top:-80px;} .pt--85{padding-top:-85px;} .pt--90{padding-top:-90px;} .pt--95{padding-top:-95px;} .pt--100{padding-top:-100px;} .pt--110{padding-top:-110px;} .pt--120{padding-top:-120px;} .pt--130{padding-top:-130px;} .pt--140{padding-top:-140px;} .pt--150{padding-top:-150px;} .pt--160{padding-top:-160px;} .pt--170{padding-top:-170px;} .pt--180{padding-top:-180px;} .pt--190{padding-top:-190px;} .pt--200{padding-top:-200px;}
			/*   -- Final de Top --   */

			/*   -- Bottom --   */
			.pb-0{padding-bottom:0px;} .pb-5{padding-bottom:5px;} .pb-10{padding-bottom:10px;} .pb-15{padding-bottom:15px;} .pb-20{padding-bottom:20px;} .pb-25{padding-bottom:25px;} .pb-30{padding-bottom:30px;} .pb-35{padding-bottom:35px;} .pb-40{padding-bottom:40px;} .pb-45{padding-bottom:45px;} .pb-50{padding-bottom:50px;} .pb-55{padding-bottom:55px;} .pb-60{padding-bottom:60px;} .pb-65{padding-bottom:65px;} .pb-70{padding-bottom:70px;} .pb-75{padding-bottom:75px;} .pb-80{padding-bottom:80px;} .pb-85{padding-bottom:85px;} .pb-90{padding-bottom:90px;} .pb-95{padding-bottom:95px;} .pb-100{padding-bottom:100px;} .pb-110{padding-bottom:110px;} .pb-120{padding-bottom:120px;} .pb-130{padding-bottom:130px;} .pb-140{padding-bottom:140px;} .pb-150{padding-bottom:150px;} .pb-160{padding-bottom:160px;} .pb-170{padding-bottom:170px;} .pb-180{padding-bottom:180px;} .pb-190{padding-bottom:190px;} .pb-200{padding-bottom:200px;}
			.pb--5{padding-bottom:-5px;} .pb--10{padding-bottom:-10px;} .pb--15{padding-bottom:-15px;} .pb--20{padding-bottom:-20px;} .pb--25{padding-bottom:-25px;} .pb--30{padding-bottom:-30px;} .pb--35{padding-bottom:-35px;} .pb--40{padding-bottom:-40px;} .pb--45{padding-bottom:-45px;} .pb--50{padding-bottom:-50px;} .pb--55{padding-bottom:-55px;} .pb--60{padding-bottom:-60px;} .pb--65{padding-bottom:-65px;} .pb--70{padding-bottom:-70px;} .pb--75{padding-bottom:-75px;} .pb--80{padding-bottom:-80px;} .pb--85{padding-bottom:-85px;} .pb--90{padding-bottom:-90px;} .pb--95{padding-bottom:-95px;} .pb--100{padding-bottom:-100px;} .pb--110{padding-bottom:-110px;} .pb--120{padding-bottom:-120px;} .pb--130{padding-bottom:-130px;} .pb--140{padding-bottom:-140px;} .pb--150{padding-bottom:-150px;} .pb--160{padding-bottom:-160px;} .pb--170{padding-bottom:-170px;} .pb--180{padding-bottom:-180px;} .pb--190{padding-bottom:-190px;} .pb--200{padding-bottom:-200px;}
			/*   -- Final de Bottom --   */

			/*   -- Left --   */
			.pl-0{padding-left:0px !important;} .pl-5{padding-left:5px;} .pl-10{padding-left:10px !important;} .pl-15{padding-left:15px;} .pl-20{padding-left:20px;} .pl-25{padding-left:25px;} .pl-30{padding-left:30px !important;} .pl-35{padding-left:35px;} .pl-40{padding-left:40px;} .pl-45{padding-left:45px;} .pl-50{padding-left:50px !important;} .pl-55{padding-left:55px;} .pl-60{padding-left:60px;} .pl-65{padding-left:65px;} .pl-70{padding-left:70px;} .pl-75{padding-left:75px;} .pl-80{padding-left:80px;} .pl-85{padding-left:85px;} .pl-90{padding-left:90px;} .pl-95{padding-left:95px;} .pl-100{padding-left:100px;} .pl-110{padding-left:110px;} .pl-120{padding-left:120px;} .pl-130{padding-left:130px;} .pl-140{padding-left:140px;} .pl-150{padding-left:150px;} .pl-160{padding-left:160px;} .pl-170{padding-left:170px;} .pl-180{padding-left:180px;} .pl-190{padding-left:190px;} .pl-200{padding-left:200px;}
			.pl--5{padding-left:-5px;} .pl--10{padding-left:-10px;} .pl--15{padding-left:-15px;} .pl--20{padding-left:-20px;} .pl--25{padding-left:-25px;} .pl--30{padding-left:-30px;} .pl--35{padding-left:-35px;} .pl--40{padding-left:-40px;} .pl--45{padding-left:-45px;} .pl--50{padding-left:-50px;} .pl--55{padding-left:-55px;} .pl--60{padding-left:-60px;} .pl--65{padding-left:-65px;} .pl--70{padding-left:-70px;} .pl--75{padding-left:-75px;} .pl--80{padding-left:-80px;} .pl--85{padding-left:-85px;} .pl--90{padding-left:-90px;} .pl--95{padding-left:-95px;} .pl--100{padding-left:-100px;} .pl--110{padding-left:-110px;} .pl--120{padding-left:-120px;} .pl--130{padding-left:-130px;} .pl--140{padding-left:-140px;} .pl--150{padding-left:-150px;} .pl--160{padding-left:-160px;} .pl--170{padding-left:-170px;} .pl--180{padding-left:-180px;} .pl--190{padding-left:-190px;} .pl--200{padding-left:-200px;}
			/*   -- Final de Left --   */

			/*   -- Right --   */
			.pr-0{padding-right:0px;} .pr-5{padding-right:5px;} .pr-10{padding-right:10px !important;} .pr-15{padding-right:15px !important;} .pr-20{padding-right:20px;} .pr-25{padding-right:25px;} .pr-30{padding-right:30px;} .pr-35{padding-right:35px;} .pr-40{padding-right:40px;} .pr-45{padding-right:45px;} .pr-50{padding-right:50px !important;} .pr-55{padding-right:55px;} .pr-60{padding-right:60px;} .pr-65{padding-right:65px;} .pr-70{padding-right:70px;} .pr-75{padding-right:75px;} .pr-80{padding-right:80px;} .pr-85{padding-right:85px;} .pr-90{padding-right:90px;} .pr-95{padding-right:95px;} .pr-100{padding-right:100px;} .pr-110{padding-right:110px;} .pr-120{padding-right:120px;} .pr-130{padding-right:130px;} .pr-140{padding-right:140px;} .pr-150{padding-right:150px;} .pr-160{padding-right:160px;} .pr-170{padding-right:170px;} .pr-180{padding-right:180px;} .pr-190{padding-right:190px;} .pr-200{padding-right:200px;}
			.pr--5{padding-right:-5px;} .pr--10{padding-right:-10px;} .pr--15{padding-right:-15px;} .pr--20{padding-right:-20px;} .pr--25{padding-right:-25px;} .pr--30{padding-right:-30px;} .pr--35{padding-right:-35px;} .pr--40{padding-right:-40px;} .pr--45{padding-right:-45px;} .pr--50{padding-right:-50px;} .pr--55{padding-right:-55px;} .pr--60{padding-right:-60px;} .pr--65{padding-right:-65px;} .pr--70{padding-right:-70px;} .pr--75{padding-right:-75px;} .pr--80{padding-right:-80px;} .pr--85{padding-right:-85px;} .pr--90{padding-right:-90px;} .pr--95{padding-right:-95px;} .pr--100{padding-right:-100px;} .pr--110{padding-right:-110px;} .pr--120{padding-right:-120px;} .pr--130{padding-right:-130px;} .pr--140{padding-right:-140px;} .pr--150{padding-right:-150px;} .pr--160{padding-right:-160px;} .pr--170{padding-right:-170px;} .pr--180{padding-right:-180px;} .pr--190{padding-right:-190px;} .pr--200{padding-right:-200px;}
			/*   -- Final de Right --   */
		/*   -- Final de Paddings --   */



		/*   -- Margins --   */
			/*   -- Tots --   */
			.m-0{margin:0px;} .m-5{margin:5px;} .m-10{margin:10px;} .m-15{margin:15px;} .m-20{margin:20px;} .m-25{margin:25px;} .m-30{margin:30px;} .m-35{margin:35px;} .m-40{margin:40px;} .m-45{margin:45px;} .m-50{margin:50px;} .m-55{margin:55px;} .m-60{margin:60px;} .m-65{margin:65px;} .m-70{margin:70px;} .m-75{margin:75px;} .m-80{margin:80px;} .m-85{margin:85px;} .m-90{margin:90px;} .m-95{margin:95px;} .m-100{margin:100px;} .m-110{margin:110px;} .m-120{margin:120px;} .m-130{margin:130px;} .m-140{margin:140px;} .m-150{margin:150px;} .m-160{margin:160px;} .m-170{margin:170px;} .m-180{margin:180px;} .m-190{margin:190px;} .m-200{margin:200px;}
			.m--5{margin:-5px;} .m--10{margin:-10px;} .m--15{margin:-15px;} .m--20{margin:-20px;} .m--25{margin:-25px;} .m--30{margin:-30px;} .m--35{margin:-35px;} .m--40{margin:-40px;} .m--45{margin:-45px;} .m--50{margin:-50px;} .m--55{margin:-55px;} .m--60{margin:-60px;} .m--65{margin:-65px;} .m--70{margin:-70px;} .m--75{margin:-75px;} .m--80{margin:-80px;} .m--85{margin:-85px;} .m--90{margin:-90px;} .m--95{margin:-95px;} .m--100{margin:-100px;} .m--110{margin:-110px;} .m--120{margin:-120px;} .m--130{margin:-130px;} .m--140{margin:-140px;} .m--150{margin:-150px;} .m--160{margin:-160px;} .m--170{margin:-170px;} .m--180{margin:-180px;} .m--190{margin:-190px;} .m--200{margin:-200px;}
			/*   -- Final de Tots --   */

			/*   -- Top --   */
			.mt-0{margin-top:0px;} .mt-5{margin-top:5px;} .mt-10{margin-top:10px;} .mt-15{margin-top:15px;} .mt-20{margin-top:20px;} .mt-25{margin-top:25px;} .mt-30{margin-top:30px;} .mt-35{margin-top:35px;} .mt-40{margin-top:40px;} .mt-45{margin-top:45px;} .mt-50{margin-top:50px;} .mt-55{margin-top:55px;} .mt-60{margin-top:60px;} .mt-65{margin-top:65px;} .mt-70{margin-top:70px;} .mt-75{margin-top:75px;} .mt-80{margin-top:80px;} .mt-85{margin-top:85px;} .mt-90{margin-top:90px;} .mt-95{margin-top:95px;} .mt-100{margin-top:100px;} .mt-110{margin-top:110px;} .mt-120{margin-top:120px;} .mt-130{margin-top:130px;} .mt-140{margin-top:140px;} .mt-150{margin-top:150px;} .mt-160{margin-top:160px;} .mt-170{margin-top:170px;} .mt-180{margin-top:180px;} .mt-190{margin-top:190px;} .mt-200{margin-top:200px;}
			.mt--5{margin-top:-5px;} .mt--10{margin-top:-10px;} .mt--15{margin-top:-15px;} .mt--20{margin-top:-20px;} .mt--25{margin-top:-25px;} .mt--30{margin-top:-30px;} .mt--35{margin-top:-35px;} .mt--40{margin-top:-40px;} .mt--45{margin-top:-45px;} .mt--50{margin-top:-50px;} .mt--55{margin-top:-55px;} .mt--60{margin-top:-60px;} .mt--65{margin-top:-65px;} .mt--70{margin-top:-70px;} .mt--75{margin-top:-75px;} .mt--80{margin-top:-80px;} .mt--85{margin-top:-85px;} .mt--90{margin-top:-90px;} .mt--95{margin-top:-95px;} .mt--100{margin-top:-100px;} .mt--110{margin-top:-110px;} .mt--120{margin-top:-120px;} .mt--130{margin-top:-130px;} .mt--140{margin-top:-140px;} .mt--150{margin-top:-150px;} .mt--160{margin-top:-160px;} .mt--170{margin-top:-170px;} .mt--180{margin-top:-180px;} .mt--190{margin-top:-190px;} .mt--200{margin-top:-200px;}
			/*   -- Final de Top --   */

			/*   -- Bottom --   */
			.mb-0{margin-bottom:0px;} .mb-5{margin-bottom:5px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-25{margin-bottom:25px;} .mb-30{margin-bottom:30px;} .mb-35{margin-bottom:35px;} .mb-40{margin-bottom:40px;} .mb-45{margin-bottom:45px;} .mb-50{margin-bottom:50px;} .mb-55{margin-bottom:55px;} .mb-60{margin-bottom:60px;} .mb-65{margin-bottom:65px;} .mb-70{margin-bottom:70px;} .mb-75{margin-bottom:75px;} .mb-80{margin-bottom:80px;} .mb-85{margin-bottom:85px;} .mb-90{margin-bottom:90px;} .mb-95{margin-bottom:95px;} .mb-100{margin-bottom:100px;} .mb-110{margin-bottom:110px;} .mb-120{margin-bottom:120px;} .mb-130{margin-bottom:130px;} .mb-140{margin-bottom:140px;} .mb-150{margin-bottom:150px;} .mb-160{margin-bottom:160px;} .mb-170{margin-bottom:170px;} .mb-180{margin-bottom:180px;} .mb-190{margin-bottom:190px;} .mb-200{margin-bottom:200px;}
			.mb--5{margin-bottom:-5px;} .mb--10{margin-bottom:-10px;} .mb--15{margin-bottom:-15px;} .mb--20{margin-bottom:-20px;} .mb--25{margin-bottom:-25px;} .mb--30{margin-bottom:-30px;} .mb--35{margin-bottom:-35px;} .mb--40{margin-bottom:-40px;} .mb--45{margin-bottom:-45px;} .mb--50{margin-bottom:-50px;} .mb--55{margin-bottom:-55px;} .mb--60{margin-bottom:-60px;} .mb--65{margin-bottom:-65px;} .mb--70{margin-bottom:-70px;} .mb--75{margin-bottom:-75px;} .mb--80{margin-bottom:-80px;} .mb--85{margin-bottom:-85px;} .mb--90{margin-bottom:-90px;} .mb--95{margin-bottom:-95px;} .mb--100{margin-bottom:-100px;} .mb--110{margin-bottom:-110px;} .mb--120{margin-bottom:-120px;} .mb--130{margin-bottom:-130px;} .mb--140{margin-bottom:-140px;} .mb--150{margin-bottom:-150px;} .mb--160{margin-bottom:-160px;} .mb--170{margin-bottom:-170px;} .mb--180{margin-bottom:-180px;} .mb--190{margin-bottom:-190px;} .mb--200{margin-bottom:-200px;}
			/*   -- Final de Bottom --   */

			/*   -- Left --   */
			.ml-0{margin-left:0px;} .ml-5{margin-left:5px;} .ml-10{margin-left:10px;} .ml-15{margin-left:15px;} .ml-20{margin-left:20px;} .ml-25{margin-left:25px;} .ml-30{margin-left:30px;} .ml-35{margin-left:35px;} .ml-40{margin-left:40px;} .ml-45{margin-left:45px;} .ml-50{margin-left:50px;} .ml-55{margin-left:55px;} .ml-60{margin-left:60px;} .ml-65{margin-left:65px;} .ml-70{margin-left:70px;} .ml-75{margin-left:75px;} .ml-80{margin-left:80px;} .ml-85{margin-left:85px;} .ml-90{margin-left:90px;} .ml-95{margin-left:95px;} .ml-100{margin-left:100px;} .ml-110{margin-left:110px;} .ml-120{margin-left:120px;} .ml-130{margin-left:130px;} .ml-140{margin-left:140px;} .ml-150{margin-left:150px;} .ml-160{margin-left:160px;} .ml-170{margin-left:170px;} .ml-180{margin-left:180px;} .ml-190{margin-left:190px;} .ml-200{margin-left:200px;}
			.ml--5{margin-left:-5px;} .ml--10{margin-left:-10px;} .ml--15{margin-left:-15px;} .ml--20{margin-left:-20px;} .ml--25{margin-left:-25px;} .ml--30{margin-left:-30px;} .ml--35{margin-left:-35px;} .ml--40{margin-left:-40px;} .ml--45{margin-left:-45px;} .ml--50{margin-left:-50px;} .ml--55{margin-left:-55px;} .ml--60{margin-left:-60px;} .ml--65{margin-left:-65px;} .ml--70{margin-left:-70px;} .ml--75{margin-left:-75px;} .ml--80{margin-left:-80px;} .ml--85{margin-left:-85px;} .ml--90{margin-left:-90px;} .ml--95{margin-left:-95px;} .ml--100{margin-left:-100px;} .ml--110{margin-left:-110px;} .ml--120{margin-left:-120px;} .ml--130{margin-left:-130px;} .ml--140{margin-left:-140px;} .ml--150{margin-left:-150px;} .ml--160{margin-left:-160px;} .ml--170{margin-left:-170px;} .ml--180{margin-left:-180px;} .ml--190{margin-left:-190px;} .ml--200{margin-left:-200px;}
			/*   -- Final de Left --   */

			/*   -- Right --   */
			.mr-0{margin-right:0px;} .mr-5{margin-right:5px;} .mr-10{margin-right:10px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} .mr-25{margin-right:25px;} .mr-30{margin-right:30px;} .mr-35{margin-right:35px;} .mr-40{margin-right:40px;} .mr-45{margin-right:45px;} .mr-50{margin-right:50px;} .mr-55{margin-right:55px;} .mr-60{margin-right:60px;} .mr-65{margin-right:65px;} .mr-70{margin-right:70px;} .mr-75{margin-right:75px;} .mr-80{margin-right:80px;} .mr-85{margin-right:85px;} .mr-90{margin-right:90px;} .mr-95{margin-right:95px;} .mr-100{margin-right:100px;} .mr-110{margin-right:110px;} .mr-120{margin-right:120px;} .mr-130{margin-right:130px;} .mr-140{margin-right:140px;} .mr-150{margin-right:150px;} .mr-160{margin-right:160px;} .mr-170{margin-right:170px;} .mr-180{margin-right:180px;} .mr-190{margin-right:190px;} .mr-200{margin-right:200px;}
			.mr--5{margin-right:-5px;} .mr--10{margin-right:-10px;} .mr--15{margin-right:-15px;} .mr--20{margin-right:-20px;} .mr--25{margin-right:-25px;} .mr--30{margin-right:-30px;} .mr--35{margin-right:-35px;} .mr--40{margin-right:-40px;} .mr--45{margin-right:-45px;} .mr--50{margin-right:-50px;} .mr--55{margin-right:-55px;} .mr--60{margin-right:-60px;} .mr--65{margin-right:-65px;} .mr--70{margin-right:-70px;} .mr--75{margin-right:-75px;} .mr--80{margin-right:-80px;} .mr--85{margin-right:-85px;} .mr--90{margin-right:-90px;} .mr--95{margin-right:-95px;} .mr--100{margin-right:-100px;} .mr--110{margin-right:-110px;} .mr--120{margin-right:-120px;} .mr--130{margin-right:-130px;} .mr--140{margin-right:-140px;} .mr--150{margin-right:-150px;} .mr--160{margin-right:-160px;} .mr--170{margin-right:-170px;} .mr--180{margin-right:-180px;} .mr--190{margin-right:-190px;} .mr--200{margin-right:-200px;}
			/*   -- Final de Right --   */
		/*   -- Final de Margins --   */



		/*   -- Colors --   */
		.white{color:#fff;} .black{color:#000;} .lightgrey{color:#eee;} .grey{color:#a5a5a5;} .darkgrey{color:#7a7a7a;} .blue{color:#3498db;} .darkblue{color:#2c3e50;} .green{color:#27ae60;} .turquoise{color:#1abc9c;} .red{color:#e1261c;} .yellow{color:#f1c40f;} .purple{color:#8e44ad;} .lightpurple{color:# ;} .orange{color:#e67e22;} .darkorange{color:#d35400;}
		/*   -- Final de Colors --   */



		/*   -- Background Colors --   */
		.bg-white{background:#fff;} .bg-black{background:#000;} .bg-lightergrey{background:#f4f4f4;} .bg-lightgrey{background:#ddd;} .bg-grey{background:#999;} .bg-darkgrey{background:#555 !important;} .bg-blue{background:#3498db !important;} .bg-darkblue{background:#2c3e50;} .bg-green{background:#27ae60;} .bg-turquoise{background:#1abc9c;} .bg-red{background:#e1261c !important;} .bg-yellow{background:#f1c40f;} .bg-purple{background:#8e44ad;} .bg-lightpurple{background:#9b59b6;} .bg-orange{background:#e67e22;} .bg-darkorange{background:#d35400;}
		/*   -- Final de Background Colors --   */



		/*   -- Aliniaments --   */
			/*   -- Verticals --   */
			.va-m{vertical-align:middle;} .va-t{vertical-align:top !important;} .va-b{vertical-align:bottom;} 
			.d-t{display: table;} .d-tc{display: table-cell;}
			/*   -- Final de Verticals --   */

			/*   -- Text --   */
			.tc{text-align:center !important;} .tl{text-align:left !important;} .tr{text-align:right !important;} .tj{text-align:justify !important;}
			/*   -- Final de Text --   */
		/*   -- Final d'Aliniaments --   */



		/*   -- Fonts --   */
			/*   -- Tipografies --   */
			.opensans{font-family: 'Open Sans' !important;} .oswald{font-family: 'Oswald' !important;} .apex{font-family: 'apex' !important;}  .apexbold{font-family: 'apexbold' !important;}  .apexlight{font-family: 'apexlight' !important;} 
			/*   -- Final de Tipografies --   */

			/*   -- Mides --   */
			.fs-6{font-size:6px;} .fs-7{font-size:7px;} .fs-8{font-size:8px;} .fs-9{font-size:9px;} .fs-10{font-size:10px;} .fs-11{font-size:11px;} .fs-12{font-size:12px;} .fs-14{font-size:14px;} .fs-16{font-size:16px;} .fs-18{font-size:18px;} .fs-20{font-size:20px;} .fs-22{font-size:22px;} .fs-24{font-size:24px;} .fs-26{font-size:26px;} .fs-28{font-size:28px;} .fs-30{font-size:30px;} .fs-32{font-size:32px;} .fs-34{font-size:34px;} .fs-36{font-size:36px;} .fs-38{font-size:38px;} .fs-40{font-size:40px;} .fs-42{font-size:42px;} .fs-44{font-size:44px;} .fs-46{font-size:46px;} .fs-48{font-size:48px;} .fs-50{font-size:50px;} .fs-60{font-size:60px;} .fs-70{font-size:70px;} .fs-80{font-size:80px;} .fs-90{font-size:90px;} .fs-100{font-size:100px;}
			/*   -- Final de Mides --   */

			/*   -- Formes --   */
			.bold{font-weight:bold;} .bolder{font-weight:bolder;} .light{font-weight:lighter;} .italic{font-style:italic;} .capitalize{text-transform:capitalize;} .uppercase{text-transform:uppercase;} .lowercase{text-transform:lowercase;} .normalize{text-transform: none;}
			/*   -- Final de Formes --   */
		/*   -- Final de Fonts --   */

	
		/* home */
		.ls-esport3{	
			width: 25px;
			top: 43px;
			position: absolute;
			transform: translateY(-50%);
		}

		/*   -- Taules --   */
		table.fcftable{
		    border-collapse:collapse;
		    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		    -moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		    box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		}

		table.fcftable thead tr{
		    background:#e1261c;
		}

		table.fcftable thead tr th{
		    padding:10px;
		    text-transform:uppercase;
		    color:#fff;
		    text-align: center;
		}

		table.fcftable tbody tr:nth-child(odd){
		    background:#f4f4f4;
		}

		table.fcftable tbody tr:nth-child(even){
		    background:#ddd;
		}

		table.fcftable tbody tr:hover{
		    background:#555;
		    color:#fff;
		}

		table.fcftable tbody tr td{
		    padding: 5px 10px;
		}




		table.fcftable-o{
		    border-collapse:collapse;
		    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		    -moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		    box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.3);
		}

		table.fcftable-o thead tr{
		    background:#e1261c;
		}

		table.fcftable-o thead tr th{
		    padding:10px;
		    text-transform:uppercase;
		    color:#fff;
		    text-align: center;
		}

		table.fcftable-o tbody tr:nth-child(odd){
		    background:#f4f4f4;
		}

		table.fcftable-o tbody tr:nth-child(even){
		    background:#ddd;
		}

		table.fcftable-o tbody tr td{
		    padding:10px;
		}
		/*   -- Final de Taules --   */



		/*   -- Buttons --   */
		.buttonfcf{
		    background:#280000;
		    color:#fff;
		    border-bottom:#684c4c solid 3px;
		    border-top: none;
			border-left: none;
			border-right: none;
		    padding:6px 12px;
		    text-transform:uppercase;
		    border-radius:3px;
			cursor:pointer;
			 -webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
			   -moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										  supported by Chrome and Opera */
		}
		.buttonfcf:hover{
		    background:#3d1919;
		    border-bottom:#775e5e solid 3px;
		}
		.buttonfcf:active{
		    background:#380000;
		    border-top:#000000 solid 3px;
		    border-bottom:0px;
		    outline: 0;
		}
		.buttonfcf:focus{
		    outline: 0;
		}

		.buttonredfcf{
		    background:#e1261c;
		    color:#fff;
		    border-bottom:#e75149 solid 3px;
		    border-top: none;
			border-left: none;
			border-right: none;
		    padding:6px 12px;
		    text-transform:uppercase;
		    border-radius:3px;
		}
		.buttonredfcf:hover{
		    background:#e75149;
		    border-bottom:#ec746d solid 3px;
		}
		.buttonredfcf:active{
		    background:#e1261c;
		    border-top:#e75149 solid 3px;
		    border-bottom:0px;
		    outline: 0;
		}
		.buttonredfcf:focus{
		    outline: 0;
		}



		.buttonbluefcf{
		    background:#3498db;
		    color:#fff;
		    border-bottom:#5dade2 solid 3px;
		    border-top: none;
			border-left: none;
			border-right: none;
		    padding:6px 12px;
		    text-transform:uppercase;
		    border-radius:3px;
		}
		.buttonbluefcf:hover{
		    background:#5dade2;
		    border-bottom:#7dbde8 solid 3px;
		}
		.buttonbluefcf:active{
		    background:#3498db;
		    border-top:#5dade2 solid 3px;
		    border-bottom:0px;
		    outline: 0;
		}
		.buttonbluefcf:focus{
		    outline: 0;
		}

																			/*  Button Example -->      <a href="#"><button class="buttonfcf">button</button></a>      <-- Button Example  */

		/*   -- Final de Buttons --   */



		/*   -- Textos --   */
		.bigtitle{
		    font-size:48px;
		    font-family: montserrat;
		    font-weight: bold;
		    letter-spacing: 7px;
		    margin-bottom: 30px;
		}
		.title2 {
		    font-size: 24px;
		    font-family: montserrat;
		    font-weight: bold;
		    letter-spacing: 3px;
		    margin-bottom: 20px;
		}
		.title{
		    font-size:20px;
		    font-family: montserrat;
		    font-weight: bold;
		}
		.subtitle{
		    font-size:16px;
		}
		.category{
		    font-size:11px;
		    text-transform:uppercase;
		    color:#a5a5a5;
		}
		.prebody-text{
		    font-size:14px;
		    line-height: 24px;
		}
		.body-text{
		    font-size:14px;
		    line-height: 24px;
		}		








		.background-line-white {
		  text-align: center;
		  display: flex;
		  flex-direction: row;
		  justify-content: center;

		  color:#fff;
		  font-weight: bold;
		  font-size: 48px;
		  letter-spacing:7px;
		  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
		}
		.background-line-white:before, 
		.background-line-white:after {
		  flex-grow: 1;
		  height: 1px;
		  content: '\a0';
		  background-color: #fff;
		  position: relative;
		  top: 0.7em;
		}
		.background-line-white:before {
		  margin-right:20px;
		  margin-left:23%;
		}
		.background-line-white:after {
		  margin-left:20px;
		  margin-right:23%;
		}

		/*   -- Final de Textos --   */

/*   -- FINAL DE BASICS --   */















/* LINKS NOTIS */
.body-text a {
    color:rgba(21,140,185,1);
    font-weight:bold;
    text-decoration: none;
}

.body-text a:visited {
    text-decoration: none;
}

.body-text a:hover {
    text-decoration: underline;
}

.body-text a:active {
    text-decoration: underline;
}
/* FINAL LINKS NOTIS */


/* TAULES GALA */


table{
    width: 100% !important;
    max-width: 600px !important;
    min-width: 500px !important;
    margin:0 auto;
    border: none;
    border-collapse: collapse;
    border-bottom: solid 3px #ccc;
    margin-bottom: 20px;
}

table thead tr{
    background:#f4f4f4;
    border:solid 1px #ccc;
}

table thead tr th{
    padding:5px 10px;
    text-transform:uppercase;
    font-weight: bold;
    color:rgba(21,140,185,1);
    cursor:default;
    text-align: center;
}

table tbody tr{
    border: solid 1px #ccc;
}

table tbody tr:hover{
    background:#f2f2f2;
}

table tbody tr td{
    padding:5px 10px;
}

table a {
    color:initial;
    font-family:apexbold;
    text-decoration: none;
}

table a:visited {
    text-decoration: none;
}

table a:hover {
    text-decoration: underline;
}

table a:active {
    text-decoration: underline;
}

table.tableTop{
	width: 100% !important;
	max-width: 600px !important;
	min-width: 500px !important;
	margin:0 auto;
	border: none;
	border-collapse: collapse;
	border-bottom: solid 3px #ccc;
	margin-bottom: 20px;
	font-size:12px;
}

table.tableTop thead tr{
	background:#f4f4f4;
	border:solid 1px #ccc;
}

table.tableTop thead tr th{
	padding:5px 10px;
	text-transform:uppercase;
	font-weight: bold;
	color:rgba(21,140,185,1);
	cursor:default;
	text-align: center;
}
table.tableTop thead tr td{
	border: solid 1px #ccc;
	padding:3px 5px !important;
}

table.tableTop tbody tr{
	border: solid 1px #ccc;
}

table.tableTop tbody tr:hover{
	background:#f2f2f2;
}

table.tableTop tbody tr td{
	padding:0px 4px !important;
	border: solid 1px #ccc;
}




/* FINAL TAULES GALA */

















/*  --  CSS LAYOUT  --  */

#wrapper{
	background: rgb(255,236,115) !important;
	background: radial-gradient(circle, rgba(255,236,115,1) 0%, rgba(21,140,185,1) 85%) !important;
}



#menu-size{
    position:fixed;
    top:0;
    z-index:3;
    width:100%;
    transition:0.3s;
}
.menu-large{
    height:80px;
    line-height:80px;
    background:rgba(0,0,0,0);
}
.menu-small{
    height:50px;
    line-height:50px;
    background:#403415;
}
#menu-mbl{
    position:fixed;
    top:0;
    z-index:3;
    width:100%;
    height:50px;
    line-height:50px;
    background:#403415;
	/* background:#281e00; */
    display: none;
    transition:0.3s;
}

.menu-mbl-btn{
	position: fixed;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
}
.line-top{
	position: absolute;
    top: 15px;
    left: 15px;
    height: 3px;
    width: 20px;
    background: #fff;
    transition: 0.7s ease;
}
.line-mid{
	position: absolute;
    top: 23px;
    left: 15px;
    height: 3px;
    width: 20px;
    background: #fff;
    transition: 0.7s ease;
}
.line-bot{
	position: absolute;
    top: 31px;
    left: 15px;
    height: 3px;
    width: 20px;
    background: #fff;
    transition: 0.7s ease;
}
.line-top-close{
	width: 28.3px;
	transform: rotate(315deg);
	top: 22px;

	position: absolute;
    left: 15px;
    height: 3px;
    background: #fff;
    transition: 0.7s ease;
}
.line-mid-close{
    left: -45px;

    position: absolute;
    top: 23px;
    height: 3px;
    width: 20px;
    background: #fff;
    transition: 0.7s ease;
}
.line-bot-close{
    width: 28.3px;
    transform: rotate(-315deg);
    top: 22px;

    position: absolute;
    left: 15px;
    height: 3px;
    background: #fff;
    transition: 0.7s ease;
}


.menu-mbl-off{
	position:fixed;
	top: 50px;
	left:-70%;
	background: #403415;
	width: 70%;
	height: 100vh;
	transition: 0.7s;
}
.menu-mbl-on{
	position:fixed;
	top: 50px;
	left:0;
	background: #403415;
	width: 70%;
	height: 100vh;
	transition: 0.7s;
}
.menu-mbl-off ul{
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	line-height: 50px;
}
.menu-mbl-off ul li{
	position: relative;
}


.underline_mbl{
	height:2px;
    width:0%;
    background:#fff;
    position:absolute;
    bottom:10px;
    left:0%;
    transition: 0.3s;
}
.menu-mbl-off ul li:hover .underline_mbl{
	width:100%;
}
.active_mbl{
	width:100%;
}
.logo_mbl{
	height: 50px;
	width:  50px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../img/logo_blanc.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo_mbl2017{
	height: 50px;
	width:  50px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../img/logo_small2019.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo_mbl2021{
	height: 50px;
	width:  50px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../img/11galalogostar.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}






#body-size{
    position:relative;
    transition:0.3s;
}
.body-large{
    top:80px;
}
.body-small{
    top:50px;
}
#footer-size{
    position:fixed;
    bottom:0;
    z-index:2;
    width:100%;
    height:40px;
    background:#151107;
}




.menu-content{
	margin: 0 auto;
	max-width: 1044px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.menu-seccio{
	position: relative;
	width: 140px;
	float:left;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.menu-small .menu-seccio{
	color: #fff;
}
.menu-logo{
	width: 204px;
	float: left;
	text-align: center;
}
.logo-big{
	height: 140px;
	background: url(../img/logo_blanc.png);
	background-size: auto 140px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo-big2017{
	height: 140px;
	background: url(../img/logo2019_3.png);
	background-size: auto 140px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo-big2021{
	height: 110px;
	background: url(../img/11galalogo.png);
	background-size: auto 65px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo-small{
	height: 50px;
	background: url(../img/logo_blanc_small.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo-small2017{
	height: 50px;
	background: url(../img/logo_small2019.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}
.logo-small2021{
	height: 50px;
	background: url(../img/11galalogostar.png);
	background-size: auto 40px;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.3s;
}

.underline{
	height:2px;
    width:0%;
    background:#fff;
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    transition: 0.3s;
}
.menu-seccio:hover .underline{
	width:60%;
}
.underline-small{
	height:2px;
    width:0%;
    background:#fff;
    position:absolute;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
    transition: 0.3s;
}
.menu-seccio:hover .underline-small{
	width:60%;
}
.active{
	width:60%;
}


.body-section1{
	margin: 0 auto;
	max-width: 1044px;
	margin-top: 60px;
}
.footer-content{
	margin: 0 auto;
	max-width: 1044px;
	color:#158cb9;
	text-align: center;
	font-size: 10px;
	line-height: 40px;
}





.o-a{overflow: auto;}
.ox-h{overflow: hidden;}



.data-gala{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #333;
    font-size: 12px;
    letter-spacing: 2px;
    font-style: italic;
}





















































.boing {
    position:relative;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    /*width:200px;*/
    width:170px;
    height:200px;
    display: inline-block;
    cursor: pointer;
    transition: 0.2s;
}
.boing-body{
  position:absolute;
  background:#e1261;
  height:100%;
  width:100%;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
  z-index:1;
  border-radius:50%;
  transition: 0.2s;
}
.boing-bg{
  position:absolute;
  top:-25px;
  bottom:0;
  right:0;
  left:-5px;
  margin:auto;
  background:#00ace;
  height:80%;
  width:80%;
  border-radius:50%;
  transition: 0.2s;
}
.boing:hover .boing-body{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.50, 4.00, 0.50, -0.50);
    transition-timing-function: cubic-bezier(0.50, 4.00, 0.50, -0.50);
}
.boing:hover .boing-bg{
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}

.p-badges{position:absolute;width: 90%; top: 24px; left: 9px;}













.box-news{
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	background: #f4f4f4;
	cursor: pointer;
	transition:0.3s;
}
.box-news:hover{
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
	background: #f9f9f9;
	margin-top:-5px;
	margin-bottom:5px;
}
.news-text-block{
  height: 225px;
  overflow: hidden;
  padding: 0px 15px 15px 15px;
}





.box-noticia {
    position: relative;
    background: #fff;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    width: 100%;
    padding-top: 35px;
    box-sizing: border-box;
    overflow: hidden;
}

.maxw-800{
	max-width: 800px;
}

.box-noticia img{
	width: 100% !important;
	height: auto !important;
	margin: 10px 0;
}








.box-millor {
    position: relative;
    background: #fff;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    width: 100%;
    box-sizing: border-box;
}




.block-millor{
	width: 100%;
	max-width: 320px;
    position: relative;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    background: #f4f4f4;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    margin-bottom: 160px;
    transition: 0.3s;
}

.block-millor:hover{
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
    margin-bottom: 165px;
    margin-top: -5px;
}

.block-millor img{
	position: absolute;
    top: 5px;
    right: 5px;
    width: 60px;
}


.fcb_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-image: url(../img/escuts/fcb_trans.png);
	background-size: 120%;
	background-repeat: no-repeat;
	z-index: -1;
    background-position: 50px -100px;
}
.fcb_bg_big{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;

	background-image: url(../img/escuts/fcb_trans.png);
	background-size: auto 150%;
	background-repeat: no-repeat;
	z-index: -1;
    background-position: top 50% right;
}




.barra-percentatge{
	position: relative;
	width: 100%;
	height: 24px;
	background: rgba(0,0,0,0.5);
	margin-top: 10px;
}
.barra-percentatge div{
	position: absolute;
	height: 24px;
	background: #158cb9;
}
.barra-percentatge span{
	transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    color: #fff;
}


.milloroff img,.milloron img{
	position: absolute;
    top: 15px;
    right: 20px;
    width: 60px;
}



.pointer{
	cursor: pointer;
}

.milloron{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
	max-width: 1044px;
	max-height: 90%;
	min-height: 35px;
	overflow-y: scroll;
	background: #fff;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    opacity: 1;
    z-index: 5;
    -webkit-overflow-scrolling: touch;
	pointer-events: auto;
    transition: 0.3s;
}
.milloroff{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	max-width: 1044px;
	max-height: 90%;
	min-height: 35px;
	/*overflow: scroll;*/
	background: #fff;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    opacity: 0;
    z-index: 5;
    -webkit-overflow-scrolling: touch;
    pointer-events: none;
    transition: 0.3s;
}



.lightsoff{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	z-index: 4;
	pointer-events: none;
	transition: 0.3s;
}
.lightson{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 1;
	z-index: 4;
	transition: 0.3s;
	pointer-events: auto !important;
}






.block-jurat{
	cursor:default;
	width: 100%;
	max-width: 320px;
	min-height: 120px;
    position: relative;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #f4f4f4;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    padding-top: 85px;
    margin-bottom: 35px;
    transition: 0.3s;
}

.block-jurat:hover{
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
    margin-top: -5px;
    margin-bottom: 40px;
}

.imatge-jurat{
	width: 100px;
    height: 100px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,.22),0 2px 4px rgba(0,0,0,.34);
}


.nom-jurat{
	margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 15px;
}

.carrec-jurat{
	margin: 0;
    color: #777;
    padding: 0px 15px 10px 15px;
    font-size: 14px;
    text-align: center;
    font-style: italic;
}
















.buttons{
  width:100%;
  padding:10px;
  text-align:center;
}

.contents{
  width:100%;
  text-align:center;
}



.under-line{
    width:100px;
    text-align:center;
    letter-spacing: 3px;
    font-size: 12px;
    display:inline-block;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.line-text{
    margin-bottom:5px;
    margin-top: 20px;
}

.line-left{
    width:50%;
    float:left;
    direction:rtl;
}
.line-right{
    width:50%;
    float:left;
}

.line-left div{
    background:#403415;
    width:0%;
    height:3px;
    transition:0.3s;
}
.line-right div{
    background:#403415;
    width:0;
    height:3px;
    transition:0.3s;
}

.under-line:hover .line-left div{
    width:100%;
}
.under-line:hover .line-right div{
    width:100%;
}


.under-line.active .line-left div{
    width:100%;
}
.under-line.active .line-right div{
    width:100%;
}







.box-galeria{
	display: inline-block;
	margin: 12px 9px;
	width: 186px;
	height: 186px;
	position: relative;
	cursor: pointer;
}


.foto1, .foto2, .foto3{
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
	height: 186px;
	overflow: hidden;
	border: solid 1px #ccc;
	transition: 0.3s;
}

.foto1{
	z-index: 2;
}

.foto2{
	z-index: 1;
}

.foto3{
	z-index: 0;
}

.foto1 img, .foto2 img, .foto3 img{
	height: 100% !important;
    width: auto !important;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.box-galeria:hover .foto1{
	top: -10px;
	left: -10px;

}
.box-galeria:hover .foto2{
	top: -5px;
	left: -5px;
}

.album-title{
	background: #158cb9;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    letter-spacing: 3px;
	font-weight:bold;
}

.box-album {
    position: relative;
    background: #fff;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    width: 100%;
    padding-top: 35px;
    box-sizing: border-box;

    max-width: 1042px; 
    left: 50%; 
    transform: translateX(-50%);
}

.fotografia{
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border: solid 1px #ccc;
	cursor: pointer;
	margin-left: 6px;
    margin-right: -5px;
    text-align: center;
}
.fotografia img{
	height: 100%;
    width: auto;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.fotografia span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	pointer-events: none;
	opacity: 0;
}
.fotografia:hover span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1;
	pointer-events: none;
	opacity: 1;
}

.white_trans{
	color: rgba(255,255,255,0.7);
}
.lh-200{line-height: 200px;}












.estrella-bg{
	position: absolute;
    background-image: url(../img/estrella_2019.png);
    background-size: auto 24px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    height: 40px;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -150px;
    cursor: default;
    transition:0.3s;
}
.caixa-bg{
	position: absolute;
    background-image: url(../img/lacaixa_2019.png);
    background-size: auto 30px;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    height: 40px;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 150px;
    cursor: default;
    transition:0.3s;
}
/*.estrella-bg:hover{
	background-image: url(../img/estrella.png);
}
.caixa-bg:hover{
	background-image: url(../img/lacaixa.png);
}*/




.facebook{
	position: absolute;
    top: 0;
    right: 160px;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.twitter{
	position: absolute;
    top: 0;
    right: 120px;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.youtube{
	position: absolute;
    top: 0;
    right: 80px;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: 0.3s;
}
.instagram{
	position: absolute;
    top: 0;
    right: 40px;
    font-size: 13px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    transition: 0.3s;
}


.facebook:hover{
	background:#3b5998;
	color: #fff
}
.twitter:hover{
	background:#1da1f2;
	color: #fff
}
.youtube:hover{
	background:#cc181e;
	color: #fff
}
.instagram:hover{
	background:  
      linear-gradient( #400080, transparent), 
      linear-gradient( 200deg, #d047d1, #ff0000, #ffff00);
	color: #fff
}











.p-10-15{padding: 10px 15px;}

.color-ge1{color: #ffcc00;}
.color-ge2{color: #403415;}
.color-ge3{color: #151107;}


.lh-20{line-height: 20px;}
.lh-24{line-height: 24px;}
.lh-30{line-height: 30px;}



.p-a{position: absolute;}
.p-r{position: relative;}
.p-f{position: fixed;}

.d-n{display: none;}
.d-b{display: block;}
.d-ib{display: inline-block;}






.col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
    padding: 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }






@media (max-width: 990px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: none;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 100%;
  }
  .col-md-10 {
    width: 100%;
  }
  .col-md-9 {
    width: 100%;
  }
  .col-md-8 {
    width: 100%;
  }
  .col-md-7 {
    width: 100%;
  }
  .col-md-6 {
    width: 100%;
  }
  .col-md-5 {
    width: 100%;
  }
  .col-md-4 {
    width: 100%;
  }
  .col-md-3 {
    width: 100%;
  }
  .col-md-2 {
    width: 100%;
  }
  .col-md-1 {
    width: 100%;
  }
}