/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

	 1. IMPORT
	 2. HEADER
	 3. NAVIGATION
	 4. FOOTER & FOOTER WIDGETS
     5. SIDEBAR & SIDEBAR WIDGETS
     6. PORTFOLIO/PROJECTS
     7. BLOG STYLING
     8. HOME PAGE
     9. 404 PAGE
     10. ABOUT PAGE
     11. CONTACT PAGE FORM
     12. ICON LIST
     13. RECENT WORK CAROUSEL
     14. TESTIMONIALS
     15. ICON SERVICE BOXES
     16. PARALLAX
     17. CLIENTS
     18. TYPOGRAPHY
     19. BUTTONS
     20. PRICING TABLES BOXS
     21. TABS
     22. ACCORDION & TOGGLE
     23. PROGRESS SKILL BAR
     24. PROMO BOX
     25. PAGINATION
     26. TITLE
     27. DROPCAPS
     28. HIGHLIGHT
     29. SWIPE J.S SLIDER
     30. CAROUSEL
     31. FLICKR
     33. LIST & BULLETS
     33. BUTTON UP
     34. MEDIA QUERIES
	 35. CALENDARI 
	 36. CAIXA PER FER SCROLL 
 	 37. BOTONS MENU TV 
     38. DESTACATS AGENDA	 
*/

/* =================================================================== */
/* Import Section
====================================================================== */
@import url("/fonts/fontawesome/css/all.css");
@import url("magnified.css");
/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,600,700");*/
/*import url("https://fonts.googleapis.com/css?family=Patua+One:400");*/
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");*/
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Work Sans Regular'), local('WorkSans-Regular'), url("https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_fKDp.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url("https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3o4T8mNhN.woff2") format('woff2');
  font-display: swap;
}

/*
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    
} */

h1, h2, h3, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"] 
{
    font-family: "Work Sans", sans-serif;
    font-size:18px;
    line-height:26px;
    color:#000;
	font-weight: 600;
	
}


h4, h5 {
    font-family: "Work Sans", sans-serif;
    font-size:14px;
	font-weight: 600;
    line-height:20px;
    color:#000;
	
}

body, h6, textarea, select, cos {
    font-family: "Work Sans", sans-serif;
    font-size:16px;
    line-height:22px;
    color:#000;
	
}

h1 {
    font-size: 25px;
    line-height: 30px;
}
 /*IMPORTANT*/
.content h1 {
	font-size: 36px;
    line-height: 40px;
}

h2 {
    font-size: 22px;
    line-height: 26px;
}
h3 {
    font-size: 18px;
    line-height: 24px;
}
h4 {
    font-size: 16px;
    line-height: 19px;
}
h5 {
    font-size: 14px;
    line-height: 19px;
}
h6 {
    font-size: 12px;
    line-height: 16px;
}

cos  {
	font-family: "Work Sans", sans-serif;
    font-size:19px;
    line-height:29px;
    color:#000;
}
cos a:hover {
	text-decoration:underline;
	color:#282821;
	
}
cos b {
	font-family: "Work Sans", sans-serif;
    font-size:19px;
    line-height:29px;
    color:#282821;
	}
cos a {
	font-weight: 600; 
	color:#acb709;
	}

cos li{  /* afegit pel cos de les notis - redactors */
	padding:0; 
	margin-left: 20px;
	}


a {text-decoration: none ;}
a:hover{
    text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	color:#555;
}
a:focus{
    outline: none;
    text-decoration: none;
}
.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.mrgb-20{
    margin-bottom:20px;
    display:block;
}
.mrgb-30{
    margin-bottom:10px;
}
.mrgb-40{
    margin-bottom:40px;
    position:relative;
    display:block;
}
.mrgb-50{
    margin-bottom:50px;
    position:relative;
    display:block;
}
.mrgb-60{
    margin-bottom:60px;
    position:relative;
    display:block;
}
.mrg-0{
    margin:0 auto;
}
.mrgt-0{
    margin:0 auto 20px;
}


/* =================================================================== */
/* 2. HEADER
====================================================================== */
/*
#header { z-index: 400; background: #FFF; width:
    100%; transition: all 0.4s ease-in-out 0s; border-bottom: 1px solid #CCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);

}*/

#top-bar{
		/*background-image: url("/img/fons-fm.jpg");
		background-repeat:repeat-x;
		background-color: #F5F5F5;*/
	color: #aaa; 
	padding: 5px 0 3px;
	/* ---antic---
	border-bottom:1px solid #999;
	---*/
	/* border-bottom:1px solid #CCC; */
	/*border-top: 1px solid #CCC;*/
	
	}

	
/**/
.top-info ul{ 
	list-style: none; 
	float: right; 
	padding:0; 
	/* margin: 0; */
	margin-right:15px;
}

.top-info span { font: 13px/28px "Work Sans", sans-serif; padding-right: 15px;float: right; }

/* .top-info span i { font-size: 13px; margin-right: 5px; } */

.top-info span i { font-size: 17px; margin-right: 5px; }

.top-info li{ float:left;}

.top-info li a{
    border: 0px solid #282821 !important;
    border-radius: 100%;
    color: #282821;
    display: inline-block;
    font-size: 16px;
    height: 25px;
    line-height: 23px;
    margin: 0 2px;
    text-align: center;
    transition: background-color 400ms linear 0s;
    width: 25px;

}
.top-info li:hover a                {color:#000!important;}
.top-info li:hover a.my-tweet       {background:#3ABDD1;}
.top-info li:hover a.my-facebook    {background:#648CD5;}
.top-info li:hover a.my-instagram    {background:#F03;}
.top-info li:hover a.my-skype       {background:#00AFFF;}
.top-info li:hover a.my-pint        {background:#DE5656;}
.top-info li:hover a.my-rss         {background:#EF8D1F;}
.top-info li:hover a.my-google      {background:#E73904;}
.top-info li:hover a.my-search      {background:#DE5656;}

.ie8 #header {	border-bottom: 1px solid #e9e9e9;}

.pixel-header{
	height: 115px;
	overflow: hidden;
}

/*top-sessió nou*/
.top-sessio {

/*	border-bottom:1px solid #CCC; */
	font: 13px/28px "Work Sans", sans-serif; 
	
}

/*top-especials*/
.top-especials {

	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC; 
	background-color: #FAFAFA;
	
}
.top-especials h5 {
    font-family: "Work Sans", sans-serif;
    font-size:15px;
	font-weight: 500;
    line-height:20px;
    color: #282821;
	
}
.top-especials a {
    color: #282821;
	
}
.top-especials a:focus, a:hover {
    text-decoration: underline;
	
}

/* Logo
====================================*/

#logo{
   /* margin: 5%; */
    margin-top: 5%; 
    position: absolute;
	display:block;
    margin-left: auto;
    margin-right: auto;
   
}

#logo > h1 {
    margin:0;
    line-height: 0;
    font-size: 0;
	background: #f2f2f2;
}
#logo a img {
    max-width:80%;
	display:block;
  margin-left: auto;
  margin-right: auto; margin-bottom:0px;
  
    will-change: transform;
    image-rendering: -webkit-optimize-contrast;
    transform: scale(1) rotate(0) translate3d(0,0,0); 
    
	
}
.logo {
	float: left;
	padding: 5px 5px 5px 5px;
}

.logo_titol {
    /*antic
	text-align:center;
	*/
    color: #282821;
    float: left;
	text-align:center;
    font-size: 15px;
    /*font-weight: 600;*/
   
   /* text-transform: uppercase; */
    margin-bottom: 2px;
    margin-top: 0;
    
/*	padding: 2px 9px; */
	padding: 0px 0px;
	
	 /*nou*/
	/*border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;*/
}

.logo_titol h5{
    line-height:15px;
}

.logo_titol_petit { 
	float: right;
}
.logo_titol_petit img{
	padding: 0px;
    margin-bottom: -10px;
 
}

.logo_titol_petit h5{
	line-height:25px;
	color:#c6d307;
}

.logo_titol_petit h4{
	line-height:14px;
    font-size: 12px;

}

.content{
	padding:5px 0 60px;
	position: relative;
	
	
}
.sub_content{
    padding: 20px 0;
	
}
/* page_head Title
====================================*/
.page_head {
    /*background: url("../images/pattern-2.jpg") repeat;*/
	background-color:transparent;
	/*border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;*/
	padding:10px 10px 10px;
}

.page_head_1 {
 background: url(/img/201203-top-nadal.jpg); 
/*	background-color:transparent;  */

/*	background-color: #e8daef; /* #BCE8F1; */
/*	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1; */
	padding: 40px 20px 40px;
}


.page_head_2 {
    background: url("../images/pattern-2.jpg") repeat;
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:20px 20px 20px;
}


.page_head_3 { /* color rosa */ 
    background: url("../img/top-fm.jpg") repeat; 
/*	background-color:transparent;  */
/*	background-color: #dedd2c; /* #f406b7; */ /* #dedd2c; */ 
/*	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1; */
	padding:20px 20px 20px;
}

.page_head_21d {
    background: url("../img/page_parlament.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head_carnaval {
    background: url("../img/page_carnaval-2020.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:20px 0 20px 0;
}
.page_head_destacats {
	 background: url("../img/page_destacats.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head_santjordi {
	 background: url("../img/page_santjordi.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head_dona {
    background: url("../img/page_dia_dona_2019.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head_fm {
    background: url("../img/page_fm.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head.recorda {
	background: url("../img/page_recorda.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head.es-noticia {
	background: url("../img/fons_top.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}
.page_head.escola { /* fons pissarra */
	background: url("../img/especial-escola.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}

.page_head.escola2 {
	background: url("../img/200228-capcalera-escola.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}


.page_head.radioteatre{
	background: url("../img/191028-top-espai-radioteatre-1.jpg");
	/* background-color:#282821;*/ 
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:65px 0 65px 0;
}

.page_head.musicatop {
	background: url("../img/191114-top-musica.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}


.page_head.wmc {
	background: url("../img/top-wmc.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:30px 0 60px 0;
}

.page_head_nadal {
	background: url("../img/seccio-nadal.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:30px 0 30px 0;
}
.page_head_eleccions {
	 background: url("../img/page_eleccions.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}

.page_head_incendis {
	 background: url("../img/page_incendis.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}

.page_head_radio {
	 background: url("../img/page_radio.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:40px 0 40px 0;
}

.page_head.coronavirus { /* fons coronavirus */
	background: url("../img/200407-top-coronavirus.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:20px 20px 20px;
	/*padding:40px 0 40px 0;*/
}


.page_head.joemquedoacasa { /* fons joemquedoacasa */
	background: url("../img/200319-top_especial_joemquedoacasa-ok.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:20px 20px 20px;
	/*padding:40px 0 40px 0;*/
}


.page_head.jothoportoacasa { /* fons jothoportoacasa */
	background: url("../img/top-porto-a-casa.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:80px 20px 80px;
	/*padding:40px 0 40px 0;*/
}


.page_head.regals { /* fons regals */
	background: url("../img/200325-top-regals.jpg");
	background-color:transparent;
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	padding:20px 20px 20px;
	/*padding:40px 0 40px 0;*/
}

.page_title.escola h3 {
	color: #FFF;
	float: left;
	font-size: 24px;
    text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 0;
	padding: 2px 9px;  
}

.page_title.escola h2 {	
	color: #000;
	float: left;
	font-size: 24px;
	font-weight: 300;
    text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 0;
	padding: 2px 9px;   
	background-color:transparent;
}

.page_title{ float: left; }

.page_title h1 {
	background: #282821;
    color: #fff;
    float: left;
    font-size: 24px;
    margin-bottom: 2px;
    margin-top: 0;
    padding: 2px 9px;	
}

.page_title h2 {
	background: #282821;
    color: #fff;
    float: left;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 0;
    padding: 2px 9px;	    
}

.page_title.esp h2{ background-color: #ec2e38; }

.page_title h3 {
	color: #666;
	float: left;
	font-size: 24px;
    text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 0;
	padding: 2px 9px;	   
}

.sub_heading {
    display: block;
    background: #fff;
    color: #282821;
	text-transform: uppercase;
    padding: 0px 0px 0px 5px;
    border-left: 2px solid #727CB6;
    clear: both;
}

.sub_heading h4{
	font-family:"Work Sans",Arial, Helvetica, sans-serif; 
	font-size: 15px;
	font-weight:500;
}

#diahora{   
	font-size: 16px;
	float: right;
}

.page_title.titolagenda {
    margin-bottom: -15px;
	margin-left: -10px; 
    margin-top: 20px;
    padding: 0px;	   	
} 
.page_head.titolagenda {
	border-bottom: 5px solid #282821;
	margin-bottom: 20px; 
} 



/* Breadcrumbs
====================================*/
#breadcrumbs{
    background: #eee;
    margin-top: 25px;
    padding:2px 6px;
    float: right;
    border-left: 3px solid #282821;
		
}
#breadcrumbs ul {
    float: right;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

#breadcrumbs a {
	color:#000;
}

#breadcrumbs ul li {
	display: inline-block;
	color: #CCC;
	padding: 0 11px 0 0;
	margin: 0 0 0 5px;
	background: url(../images/breadcrumbs.png) no-repeat 100% 50%;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #CCC; }

#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	color: #CCC;
	background: none;
}

#breadcrumbs ul li:last-child { padding:0; background: none; }

/* =================================================================== */
/* 3. NAVIGATION
====================================================================== */
/*
  Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
.navbar-nav ul
{
    font-family: "Work Sans", sans-serif;
	width:100%;
    min-width:187px!important; 
    padding:0;
	text-align: center;
	
}
.navbar-nav > li > ul.dropdown-menu
{
    top:30px!important;
    text-align: left;
}
.nav-caption{
    color: #323A45;
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 0 0;
    position: absolute; 
    text-align: center;
    width: 100%;
    display: none;
	/*border-bottom: 2px solid #999;*/
	
}
.navbar-toggle{
    background:#303436;
    border:none;
    padding:10px 10px;
    border-radius:3px;
    margin-top:5px;
	
}
.navbar-default{
    background: #fff;
	/*border-bottom:3px solid #282821;*/
	
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background:#303436;
	
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff;
    /*height:3px;*/
}
.navbar{
    margin-bottom: 0;
    min-height:35px;
    /*border:none;*/
    border-top: 1px solid #282821; /* nou eli */
    border-bottom: 1px solid #282821; /* nou eli */
	position:relative;


}

/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
    position:static;
    margin-top:0;
    margin-right:0;
    margin-left:6px;
    display:inline-block;
    width:0;
    height: 0;
    overflow:hidden;
    vertical-align:middle;
    border-top:4px solid;
    border-right:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
    display: inline-block;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    width:8px;
    height: 8px;
    line-height: 8px;
    border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
   content: "\f107"; 
}
.navbar-nav ul .sub-arrow {
    position:absolute;
    right:0;
    margin-top:26px;
    margin-right:15px;
    border-top:4px dashed transparent;
    border-bottom:4px dashed transparent;
    border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
    padding-right:30px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color: transparent;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    position:absolute;
    display:none;
    visibility:hidden;
    height:20px;
    overflow:hidden;
    text-align:center;

	
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-top:7px dashed transparent;
    border-right:7px dashed transparent;
    border-bottom:7px solid;
    border-left:7px dashed transparent;
		
}

.dropdown-menu.sm-nowrap{
    display: none;
    left: 0;
    margin-left: 186px;
    margin-top: -42px;
    max-width: 20em;
    min-width: 10em;
    top: auto;
    width: auto;
	
}

.navbar-nav span.scroll-down-arrow {
    top:6px;
    border-top:7px solid;
    border-right:7px dashed transparent;
    border-bottom:7px dashed transparent;
    border-left:7px dashed transparent;
}
.navbar-default .navbar-nav li a{
    color:#000;
/*    text-transform:uppercase;  */
    font-size: 15px;
    line-height:15px;
	
/*	text-align:center; */
}
/*.navbar-default .navbar-nav > li{
} */

.navbar-default .navbar-nav > li:first-child{
    border-left:none;
}
.navbar-default .navbar-nav > li > a{
    font-family: "Work Sans", sans-serif;
/* 	padding:6px 16px; */
	padding:6px 11px; /* afegim menu escola */
	padding-top:10px;
	
/*	text-align:center; */
}

.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
{
    background:none !important;
    color:#5C6AB1!important;
}
.navbar-nav > li.active {
    border-bottom: 1px solid #282821;
}
.navbar-nav > li:hover{
    border-bottom: 1px solid #282821;
    transition:all 0.2s ease-in-out 0s;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
    padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
    padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
    padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    padding-left:60px;
}
.navbar-nav .dropdown-menu > li > a {
    white-space:normal;
    font-size: 13px;
    padding:12px 20px;
    border-bottom:1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu > li > a:hover
{
    color: #727CB6;
}
.navbar-nav ul.sm-nowrap > li > a {
    white-space:nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
    border-color:transparent!important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
    background-color:#fff ;
}
/*------------Animation-CSS-------------*/
.navbar-nav > li:hover > ul{
    -moz-animation: fadeInUp .4s ease-in;
    -webkit-animation: fadeInUp .4s ease-in ;
    animation: fadeInUp .4s ease-in;
}

.navbar-nav > li > ul.dropdown-menu li:hover ul{
    /*display:block;*/
    -moz-animation: fadeInUp .5s ease-in ;
    -webkit-animation: fadeInUp .5s ease-in ;
    animation: fadeInUp .5s ease-in;
}
/*--------Animation_Hover_Effect_CSS---------------*/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/*MENU FLOAT PANEL*/


.float-panel {
	width:100%;
    background:white;    
    padding:0px 0; 
    transform: translateZ(1200);
    transition:all 0.5s;

	
}
.float-panel .content-area {
    /*max-width:900px;*/
    margin:3px auto;
/*	text-align:center; */
    width: 100%;
}
.float-panel a {
    font-size:16px;
    text-decoration:none;
    color:#444;
    display:inline-block;
    padding:10px 20px;
}                  

/*.float-panel .content-area li{
    max-width:900px;
	text-align:center; 

}*/


.float-panel .fa-gg {                  
    color:#F0595C;
    font-size:30px;
    vertical-align:middle;                  
    transition:all 1s;                  
}

/* Float Panel: class="float-panel fixed" */

.fixed {
    box-shadow:0 2px 6px rgba(0,0,0,0.2);  
    padding:4px 0;
    animation:slide-down 0.7s;
    opacity:0.96;
	z-index:1200;    
}                  
.fixed .fa-gg {                  
    transform: rotate(360deg);      
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}




/* ===================================================== */
/* 4. FOOTER & FOOTER WIDGETS												 */
/* ===================================================== */
.footer_bottom{
    background:#000;
    padding:20px 0;
    color:#fff;
}
.footer{
	background:#F3F3F3;
	padding:30px 0;
	position: relative;
	color:#111;
	border-top: 3px solid #999;
}
/* Footer Widgets
====================================*/

.widget_content{
    margin-top: 15px;
}
.widget_content > p {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
}
.copyright {
    color: #AAAAAA;
    font-size: 12px;
    line-height: 40px;
    margin: 0;
}
.copyright a{
    color:#fff;
    text-decoration:none;
}
.copyright a:hover{
    color:#282821;
}
.sidebar .widget h4 span
{
    background:#fff;
    color:inherit;
}

/* Twitter Feed Widget
====================================*/
.tweet_list {
    padding: 0;
    position: relative;
    margin:0 auto;
    list-style:none;
}
.tweet_list li {
    color: #fff;
    margin-bottom: 5px;
}
.tweet_list li::before {
    content: "";
    font-family: Font Awesome\ 5 Free;
	font-weight: 900;
    font-size: 16px;
    padding-right: 8px;
    position: absolute;
}
.tweet_list li p {
    line-height: 20px;
    overflow: hidden;
    margin-left:26px;
}
.tweet_list li p a {
    color: #fff;
    font-weight: 700;
    font-size: 12px
}
.tweet_content .time {
    font-size: 12px;
    color:#E3E3E3;
    font-family: "Work Sans", sans-serif;
    font-weight: bold;
    padding-left: 25px;
}

/* Contact Widget
====================================*/
.contact-details-alt{padding:0;}
.contact-details-alt li{list-style:none;}
.contact-details-alt li p strong { color:#282821; float: left; margin: 0;font-size:12px;width:25%;}
.contact-details li p strong { color:rgba(2, 2, 2, 0.2); float: left; margin: 0 5px 5px 0; }
.contact-details-alt li {
    margin: 0 0 5px 0;
}
.contact-details p,
.contact-details li,
.contact-details a {color: #282821;}
.contact-details-alt p {
    line-height: 18px;
    width: 100%;
    margin:0;
}
.contact-details-alt p a {
    color: #282821;
    font-weight: 700;
    font-size:12px;
}
.contact-details-alt p a:hover {
    color: #919191;
}
.contact-details-alt li i {
    float: left;
    font-size: 12px;
    margin: 2px 0 0 0 ;
    width: 15px;

}
.widget_info_contact{padding:0;margin-top:20px;}
.widget_info_contact li{list-style:none;}
.widget_info_contact li p strong { color:#666; float: left; margin: 0 5px 5px 0;font-size: 12px;width:20%;}
.widget_info_contact li {
    margin: 0 0 5px 0;
}
.widget_info_contact p {
    margin: 0 0 0 20px;
    line-height: 18px;
    overflow:hidden;
}
.widget_info_contact p a {
    color: #666;
    font-weight: 600;
    font-size: 12.5px;
}
.widget_info_contact p a:hover {
    color: #919191;
}
.widget_info_contact li i {
    float: left;
    margin: 1px 0 0 0;
}

/* Social Widget
====================================*/
.widget_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.widget_social li {
    float: left;
    background: none !important;
}
.widget_social li a {
    color: #666;
    display:block;
    height: 46px;
    text-align: center;
    width: 46px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.widget_social li a i {
    font-size: 22px;
    line-height: 46px;
    margin-right: 0;
    float: none;
}
.widget_social li a.fb:hover      {color: #2f5a9a;}
.widget_social li a.twtr:hover    {color: #3abdd1;}
.widget_social li a.gmail:hover   {color: #363636;}
.widget_social li a.pinterest:hover{color: #d13a3a;}
.widget_social li a.rss:hover     {color: #f15200;}
.widget_social li a.tumblr:hover  {color: #203550;}
.widget_social li a.flickrs:hover        {color: #ff0084;}
.widget_social li a.instagram:hover     {color:#F03;}
.widget_social li a.linkedin:hover      {color: #0072b2;}
.widget_social li a.skype:hover         {color: #00aaf1;}
.widget_social li a.youtube:hover       {color: #ff3330;}
.widget_social li a.dribbble:hover      { color: #f973a4;}

/* =================================================================== */
/* 5. Sidebar & Sidebar Widgets
====================================================================== */

.sidebar .widget {
    display: block;
    float: left;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.sidebar .widget ul.list_style{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}
.sidebar .widget ul.list_style li{
    list-style:none;
    border-bottom:1px solid #f2f2f2;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before
{
    font-family: Font Awesome\ 5 Free;
	font-weight: 900;
    content: "\f105";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 8px;
}
.sidebar .widget ul.list_style li a {
    color: #282821;
    font-size: 15px;
    line-height: 20px;
}
.sidebar .widget ul.list_style li a:hover {
    color:#727CB6;
}


/* site search */
/*------------------------------------------------------*/
.site-search-area {
    margin: 0px;
    padding: 0 0 30px;
}
#site-searchform {
    margin: 0;
    padding: 0;
}
#site-searchform #s{
    border: 1px solid #eee;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Work Sans", sans-serif;
}
#site-searchform #s:focus{
    border: 1px solid #E74C3C;
    background-color: #fff;
    width: 82%;
    height:41px;
    padding:5px 10px 5px 10px;
    color: #999;
    float: left;
    font: normal 12px "Work Sans", sans-serif;
}
#site-searchform #searchsubmit{
    float: left;
    width:18%;
    height:41px;
    cursor:pointer;
    text-indent:-5555em;
    line-height:100;
    overflow:hidden;
    background: #727CB6 url(../images/search-icon.png) no-repeat center 14px;
    border:0;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
       -moz-transition:all 0.4s ease-in-out;
        -ms-transition:all 0.4s ease-in-out;
         -o-transition:all 0.4s ease-in-out;
}
.site-search-area:hover #site-searchform #searchsubmit{
    background: #444A6D url(../images/search-icon.png) no-repeat center 14px;
}

ul.tags {
    padding: 0;
    margin: 5px 0 15px;
    float: left;
}
.tags li {
    float: left;
    padding: 0px;
    margin: 0px 5px 5px 0px;
    list-style-type: none;
    line-height: 25px;
}
.tags li a {
    border: 1px solid #f2f2f2;
    color: #909090;
    float: left;
    font-size: 12px;
    padding: 3px 8px;
    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
.tags li a:hover {
    background-color: #727CB6;
    color: #fff;
}

/* Recent Posts Widget
====================================*/
.links{
    margin:0;
    padding:0;
}
.links li{
    list-style:none;
}

.links li::before {
    content: "";
    font-family: Font Awesome\ 5 Free;
	font-weight: 900;
    font-size: 13px;
    margin-right: 5px;
}

.links li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
}
.footer li a:hover{
    color:#727CB6;
}
.links li span {
    display: block;
    color: #919191;
    font-size: 12px;
    margin-bottom: 6px;
}

/* ========================================================== */
/*  6. PORTFOLIO/PROJECTS                                     */
/* ========================================================== */
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
         -o-transition-property: top, left, opacity;
            transition-property: transform, opacity;
}

/* Disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* Disable CSS transitions for containers with infinite scrolling */
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

#portfolio{
    width:100%;
    padding-bottom:120px;
    position:relative;
    z-index:9;
}
#filter {
    margin: 0 auto 25px 15px;
    overflow: hidden;
    padding: 5px 0 0;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 10;
}
#filter li {
    float: left;
    list-style: none outside none;
    margin: 0 1px 10px;
}
#filter li a{
    color:#fff;
    padding:10px 20px;
    font-size:12px;
    position: relative;
    overflow:hidden;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
   background:#9b9b9b;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    outline:none;
    text-decoration: none;
}
#filter li.selected a, #filter li a:hover{
    background:#414141;
    -webkit-transition: all .20s ease-in-out;
       -moz-transition: all .20s ease-in-out;
        -ms-transition: all .20s ease-in-out;
         -o-transition: all .20s ease-in-out;
            transition: all .20s ease-in-out;
}

#list{ margin-bottom:30px;padding: 0; }

.list_item{
    margin-bottom:3%;
    overflow: hidden;
}

/*----------Tittle-Text-CSS--------------*/
.isotope h4 {
    font-weight: 600;
    font-size:20px;
    text-transform: uppercase;
}
.isotope .title{
    position:relative;
    padding-bottom:20px;
    margin:20px 0;
    border-bottom:1px solid #dcdbd7
}
.isotope .title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:65px;
    height:0;
    border-bottom:2px solid #727CB6;
}

/* Hover Effect on Portfolio Image
====================================*/
.option a.hover-zoom,
.option a.hover-link{
    color: #727CB6;
}
.option a.hover-zoom:hover,.option a.hover-link:hover{background: #282821;color:#fff;}


.recent-item {
    display: block;
    background: rgba(255,255,255, 0.5);
    overflow: hidden;
    position: relative;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.recent-item figure .touching img{
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    position:relative;
}
.recent-item:hover figure .touching img{
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;

    transform: scale(1.7) rotate(10deg);
    -webkit-transform: scale(1.7) rotate(10deg);
    -moz-transform: scale(1.7) rotate(10deg);
    -o-transform: scale(1.7) rotate(10deg);
    -ms-transform: scale(1.7) rotate(10deg);
}
.port-img
{
    overflow:hidden;
}
.item-description {
    background: rgba(114, 124, 182, 0.55);
    padding:2px;
    height:100%;
    width:100%;
    text-align: center;
    position:absolute;
    bottom:0px;
    right:0px;
    transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);

    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    opacity:0;
}
.recent-item:hover .item-description{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}
.recent-item h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 13% 0 40%;
    text-transform: uppercase;
}

.recent-item span {
    color: #fff;
    font-size: 20px;
    margin: -6% 0 0;
    display: block;
    font-weight:600;
    line-height:14px;
}
.touching.medium{
    position: relative;
    overflow: hidden;
    width: 100%;
	
}
.touching.medium img {
    width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.option a{
    position: absolute;
    background: #FFF;
    width:40px;
    height: 40px;
    text-align: center;
    zoom: 1;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-in;
    -moz-transition:all 400ms ease-in;
    -o-transition:all 400ms ease-in;
    -ms-transition:all 400ms ease-in;
    transition: all 400ms ease-in;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    z-index:100;
}

.option a.hover-zoom {
    left: -51.5%;
    top: 0%;
}
.option a.hover-link {
    right:-51.5%;
    top: 0%;
}

.option a i {
    font-size: 22px;
    line-height: 40px;
}

.small-images .option a,
.jcarousel  .recent-item a{
    width: 35px;
    height: 35px;
}
.small-images .option a i,
.jcarousel  .option a i{
    font-size: 17px;
    line-height: 35px;
}

.small-images .recent-item h5 {
    font-size: 17px;
    padding: 10% 0 40%;
}
.small-images .item-description span{
    font-size: 16px;
}
.recent-item:hover.recent-item h5,
.recent-item:hover.recent-item span
{
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.large-images .recent-item:hover a,
.medium-images .recent-item:hover a,
.small-images .recent-item:hover a,
.jcarousel  .recent-item:hover a
{
    zoom: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 45%;
}
.large-images .recent-item:hover a.hover-zoom   { left:42%; }
.large-images .recent-item:hover a.hover-link   { right:42%;}
.medium-images .recent-item:hover a.hover-zoom  { left:37%; }
.medium-images .recent-item:hover a.hover-link  { right:37%; }
.small-images .recent-item:hover a.hover-zoom   { left:35%; }
.small-images .recent-item:hover a.hover-link   { right:35%; }
.jcarousel  .recent-item:hover a.hover-zoom     { left:32%; }
.jcarousel  .recent-item:hover a.hover-link     { right:32%; }

/* MASONRY PORTFOLIO STYLES
==========================================-*/
.masonry_wrapper {
    overflow:hidden;
    margin:0;
}

.masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
}

.mixed-container .item {
    padding:10px 5px !important;
    margin:0 !important;
    height: auto !important
}

.mixed-container .item img{
    padding:0 !important;
    width:100%;
    margin:0 !important
}

.item figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.item figure img {
    position: relative;
    display: block;
    opacity: 1;
}

.recent-item .item-description {
    padding:2px;
    height:100%;
    width:100%;
    text-align: center;
    position:absolute;
    bottom:0px;
    right:0px;
    transform:scale(0);
    -moz-transform:scale(0);
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);

    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    opacity:0;
}
.recent-item:hover .item-description{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;

}
.recent-item h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    width: 100%;
    text-transform: uppercase;
}

.recent-item span {
    color: #fff;
    font-size: 19px;
    font-weight:600;
    line-height:14px;
    position: absolute;
    bottom: 20%;
    width: 100%;
    display: block;
}

/*----------- medium-images---------*/
.medium-images .item .recent-item h5{
    font-size: 16px;
    padding: 8% 0 40%;
}
.medium-images .item .recent-item span {
    font-size: 17px;
}
.medium-images .item .recent-item .option a{
    font-size: 15px;
    width: 38px;
    height: 38px;
    line-height: 40px;
    margin:0 3px;
}

/*----------- small-images---------*/
.small-images .item .recent-item h5{
    font-size: 15px;
    padding: 5% 20%;
}
.small-images .item .recent-item span {
    font-size: 16px;
}
.small-images .item .recent-item .option a{
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 5px 3px;
}
.small-images .item .recent-item:hover a{top: 35%;}
/*---------//Masonry-CSS---------------*/

/* Portfolio Single Page
====================================*/
.portfolio_single{
    padding:30px 0;
}
.portfolio_single .widget_title h4 span
{
    background:#fff;
}

.project_details {
    background-color:#fff;
    overflow:hidden;
}
.project_detail_slider {margin-bottom: 30px;}
.project_desc p{margin-bottom:20px;}
.project_desc h6, .project_details h6 {
    font-size: 20px;
    margin-top: 5px;
}
.project_details .details li {
    border-bottom: 1px solid #F2F2F2;
    color: #A3A3A3;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0;
}
.project_details .details{
    margin: 0;
    padding:0;
}
.project_details .details li span {
    color: #686868;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    position: relative;
    width: 30%;
}
.project_details .details li a {
    color: #A3A3A3;
    font-size: 12px;
}

.project_details .details li a:hover {color: #e74c3c;}

.project_detail_box {margin-bottom: 30px;}

.project_description, .project_details{
    margin-bottom: 30px;
}

.arrow-left, .arrow-right{
    width: 23px;
    height: 23px;
    display: inline-block;
    /*float: left;*/
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
}
.arrow-left.active, .arrow-right.active{
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}
.arrow-left.active:hover,
.arrow-right.active:hover { background-color: #777;}

/* ======================================================================== */
/* 7. BLOG STYLING
/* ======================================================================== */

.blogTitle {
    margin: auto auto 10px;
    position: relative;
}
.blogTitle > a h2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top:0;
    color: #555;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;
}
.blogContent > p {
    font-size: 13px;
    line-height: 20px;
}
.blogTitle > a:hover h2{color: #727CB6;}
.blogTitle span {
    color: #777;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
}
.blogTitle span i {
    padding-right: 5px;
    font-size: 12px;
}
.blogTitle span:hover i {
    color: #777;
}
.blogMeta {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}
.blogMeta a {
    color: #777;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
    text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover{color: #727CB6}
.blogMeta a i{
    padding-right: 5px;
    font-size: 14px;
}
.blogMeta a:hover i{color: #777;}
.blogDetail {
    border: 1px solid #f2f2f2;
    display: inline-block;
    padding: 15px;
    position: relative;
}
.blogPic {position: relative;}
.blogPic > img {
    width: 100%;
}
.blog-hover > a {
    display: block;
    left: 45%;
    position: absolute;
    top: 35%;
}
.blogPic .blog-hover{
    background:rgba(255,255,255, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 120ms ease-in-out;-moz-transition: all 120ms ease-in-out;-o-transition: all 120ms ease-in-out;-ms-transition: all 120ms ease-in-out;transition: all 120ms ease-in-out;
    width: 100%;
}
.blogPic:hover .blog-hover{opacity: 1;}
.blogPic .blog-hover .icon {
    background: #727CB6;
    border-radius: 50% 50% 50% 50%;
    display: block;
    height: 40px;
    margin: 25% auto 0;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
    color: #f2f2f2;
    width: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    top: 50%;
}
.blogPic .blog-hover .icon:hover{
    background:#555;
}
.blogPic:hover .blog-hover .icon{
    top: 0;
}
.blogPic .blog-hover p {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
.blog{
    padding:10px 0;
}
.blog_large .post, .blog_single .post{
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #f2f2f2;
}
.blog_large .post_img, .blog_single .post_img {
    margin-bottom: 25px;
    position: relative;
	
}
.blog_single h3 {
	font-family: "Work Sans", sans-serif;
    font-size:20px;
	font-weight: 400;
    line-height:26px;
    color:#282821;
}
.blog_single h4 > a {
	color: #6e6e6e;

}
.blog_single h4 > a:hover {
	
	text-decoration: underline;
}
/*.blog_single .post_img {
	background-color: #ddddde;
}*/
.blog_large .post_img img, .blog_single .post_img img {
    
	height: auto;
    max-width: 100%;
    opacity: 1;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.blog_large .post_img:hover img,
.blog_single .post_img:hover img{
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	
}

.iframe {
        max-inline-size: 100%;
        block-size: auto;
}

.blog_large .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_large .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:415px;
    width:100%;
    border:none;
    box-shadow: none;    
}

.blog_large .post_date, .blog_single .post_date {
    float: left;
    height: 0;
    text-align: center;
}
.blog_large .post_date span, .blog_single .post_date span{
    display: block;

}
.blog_large .day, .blog_single .day {
    background:#727CB6;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    padding: 	10px;
	
	
	
		
}
.blog_large .month, .blog_single .month {
    background:#555;
    color: #FFFFFF;
    padding: 4px 13px 6px;
	
   
}

.blog_large .post_content, .blog_single .post_content {
    margin: 0 0 0 70px;
}

/*----------------------------------------------*/
/* afegim per la data dels elements de l'agenda */
/*----------------------------------------------*/

.blog_single .post_content_age h3 {
    font-weight: 600;
	
}
.blog_single .post_content_age {
    margin: 0 0 0 110px;
	
}

.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_large .post_meta .metaInfo > span > a, .blog_single .post_meta .metaInfo > span > a {
    color: #777;
    font-family: "Work Sans", sans-serif;
    font-size: 12.4px;
}
.blog_large .post_meta .metaInfo > span > a:hover, .blog_single .post_meta .metaInfo > span > a:hover{color:#727CB6;}
.blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_large .post_meta .metaInfo i, .blog_single .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_large .post_meta h2, .blog_single .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_large .post_meta h2 a, .blog_single .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_large .post_meta h2:hover a, .blog_single .post_meta h2:hover a {
    color:#727CB6;
}
.blog_large .post_content > p, .blog_single .post_content > p {
    margin-bottom: 20px;
}

/* BLOG MEDIUM
/* ==========================*/
.blog_medium .post:after {
    clear: both;
    content: " ";
    display: block;
    visibility: hidden;
}

/*.blog_medium .post{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #f2f2f2;
	background-color: #ddddde;
	border-top: 3px solid #606060; 
	
	
}*/
.videopost {
    
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
		
}
.blog_medium a:hover {
	text-decoration:underline;
	color:#808d13;
	
}
.blog_medium .post h4 {
	padding: 0px 10px 0px;
}
.blog_medium .post_meta {
	padding: 0px 10px;
}

.blog_medium .post_img {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    width: 50%;
}
.blog_medium .post_img img {
    height: auto;
    max-width: 100%;
    opacity: 1;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.blog_medium .post_img:hover img{
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.blog_medium .post_video{
    margin-bottom:25px;
    position: relative;
}
.blog_medium .post_video iframe{
    max-width:100%;
    max-height:100%;
    height:320px;
    width:100%;
    border:none;
    box-shadow: none;

}
.blog_medium .post_date {
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.blog_medium .post_date span{
    display: block;
}
.blog_medium .day {
    background:#727CB6;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    padding: 5px 10px;
}
.blog_medium .month {
    background:#555;
    color: #FFFFFF;
    padding: 2px 13px 4px;
}
.blog_medium .post_content {
    float: left;
    margin: 0;
    width: 45%;
}
.blog_medium .post.no_images .post_content {
    max-width: 88%;
    width: auto;
}
.blog_medium .post_meta .metaInfo {
    font-size: 0.9em;
    margin-bottom: 7px;
}
.blog_medium .post_meta .metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.blog_medium .post_meta .metaInfo > span > a {
    color: #777;
    font-family: "Work Sans", sans-serif;
    font-size: 12.4px;
}
.blog_medium .post_meta .metaInfo > span > a:hover{ color:#727CB6; }
.blog_medium .post_meta .metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0 0 20px;
}
.blog_medium .post_meta .metaInfo i {
    margin-right: 3px;
    color:#777;
}
.blog_medium .post_meta h2 {
    margin-bottom: 10px;
    margin-top: 0;
}
.blog_medium .post_meta h2 a {
    font-size: 24px;
    font-weight: 600;
    color:#555;
    line-height: 34px;
    text-transform:capitalize;
}
.blog_medium .post_meta h2:hover a {
    color:#727CB6;
}
.blog_medium .post_content > p {
    margin-bottom: 20px;
}

 /*SINGLE POST
/* ========================== */
.about_author {
    background: #f2f2f2;
    overflow: hidden;
    position: relative;
}
.author_desc {
    background:#727CB6;
    float: left;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    width: 50%;
}
.author_desc > img {
    background:#FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom: 0px; /* 20px; */
    padding: 4px;
    max-width: 180px; /* 80px; */
    max-height:180px; /* 80px; */
}

.about_author h3 {
    margin: 0 auto;
}
.author_name > a {
    color: #555333;
    font-size: 16px;
    font-weight: bold;
}
.author_name > a:hover {color:#727CB6;}
.author_bio {
    display: block;
    float: right;
    padding: 20px;
    position: relative;
    width: 50%;
}
.author_det {
    margin-bottom: 0;
}
.author_bio > h5 {
    font-size: 12px;
    margin: 0 auto 10px;
}
.author_bio > h5 a{color:#727CB6;}

/* Post Share Article
================================================== */
.shares {  list-style: none; overflow: hidden; margin: 0 0 15px;padding:0;}
.shares li { float: left; border-right: 1px solid #fff; }
.shares li.shareslabel h3 {padding: 8px 20px; font-weight: 600; text-transform: uppercase; font-size: 18px;margin: 0;}
.shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 7px; -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;}
.shares li a:hover { background-position: 7px -58px; background-color: #727CB6; }
.shares li a:active { background-color: #999; }
.shares li a.twitter { background-image: url(../images/social/twitter.png); }
.shares li a.facebook { background-image: url(../images/social/facebook.png); }
.shares li a.gplus { background-image: url(../images/social/gplus.png); }
.shares li a.pinterest { background-image: url(../images/social/pinterest.png); }
.shares li a.yahoo { background-image: url(../images/social/yahoo.png); }
.shares li a.linkedin { background-image: url(../images/social/linkedin.png); }
.shares li a.telegram { background-image: url(../images/social/telegram.png); }


/* Post Share Article - NOVA AGENDA V2 
================================================== */
.sharesage {  list-style: none; overflow: hidden; margin: 0 0 0px;padding:0;}
.sharesage li { float: left; /* border-right: 1px solid #fff; */}
.sharesage li.shareslabel h3 {padding: 0px 0px; font-weight: 600; text-transform: uppercase; font-size: 18px;margin: 0;}
.sharesage li a { display: block; background-repeat: no-repeat;  -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;}



/* About Author
====================================*/
.author_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align:center;
    z-index:9999;
}
.author_social li {
    background: none !important;
    display:inline-block
}
.author_social li a {
    color: #444;
    display:block;
    height: 30px;
    text-align: center;
    width: 30px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    background:#ddddde;
}
.author_social li a i {
    font-size: 14px;
    line-height: 30px;
    margin-right: 0;
    float: none;
}
.author_social li a.fb:hover      {background: #2f5a9a; color:#fff;}
.author_social li a.twtr:hover    {background: #3abdd1; color:#fff;}
.author_social li a.gmail:hover   {background: #363636; color:#fff;}
.author_social li a.pinterest:hover{background: #d13a3a; color:#fff;}
.author_social li a.rss:hover     {background: #f15200; color:#fff;}
.author_social li a.tumblr:hover  {background: #203550; color:#fff;}
.author_social li a.flickr:hover        {background: #ff0084; color:#fff;}
.author_social li a.instagram:hover     {background:#F03; color:#fff;}
.author_social li a.linkedin:hover      {background: #0072b2; color:#fff;}
.author_social li a.skype:hover         {background: #00aaf1; color:#fff;}
.author_social li a.youtube:hover       {background: #ff3330; color:#fff;}
.author_social li a.dribbble:hover      { background: #f973a4; color:#fff;}

.post-author {
    margin-left:94px;
    position:relative;
    margin-top:15px;
    margin-bottom:60px;
}
.post-author .avatar {
    left:-47px;
    position:absolute;
}
.post-author h6 {
    font-family: "Work Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: auto;
}
.news_content h2 {
    border-bottom: 1px solid #f2f2f2;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.8;
    margin: 30px auto;
}
.metaInfo {
    font-size: 0.9em;
    margin-bottom: 0px;
}
.metaInfo > span {
    display: inline-block;
    padding-right: 15px;
    color:#777;
}
.metaInfo > span > a{color:#777;}
.metaInfo > span > a:hover{color:#e74c3c;}
.metaInfo {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 5px 0 10px;
}
.metaInfo i {
    margin-right: 3px;
    color:#777;
}
.news_content .metaPost {margin-top: 0;}
.news_content .titlePost > h4 {
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.news-slider {margin-bottom: 30px;}
/* comment list */
.news_comments{
    margin:50px auto;
}
#comment-list { margin:0; padding:0;}
#comment-list li {
    background:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
/* Comment
============================*/
#comment-list ul.children { margin-left:94px;padding:0;}
.comment-container {
    border-top:solid 3px #f2f2f2;
    margin:0 0 15px 90px;
    padding:20px 20px;
    position:relative;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {
    background:#F4F4F4;
    border-color:#727CB6;
}
.comment-body p{ margin:0; }
.avatar {
    float:left;
    width:74px;
}
.avatar img {
    display:block;
    margin-right:20px;
    position: relative;
    z-index: 0;
    border:1px solid #DCDCDC;
    padding:3px;
}
h4.comment-author {
    font-size:16px;
    line-height:20px;
    margin:0;
}
h4.comment-author a{color:#555}
#comment-list li .comment-container:hover a{color:#727CB6;}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; font-style:italic;color:#888;}
#comment-list li .comment-container:hover .comment-date { color:#727CB6; }
/* comment hover effect */
#comment-list li .comment-container:hover h4 { color:#727CB6; }
.comment-reply-link {
    position:absolute;
    right:20px;
    top:20px;
}
a.link-style3 {
    color: inherit !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.comment-reply-link {
    position: absolute;
    right: 20px;
    top: 20px;
}
.comment_form > input {
    margin-bottom:20px;
    margin-right:20px;
    width: 31.1%;
}
#comments {
    margin-bottom: 20px;
}
.comment_form > input:last-child {
    margin-right:0;
}

/* ===================================================== */
/* 8. HOME PAGE						 */
/* ===================================================== */

/* Texture Section
=========================== */
.texture-section{
    padding: 65px 0;
    margin: 20px 0 30px;
    background: #96D3C6;
}
.texture1{
    background: url(../images/pattern-1.png);
}

/* Recent Post
=========================== */
.post-images {
    float: left;
   /* width: 30%; antic */
	width: 35%; /* pel bloc de tres */ 
	margin-right: 0px; /* 25px; */
}

.post-images img
{
    width: 100%;
	padding: 0px;
	margin: 0px;
}


.post-detail {
    width: 60%; /*65%; */
    display: inline-block;
    margin: 0px;
}
.post-detail > span {
    color: #BCBCBC;
    margin: 0 2px;
    font-size: 11px;
    text-transform: uppercase;
}
.post-detail a{ color: #BCBCBC; }
.post-detail a:hover{ color: #727CB6; }

.post-detail h4{ margin:0px; padding: 0px; }

/*.post-detail h4 a {
    color: #21252b;
    font: lighter 16px/18px "Trebuchet MS"; 
}
*/

.post-detail h5{ margin:0 0 7px; }

.post-detail h5 a {
    color: #21252b;
    font: lighter 16px/18px "Trebuchet MS"; 
}

.post-detail > p {
    margin: 0px; /* 7px 0 0; */
    line-height: 19px;
}
.post-detail .read-more { color: #727CB6; }
.post-detail .read-more:hover{ color:#444A6D; }

.dashed {
    border-color: #DBDFE2;
    border-style: dashed;
}

/* *************************************** */
/* NOU PELS DESTACATS TOP WEB DE 4 ELEMENTS */
/* *************************************** */

.post-images4 {
    float: left;
   /* width: 30%; antic */
	
	
	width: 30%;
    margin-right: 10px; /* 25px; */
}

.post-images4 img
{
    width: 100%;
	padding: 0px;
	margin: 0px;
	border-radius: 50%;
}


.post-detail4 {
    width: 65%; /*65%; */
    display: inline-block;
    margin: 0px;
}
.post-detail4 > span {
    color: #BCBCBC;
    margin: 0 2px;
    font-size: 11px;
    text-transform: uppercase;
}
.post-detail4 a{ color: #BCBCBC; }
.post-detail4 a:hover{ color: #727CB6; }

.post-detail4 h4{ margin:0px; padding: 0px; }

 /* .post-detail4 h4 a {
  color: #21252b;
    font: lighter 16px/18px "Trebuchet MS"; 
}*/


.post-detail4 h5{ margin:0 0 7px; }

.post-detail4 h5 a {
    color: #21252b;
    font: lighter 16px/18px "Trebuchet MS"; 
}

.post-detail4 > p {
    margin: 0px; /* 7px 0 0; */
    line-height: 19px;
}

.post-detail4 h3 {
    /* color: #21252b; */ 
    /* font: lighter 16px/18px "Trebuchet MS"; */
	font-size: 15px;
	line-height: 17px;
	
}

.post-detail4 h3 a {
    /* color: #21252b; */ 
    /* font: lighter 16px/18px "Trebuchet MS"; */
	font-size: 14px;
	
}

.post-detail4 .read-more { color: #727CB6; }
.post-detail4 .read-more:hover{ color:#444A6D; }




/* Feature Block
=========================== */
.feature-block{
    padding: 30px 0;
}
.feature-block h4
{
    color: #363333;
    font: 300 38px/43px "Work Sans", sans-serif;
    margin: 0;
    padding-bottom: 30px;
}
.feature-block p
{
    font: 500 15px/25px "Work Sans", sans-serif;
    color: #282821;
}
.feature-block i.fa {
    font-size: 40px;
    margin: 0 13px 0 0;
}
.feature-block hr
{
    border-color: #282821;
    margin: 10px 0;
}

.container hr {border-color: #CCC;
    margin: 10px 0; }


/* ===================================================== */
/* 9. 404 PAGE					                     	 */
/* ===================================================== */
.page_404 {
    position: relative;
    text-align: center;
}
.page_404 > h1 {
    font-size: 250px;
    font-weight: 600;
    line-height: 250px;
    position: relative;
}
.page_404 > p {
    font-family: "Work Sans", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height:30px;
    margin-bottom:30px;
}
a.back_home {
    margin: 0;
    color:#fff;
    padding: 12px 18px 13px;
}
/* ===================================================== */
/* 10. ABOUT PAGE											 */
/* ===================================================== */
.left_img {
    float: left;
    margin:0 15px 8px 0;
    overflow: hidden;
}
.right_img {
    float:right;
    margin:0 0 8px 15px;
    overflow: hidden;
}
.divider {
    position: relative;
    display: block;
    height: 30px;
}
/* ===================================================== */
/* OUR TEAM PAGE										 */
/* ===================================================== */
.our_team {
    padding: 30px 0 60px;
}
.pic{
    border:1px solid #eee;
    border-bottom:none;
    position:relative;
    overflow:hidden;
}
.pic > img {
    width: 100%;
    cursor: pointer;
    transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
}
.pic > img:hover{
    cursor: pointer;
}

.names {
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    color:#666;
    text-transform: uppercase;
}
.names > small {
    float: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 30px;
    text-transform:capitalize;
}
.description {
    color: #666666;
    font-family: "Work Sans", sans-serif;
    font-size:14px;
}
.team_prof {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ecf0f1 #f2f2f2;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-color: #f2f2f2;
    padding: 10px 15px 5px;
    overflow: hidden;
}
/* ===================================================== */
/* SOCIAL MEDIA OUR TEAM								 */
/* ===================================================== */
.our-team
{
    overflow:hidden;
}
.social_media_team {
    position:absolute;
    background:rgba(114, 124, 182, 0.55);
    border:1px solid #ccc;
    height:100%;
    width:100%;
    top:0;
    left:0;
    text-align:center;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden;
}
.our-team:hover .social_media_team
{
    visibility:visible;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);

}
/*.our-team:hover .pic > img
{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
}*/
.team_social {
    list-style: none outside none;
    margin:37% 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.team_social li {
    display: inline-block;
    margin:0 5px;
}
.team_social li a {
    color:#fff;
    background:#363636;
    display:block;
    height: 65px; /* 35px; */
    text-align: center;
    width: 65px; /* 35px;*/
    border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; 
}
.team_social li a i {
    font-size: 50px; /*16px;*/
    line-height: 65px; /*35px;*/
    margin-right: 0;
}
.team_social li a.fb:hover      {background: #2f5a9a;}
.team_social li a.twtr:hover    {background: #3abdd1;}
.team_social li a.gmail:hover   {background: #E72828;}

/* =================================================================== */
/* 11. CONTACT PAGE FORM
====================================================================== */

#contactForm{
    margin-top:30px;
}
/* input[type="submit"]{color:#000 !important; */ /* #fff */
input[type="submit"]{color:#000; /* #fff */
}

    /* Forms
=========================== */
textarea {
    resize: vertical;
    width:100%;
}
.form-control {
    height: 46px;
    border-radius:0;
    padding: 12px;
    margin-bottom: 10px;
}
.form-control:focus,#site-searchform #s:focus
{
    border-color: #727CB6;
    box-shadow:0.5px 0px 0.5px #727CB6;
    outline:none;
}


label.error {
    color: #ebedef;
    font-size: 13.006px;
    line-height: 18.004px;
    font-weight: normal;
    margin-right: 4px;
    text-shadow: none;
    text-decoration: none;
}
label.error {
    color: #e74c3c;
}
label{
    margin-bottom:10px;
}

    /*MAPS
=========================== */
.contact{
    padding:50px 0;
}
.maps{
    position:relative;

}
#page_maps{
    max-height:380px;
    height:360px;
}

/* ==================================================
   12. ICON LIST
================================================== */
.icon_lists .fa-hover a {
    border-radius: 0;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.icon_lists .fa-hover a:hover {
    background-color: #727CB6;
    color: #FFFFFF;
    text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
    font-size: 24px;
    vertical-align: -3px;;
}
.icon_lists .fa-hover a:hover .text-muted {
    color: #BBE2D5;
}

/* ==================================================
   13. Recent Works Carousel
================================================== */
.jcarousel {
    position: relative;
    overflow: hidden;
    width:100%;
}
.jcarousel ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding:0;
}
.carousel-navi {
    bottom:17px;
    float: right;
    position: absolute;
    right: 15px;
}
.carousel-intro {
    position: relative;
}
.jcarousel-list li {
    margin-bottom: 75px; /* 30px; canviem a 55px perquè no mostri fotos a sota pel text llarg */
    width:234px;
	/* height: 200px; */ /* afegit per nosaltres */ 
    padding-left:10px;
    padding-right:10px;
}
.jcarousel-list .item-description > h5 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    margin-top: 4%;
}
.jcarousel-list .item-description > span{
    font-size: 15px;
}
.jcarousel-list .item-description > a{
    font-size: 16px;
    margin: 12px 4px;
    padding: 4px 6px;
}
.arrow-left, .arrow-right{
    width: 23px;
    height: 23px;
    display: inline-block;
    /*float: left;*/
    background-color: #f2f2f2;
    color: #666;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.arrow-left i, .arrow-right i{
    font-size: 14px;
    display: block;
    line-height:16px;
    padding-top: 4px;
    text-align: center;
}
.arrow-left.active, .arrow-right.active{
    background-color: #bdc3c7;
    color: #f2f2f2;
    cursor: pointer;
}
.arrow-left.active:hover, .arrow-right.active:hover {background-color: #777;}

/*--------------------------------------------------------------------------*/
/* 14. TESTIMONIALS
/*--------------------------------------------------------------------------*/
.testimonial-item blockquote {
    background:#EAEAEA;
    border-top: 3px solid #727CB6;
    border-left: none;
    padding: 20px;
    margin: 0;
	
}

blockquote{
    font-style: italic;
    font-size: 18px;
}

.testimonial-item .icon {
    color: #fff;
    font-size: 120px !important;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 0;
}
.testimonial-review > img {
    background:#FFFFFF;
    border: 2px solid #727CB6;
    border-radius: 50%;
    float: left;
    height: 70px;
    overflow: hidden;
    padding: 2px;
    width: 70px;
}
.testimonial-review > h1 {
    float: left;
    color:#555;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
}
.testimonial-review > h4 {
    float: left;
    color:#555;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
}
.testimonial-item blockquote p {
    margin-bottom: 0;
    font-size: 19px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    line-height: 21px;
    color: #282821;
    position: relative;
    z-index: 10;
    font-style:italic;
    font-weight: 600;
}

.testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 13px;
    color: #999999;
    margin-top: 5px;
}
.testimonial-review {
    position: relative;
    padding-top: 20px;
}

.testimonial-item blockquote:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f0D7";
	font-weight: 900;
    position: absolute;
    bottom: 4%;
    left: 23px;
    font-size: 40px;
    color:#EAEAEA;
}

.testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #727CB6;
    display:block;
}

#testimonial-carousel {
    margin-top: 25px;

}
.testimonial .testimonial-buttons {
    position: absolute;
    right: 0;
    top: -41px;
}

.testimonial .testimonial-buttons a {
    background: #f2f2f2;
    margin-left:-3px;
    width:25px;
    font-size:11px;
    height:25px;
    display: inline-block;
    text-align:center;
    line-height:27px;
    color:#bdc3c7;
}

.testimonial .testimonial-buttons a:hover {
    background: #f2f2f2;
    color: #555;
}

/* Parallax Testimonial
=========================== */
.parallax-testimonial{
    margin: 0 auto;
    padding: 0 100px 30px;
    text-align: center;
    color: #fff;
}
.parallax-testimonial-review > img {
    background:#FFFFFF;
    border-radius: 50%;
    height: 70px;
    overflow: hidden;
    padding: 3px;
    width: 70px;
}
.parallax-testimonial-review > span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
    display: block;
}
.parallax-testimonial-item blockquote{
    border-left:none;
}
.parallax-testimonial-item blockquote p {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 33px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.parallax-testimonial blockquote small {
    display: block;
    line-height: 20px;
    font-size: 12px;
    margin-top: 5px;
}
.parallax-testimonial-review {
    position: relative;
}

.parallax-testimonial-review small {
    font-size: 13px;
    line-height:18px;
    color: #727CB6;
    display:block;
}
.parallax-testimonial .carousel-indicators{
    bottom: 0;
    margin-bottom: 0;
}

/* ======================================================================== */
/* 15. Parallax
/* ======================================================================== */

section.parallax {
    padding: 5px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
section.parallax h2 {
    /*color: rgba(255, 255, 255, 0.8);*/
	color:#282821;
    font-size: 18px;
	line-height: 25px;
    /*text-align: center;*/
    text-shadow: 0 0 10px rgba(1, 1, 1, 0.2);
}
section.parallax-1 {
    background-image: url("/img/base-red-tv.jpg");
}
	
section.parallax-2 {
    background-image: url("/img/base-mercantic.jpg");
}
section.parallax-3 {
    background-color: #ddddde;
}
section.parallax-2 h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.parallax-mus {
    background-image: url("/img/base-musica.jpg");
}
section.parallax-mus h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.parallax-mus2 {
    background-image: url("/img/base-musica-2.jpg");
}
section.parallax-mus2 h2 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 32px;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.heading-item {
    text-align: center;
    color: #fff;
}
.heading-item > h4 {
    color: #fff;
    font: 700 26px/25px "arial";
    margin-bottom: 21px;
}
.heading-item > p {
    color: #ccc;
    font-size: 16px;
    margin-bottom: 30px;
}
.heading-item > em {
    display: block;
    font: lighter 22px/22px "Work Sans", sans-serif;
    margin-top: 35px;
}
.heading-item strong {
    color: #B3ADAD;
    font: 600 20px/20px "arial";
}

/* ======================================================================== */
/* 16. Icon Service Boxes
/* ======================================================================== */

.info_service {
    padding: 20px 0 0;
}

/* Service Box 1
====================================*/
.serviceBox_1 {
	background-color:#F5F5F5;
}
.serviceBox_1 .icon_service {
    display: block;
    position: relative;
    margin-bottom:10px;
}
.service_1_img{
	
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.serviceBox_1 .icon_service > h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-left: 3%;
    position: relative;
    margin-top:0;
}
.serviceBox_1 .icon_service i {
    display: inline-block;
    font-size: 20px;
    line-height:40px;
    height:40px;
    width:40px;
    text-align:center;
    background:#727CB6;
    color:#fff;
    border-radius:50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	
    -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.serviceBox_1 .service_1_detail {
    position: relative;
}
.serviceBox_1 .service_1_detail > h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    margin-left: 35px;
    line-height:20px;
    -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.serviceBox_1 .service_1_detail > p {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
	margin-bottom: 10px;
	margin-left: 10px;
    line-height: 1.4;
}

.serviceBox_1 a.read {
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	color: #555;
	font-size: 12px;
	font-weight: 600;
}
.serviceBox_1 a.read:hover,
.serviceBox_1 a.slider-read:hover:after
{
  left: 2px;
    color: #727CB6;
}
.serviceBox_1 a.read:after,
.serviceBox_1 a.slider-read:after {
  -webkit-transition: left 0.3ms ease;
  -moz-transition: left 0.3ms ease;
  -o-transition: left 0.3ms ease;
  transition: left 0.3ms ease;
  position: relative;
  display: inline-block;
  font-family: "Font Awesome\ 5 Free";
  content: "\f105";
  font-weight: 900;
  margin-left: 0.5em;
}
.serviceBox_1 a.read:after {
    font-size: 112%;
}

.serviceBox_1_elec28a .service_3_detail_elec28a{
	/*border:1px solid #E7E6E6;
	padding:0 10px;*/
	
	background-color: transparent;
	padding:5px 5px;
}

.service_3_detail_elec26m{
	/*border:1px solid #E7E6E6;
	padding:0 10px;*/
	
	background-color: transparent;
	padding:5px 5px;
}

.service_3_detail_transparent{
	/*border:1px solid #E7E6E6;
	padding:0 10px;*/
	background-color: transparent;
	padding:5px 5px;
}


/* service Box 2
====================================*/
.serviceBox_2 {
    padding: 15px 15px 25px;
    margin:0 auto;
    text-align: center;
    cursor: pointer;
    box-shadow:0 0 4px #DEDEDE;
    border-radius: 4px;
}

.serviceBox_2,
.serviceBox_2 i,
.serviceBox_2 p,
.serviceBox_2 h3 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.serviceBox_2 p {
    margin: 0;
    font-family: "Work Sans", sans-serif;
}
.serviceBox_2 h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-top:0;
}

.serviceBox_2 i {
    color: #fff;
 /*   font-size: 2em;  */
    margin: 10px 0 22px;
    background: #313131;
    display: inline-block;
    width: 40px; /* 62px; */
    height: 40px; /* 62px; */
    line-height: 40px; /* 62px; */
    border-radius:50%; /* 50%; */
}

.serviceBox_2 i h2 { /* afegit Eli */
    font-size: 13px; 

}

.serviceBox_2:hover {
    background:#727CB6;
    color: #fff;
    -webkit-transition: background-color 0.7s ease-in-out;
    -moz-transition: background-color 0.7s ease-in-out;
    -o-transition: background-color 0.7s ease-in-out;
    -ms-transition: background-color 0.7s ease-in-out;
    transition: background-color 0.7s ease-in-out;
}

.serviceBox_2:hover h3,
.serviceBox_2:hover p
{
    color: #fff;
}
.serviceBox_2:hover i{
    color:#727CB6;
    background:#fff;
}

/* service Box 2 Acúsic Música Gris
====================================*/
.serviceBox_2gris {
    padding: 15px 15px 25px;
    margin:0 auto;
    text-align: left; /*center; */
    cursor: pointer;
    box-shadow:0 0 4px #DEDEDE;
    border-radius: 4px;
	background:#ddddde;
}


.serviceBox_2gris,
.serviceBox_2gris i,
.serviceBox_2gris p,
.serviceBox_2gris h3 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.serviceBox_2gris p {
    margin: 0;
    font-family: "Work Sans", sans-serif;
}

.serviceBox_2gris h2 {
    color: #000000;
    font-size: 21px;
    font-weight: 700;
    margin-top: 0;
    padding: 0px 0px 0;
}

.serviceBox_2gris h3 {
    font-size: 18px;
    font-weight: 600;
	line-height: 24px;
    position: relative;
    margin-top:0;
}


.serviceBox_2gris i h2 { /* afegit Eli */
    font-size: 13px; 

}

.serviceBox_2gris:hover {
    background:#fff; /* #727CB6; */ 
    color: #fff;
    -webkit-transition: background-color 0.7s ease-in-out;
    -moz-transition: background-color 0.7s ease-in-out;
    -o-transition: background-color 0.7s ease-in-out;
    -ms-transition: background-color 0.7s ease-in-out;
    transition: background-color 0.7s ease-in-out;
}

.serviceBox_2gris:hover h3,
.serviceBox_2gris:hover p
{
    color: #fff;
}
/*
.serviceBox_2gris:hover i{
    color:#727CB6;
    background:#ddddde #fff;
}
*/ 

/* service Box 2 TV 
====================================*/
.serviceBox_2tv {
    padding: 15px 0px 10px;
    margin: 10px 0px 10px 0px;
    text-align: center;
    cursor: pointer;
    box-shadow:0 0 4px #DEDEDE;
    border-radius: 4px;
}

.serviceBox_2tv,
.serviceBox_2tv i,
.serviceBox_2tv p,
.serviceBox_2tv h3 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.serviceBox_2tv p {
    margin: 0;
    font-family: "Work Sans", sans-serif;
}
.serviceBox_2tv h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-top:0;
}

.serviceBox_2tv i {
    color: #fff;
    font-size: 2em;
    margin: 10px 0 22px;
    background: #313131;
    display: inline-block;
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50%;
}

.serviceBox_2tv:hover {
    background:#d9534f;
    color: #fff;
    -webkit-transition: background-color 0.7s ease-in-out;
    -moz-transition: background-color 0.7s ease-in-out;
    -o-transition: background-color 0.7s ease-in-out;
    -ms-transition: background-color 0.7s ease-in-out;
    transition: background-color 0.7s ease-in-out;
}

.serviceBox_2tv:hover h3, 
.serviceBox_2tv:hover p
{
    color: #fff;
}
.serviceBox_2tv:hover i{
    color:#d9534f;
    background:#fff;
}

.serviceBox_2tv:hover h4, a
{
    color: #fff;
}



/* service Box 3
====================================*/
.service_3_detail{
	/*border:1px solid #E7E6E6;
	padding:0 10px;*/
	
	background-color: #fff;
	padding:5px 5px;
	}

	.service_3_detail_destacat1{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #ddddde;
	/*background-color: #fdd4d2;*/
	padding:5px 5px;
	     
	}
	.service_3_detail_destacat2{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #ddddde;
	/*background-color: #BBCFDE;*/
	padding:5px 5px;
	    
	}
	.service_3_detail_destacat3{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #ddddde;
	/*background-color: #fdd4d2;*/
	padding:5px 5px;
	     
	}

	.service_3_detail_destapg{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #fff;
	/*background-color: #fdd4d2;*/
	padding:5px 5px;
	     
	}

	.service_3_detail_escola{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #f1f1f1; /* #008aff; */ 
	margin-top: 5px; 
	padding:5px 5px;
	}
	
	.service_3_detail_escola h4{
    font-size: 16px;
	font-weight: 400;
	color: #000000; /* #FFFFFF;	*/  
	margin-left: 10px;     
	}

	.service_3_detail_escola2{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #f1f1f1; /* #9CF; */
	margin-top: 5px; 
	padding:5px 5px;
	}
	
	.service_3_detail_escola2 h4{
    font-size: 18px;
	font-weight: 700;
	/* text-align: justify;  */
	color: #000;	 
	margin-left: 10px;     
	}


	
.service_3_img{
	overflow:hidden;
 
	}


 
.text-img{
    position: absolute;
    top: 2px;
    left: 15px;
}
.service_3_img_logo
{
margin-left: auto;
     margin-right: auto;
}
.service_3_img_logo img {
    width:100%;
	margin-left: auto;
    margin-right: auto;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out ;
    -moz-transition:all 0.4s ease-in-out ;
    -ms-transition:all 0.4s ease-in-out ;
    -o-transition:all 0.4s ease-in-out;
	
}
.service_3_img img {
    width:100%;
    height:100%;
    will-change: transform;
    image-rendering: -webkit-optimize-contrast;
    transform: scale(1) rotate(0) translate3d(0,0,0);
    /*transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out ;
    -moz-transition:all 0.4s ease-in-out ;
    -ms-transition:all 0.4s ease-in-out ;
    -o-transition:all 0.4s ease-in-out; */
	
}
/*.serviceBox_3 {
	border-top:3px solid #282821;
	background:#FFF;

}*/
.serviceBox_3 > h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-top:15px;
}
.serviceBox_3 > p {
    color: #282821;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    line-height: 22px;
}
.serviceBox_3:hover .service_3_detail{border-bottom-color:#727CB6}
/*.serviceBox_3:hover img
{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}*/

/*serviceBox_esports*/
.serviceBox_esports {
	background-color:#FFDFE0;

}

/*serviceBox_avisos*/
.serviceBox_avisos {
	/*background-color:#CCC;*/
/*	background-color:#fbfa9e; */
	background-color:#FFEACE;
	/*font-color: #FFFFFF;*/
	
}

.serviceBox_avisos h3{
	color: #000000;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
	font-size:15px;
	line-height: 25px;
	margin-top: 10px;	

}

.serviceBox_avisos .highlight{
	background-color: #E1841F;
}

.serviceBox_avisos .service_3_detail_avisos{
	padding: 5px 10px;
}

/*serviceBox_treball*/
.serviceBox_treball {
	/*background-color:#CCC;*/
	background-color: #FAFAFA; 
	/*font-color: #FFFFFF;*/
	
}

.serviceBox_treball h3{
	color: #000000;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
	font-size:15px;
	line-height: 25px;
	margin-top: 10px;	

}

.serviceBox_treball .highlight{
	background-color: #E1841F;
}

.serviceBox_treball .service_3_detail_treball{
	padding: 5px 10px;
}


/*serviceBox_blocescola*/

.blocescola {
	background-color: #f1f1f1; /* #e2f2ff; */
}


.serviceBox_blocescola {
	/*background-color:#CCC;*/
/*	background-color:#fbfa9e; */
	background-color: #f1f1f1; /* #e2f2ff; */
	/*font-color: #FFFFFF;*/
	
}

.serviceBox_blocescola h3{
	color: #000000;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: 200px;
	line-height: 25px;
	margin-top: 10px;	
	padding: 5px 10px;

}

.serviceBox_blocescola .highlight{
	background-color: #808b96;
}

.serviceBox_blocescola .service_3_detail_blocescola{
	padding: 5px 10px;
}

.escolaima {
	margin-bottom: 10px;
}

/*.banner {
	
	border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;
}*/

/* ===================================================== */
/* 17. CLIENTS											*/
/* ===================================================== */

ul.client_items .img{
    max-width:100%;
    width:166px !important;
}
ul.client_items { padding: 0; }
ul.client_items li {
    list-style:none;
}
ul.client_items {
    position: relative;
    display: block;
}
/*--------------------------------------------------------------------------*/
/* 18. TYPOGRAPHY
/*--------------------------------------------------------------------------*/
.typography{
    padding:30px 0;
}
.typography h1 {
    margin-top: 0;
}

/* ======================================================================== */
/* 19. BUTTONS                                                              */
/* ======================================================================== */
.btn-default,
.dropcap_block.default,
.btn-group:focus .btn.btn-default.dark.dropdown-toggle,
.icon_lists .fa-hover a:hover,
.dividerHeading h4::after,
.dividerHeading h4::before,
.widget_title h4::after,
.widget_title h4::before
{
    background-color: #e67e22;
}

.theme-color-pt .btn-default {background:#e67e22;}
.btn-default:hover,.theme-color-pt .btn-default:hover {background-color:#D3711C;}
.btn{
    color: #fff;
}
.btn a{
    font-weight: 600; 
	color:#000;
}

.btn-default{
    background:#727CB6;
    color:#282821;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.btn-default:hover{
    background:#444A6D;
    color:#fff;
}

/* Social Buttons
====================================*/

.btn-social-googleplus {
    background-color: hsl(0, 0%, 18%);
}
.btn-social-facebook {
    background-color:#3453A2;
}
.btn-social-twitter {
    background-color:#2ABBE3;
}
.btn-social-pinterest {
    background-color: #D91F25;
}
.btn-social-linkedin {
    background-color:#1F80BB;
}
.btn-social-stumbleupon {
    background-color:#E86130;
}
.btn-social-stumbleupon,
.btn-social-linkedin,
.btn-social-pinterest,
.btn-social-twitter,
.btn-social-facebook,
.btn-social-googleplus
{
    color:#fff;
    border-radius:0;
}
.content.elements .btn
{
    border-radius:2px;
}
.btn-social-stumbleupon:hover,
.btn-social-googleplus:hover ,
.btn-social-linkedin:hover,
.btn-social-pinterest:hover,
.btn-social-twitter:hover,
.btn-social-facebook:hover
{
    background:#282821;
    color:#fff;
}

/* ==================================================
   20. PRICING TABLES BOXS
================================================== */
.pricingBlock {
    padding-bottom:30px;
    position: relative;
}
.pricingTable {
    text-align:center;
    font-weight:400;
}

.pricingTable-sign-up {
    padding:20px;
    text-align:center;
    background:#f2f2f2;
}
.pricingContent ul li {
    padding:5px 20px;
    text-align:center;
}
.pricingContent{
    background:#fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}
.pricingTable .pricingTable-header {
    color:#fff;
    padding:0px;
}
.pricingTable-header .heading{
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
    font-size: 15px;
    font-weight: bold;
}
.pricingTable .heading{background:#F2F2F2;color:#282821;}
.pricingTable .pricingTable-header .price-value{background: #555;}
.pricingTable-header .price-value {
    display:inline-block;
    width:100%;
    padding:20px 0px;
}
.pricingBlock.theme-color-pt .pricingTable-header .price-value{background:#727CB6;}

.pricingTable-header .price-value span{font-size:250%;}
.pricingTable-header .price-value span.mo{font-size:150%;}
.pricingTable {
    text-align:center;
    font-weight:400;
    margin-bottom:30px;
    background:#fff;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
}
.theme-color-pt .pricingTable,
.pricingTable
{
    position:relative;
    box-shadow:0px 1px 4px 0px #cccccc;
    -webkit-box-shadow: 0px 1px 4px 0px #cccccc;
    -moz-box-shadow:    0px 1px 4px 0px #cccccc;
    box-shadow:         0px 1px 4px 0px #cccccc;
    border-bottom:3px solid #727CB6;
}
.theme-color-pt .pricingTable:hover
{
    transform:none;
    overflow:visible;
}
.theme-color-pt .pricingTable:before,
.pricingTable:before
{
    content:"";
    right: 23%;
    top: -3px;
    width: 50%;
    height:3px;
    background:#727CB6;
    position:absolute;
}
.pricingTable
{
    border-bottom-color:#696868;
}
.pricingTable:before,
.pricingTable .btn-default
{
    background:#696868;
}
.pricingTable .btn-default:hover
{
    background:#403F3F;
}
.theme-color-pt .btn-default{
    background: #727CB6;
}
.theme-color-pt .btn-default:hover{
    background: #444A6D;
}
.theme-color-pt .pricingTable .heading,
.pricingTable .heading
{
    background:#F2F2F2;
    color:#282821;
    border:1px solid #E4E4E4;
    border-bottom:none;
}
.pricingContent ul li {
    color: #434343;
    overflow: hidden;
}
.pricingContent ul li {
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    display: block;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.pricingBlock.theme-color-pt .pricingContent ul li:nth-child(2n+2),
.pricingContent ul li:nth-child(2n+2)
{
    background:#F4F4F4;
}
.pricingBlock.theme-color-pt .pricingContent ul li:hover,
.pricingContent ul li:hover
{
    padding-left:15px;
}
.pricingContent ul{margin: 0;padding:0;}

/* -------------------------------------------------- */
/*	21. TABS
/* -------------------------------------------------- */
.nav-tabs
{
    border:none;
}
.nav-tabs > li{margin-bottom: -2px;}

.nav-tabs > li > a
{
    background:#F8F8F8;
    border:1px solid #ebebeb;
    margin:0;
    color:#777777;
    border-radius:0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-color:#ebebeb;
    outline:none;
    background:white;
    color:#727CB6;
    margin:0 0 -1px 0;
    border-bottom:none;
    border-top: 1px solid #727CB6;
}
.nav-tabs li.active, .nav-tabs li.active a, .nav-tabs li.active a:hover {
    border-top: 1px solid #727CB6;
    color:#727CB6;
}

ul.nav-tabs li a i {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}
ul.nav-tabs li.last-tab a
{
    padding:4px 22px;
    outline:none;
}
.tab-content {
    border:1px solid #ebebeb;
    padding:20px 14px;
}
.tab-content:first-child { display: block; }
.tab-content > h3 {
    color: #555333;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
}
.tab-content > p {
    font-family: "Work Sans", sans-serif;
    line-height: 20px;
}


/* Pels Destacats Agenda PG */ 

.recomanatspgtab {
/*	background-color: #efebea; */
	background-color: #fcf8f7; 
	
}

.tab-content_destacats {
    border:1px solid #ebebeb;
    padding: 5px;
}
.tab-content_destacats:first-child { display: block; }

.tab-content_destacats > h3 {
    color: #555333;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 0;
}

.tab-content_destacats ul.recent_tab_list li h2 {
/*    color: #555333; */
    color: #444;
	font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 0;
}

.tab-content_destacats ul.recent_tab_list li h4 a {
    color: #000000;
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    margin-top: 0;
}


.tab-content_destacats > p {
    font-family: "Work Sans", sans-serif;
    line-height: 20px;
}

.tab-content_destacats ul.recent_tab_list li {
    /* border-bottom: 1px solid #ebebeb; */ 
	border-bottom: none;
    float: left;
    list-style-type: none;
    margin: 0 0 15.5px;
    padding: 0 0 17px;
    width: 100%;
}


/* Recent Tab
====================================*/
.recent_tab_list
{
    margin:0;
    padding:0;
}
ul.recent_tab_list li
{
    margin: 0 0 15.5px;
    padding: 0 0 17px;
    list-style-type: none;
    border-bottom: 1px solid #ebebeb;
    float: left;
    width: 100%;
}
.recent_tab_list li span {
    float: left;
    margin-right: 15px;
}
.recent_tab_list li a {
    color: #444444;
    display: block;
    font-size: 14px;
    text-decoration: none;
}
.recent_tab_list li a:hover {
    color: #727CB6;
}
.recent_tab_list li span img {
    float: left;
    margin-right: 0px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.recent_tab_list li span img:hover {
    float: left;
    margin-right: 0px;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.recent_tab_list li i {
    padding: 1px 0px 0px 0px;
    margin: 0px;
    display: block;
    font-size: 12px;
    font-style: normal;
    color: #444444;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
}
.recent_tab_list li.last {
    padding: 0px 0px 7px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 0px solid #f5f6f6;
}

/* Comment Tab
====================================*/

.comments{
    padding:0;
    margin:0;
}
.comments .post-thumbnail {
    float: left;
    margin: 0 15px 0 0;
}
.comments .post-thumbnail > img {
    height: 50px;
    width: 50px;
}
.comments li {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding: 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    list-style: none outside none;
}
.comments_list > p {
    margin: 0;
    overflow: hidden;
}
.comments li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}
.comments li:last-child p{
    margin:0
}
.comments_list  a {
    text-decoration: none;
    color:#727CB6;
}
.comments_list  i {
    color: #909090;
    font-size: 12px;
    margin-left: 3px;
}
.sidebar-tab
{
    margin-bottom:30px;
}

/* =========================================*/
/* 22. ACCORDION & TOGGLE                   */
/* =========================================*/
.panel-group .switch {
    float: right;
    font-size: 17px;
    color: #524d4d;
}
.panel-group .panel.panel-default{
    border-color: #e2e2e2;
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin: 15px 0 0;
    padding: 3px 0;
}
.panel-group .panel.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color:#fff;
}
.panel-group .panel .panel-body {
    color: #5F5F5F;
}
.panel-default > .panel-heading{
    background: #fff;
}
.panel-group .panel + .panel {
    margin-top: -2px;
}
.panel-group i {
    color: #524d4d;
    font-size: 17px;
    margin: 0 10px;
}
 .panel-title {
    color: #878787;
    font: lighter 14px/18px "verdana";
}
.panel-group .panel-body{
    color: #323232;
}
.panel-group .panel-default > .panel-heading + .panel-collapse .panel-body{
    border-top-color: #878787;
}
.panel-group .panel-title > a{
    color: #585858;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    outline: medium none;
    text-decoration: none;
}

.active_acc .panel-title a,
.active_acc .accordian-icon{
    color:#727CB6;
}
.panel.active_acc,
.panel:hover{
    border-top-color:#727CB6;
}

.panel-heading:hover  a,
.panel-heading:hover .accordian-icon{
    color: #727CB6;
}

.panel.panel-default.filtresxs {
	padding-bottom: 10px; 
	border:none;
} 


/* ===================================================== */
/* 23. PROGRESS SKILL BAR									 */
/* ===================================================== */

.progress-skill-bar{
    padding:0;
}
.progress_skill {
    background:#F8F8F8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    height:27px;
    border:1px solid #F1F1F1;
    margin-bottom: 15px;
    line-height: normal;
}
.progress_skill .bar {
    background:#727CB6;
    line-height:24px;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    text-indent: 15px;
    text-transform:uppercase;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;
    -webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;
    border-radius: 5px;
}
.progress_skill:hover .bar {
    -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;
    background:#444A6D !important;
    color:#fff;
    cursor: pointer;
}
.progress-skill-bar {
    margin-bottom: 10px;
    margin-left:0;
    margin-top: 15px;
    list-style:none;
}
.progress-skill-bar li{overflow: hidden;}
.progress-skill-bar .lable {
    background: #555;
    float: left;
    color: #fff;
    border-right: 1px #FFFFFF solid;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    margin-top:1px;
    line-height: 25px;
    padding: 0 0 0 4px;
    text-align: center;
    width: 37px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.progress-success .bar,
.progress_skill .bar-success {
    filter: none;
    background: #15b994;
}

/* ===================================================== */
/* 24. PROMO BOX											 */
/* ===================================================== */
.promo_box {
    background: #ddddde;
    padding: 15px 0;
    overflow: hidden;
	
}

.promo_head { 
	background-color: #ddddde;
	/* padding:10px 10px 10px 10px;  */
	padding: 0px 10px 0px 10px; 
}

.promo_head-minut{ 
	background-color: #ddddde;
	/* padding:10px 10px 10px 10px;  */
	padding: 0px 10px 0px 10px; 
	margin-top: -10px; 
	margin-bottom: -10px; 
}



.promo_box .pb_action a.btn {
    float: right;
    margin-top:5px;
    border:none;
}
.promo_box .pb_action a.btn i{
    margin-right:7px;
}
.promo_content h3 {
    color: #444;
    font-size: 22px;
    font-weight: bold;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}
.promo_content p{
    color:#666;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin-bottom:0;
}
.promo_box.dark{
    background:#56565a;
	padding: 5px 0;
	
}
.promo_box.dark .promo_content h3{ 
    color: #fff;
    font-size:18px;
	font-size: 22px; 
	font-weight: 400;
    line-height:24px; 
    	
	}
.promo_box.dark .promo_content h5{ 
    color: #fff;
    font-size:14px;
	font-weight: 300;
    line-height:20px;
    text-align:center;
    	
	}
	
.promo_box.dark .promo_content h3 a:hover{ color: #ddd; }
.promo_box.dark .promo_content h3 a{ color: #ddd;  }
.promo_box.dark .promo_content p{ color: #eee;
text-align:center;
font-size:12px;
 }

.eleccions28a {
	background: url("../img/eleccions-fons-28a.jpg")
}
	
.promo_box_eleccions {
    background: #a9c564;
    padding: 5px 0;
    overflow: hidden;
	
}
.promo_content_eleccions h3 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}
.promo_content p{
    color:#000;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin-bottom:0;
}


.eleccions26m {
	/* background: url("../img/eleccions-fons-28a.jpg") */ 
/* 	background-color: #ddf1ac; */
	border: #a9c564; 
	border-bottom: 2px solid #a9c564;
	border-left: 2px solid #a9c564;
	border-right: 2px solid #a9c564;
	border-top: 2px solid #a9c564;
}
	
.eleccions26m_afons {
	/* background: url("../img/eleccions-fons-28a.jpg") */ 
	background-color: #a9c564;
}


.borderfm2019 {
	/* background: url("../img/eleccions-fons-28a.jpg") */ 
/* 	background-color: #ddf1ac; */
	border: #dedd2c; 
	border-bottom: 2px solid #dedd2c;
	border-left: 2px solid #dedd2c;
	border-right: 2px solid #dedd2c;
	/* border-top: 2px solid #dedd2c; */
}

.borderfm2019_down {
/* 	background-color:  #f9f1f8; */
	border: #dedd2c; 
	border-left: 2px solid #dedd2c;
	border-right: 2px solid #dedd2c;
	/* border-top: 2px solid #dedd2c; */
}


.eleccions10n-pg {
	/* background: url("../img/eleccions-fons-28a.jpg") */ 
/* 	background-color: #ddf1ac; */
	border: #ddddde; 
	border-bottom: 2px solid #ddddde;
	border-left: 2px solid #ddddde;
	border-right: 2px solid #ddddde;
	border-top: 2px solid #ddddde;
}
	




/* ===================================================== */
/* 25. PAGINATION										 */
/* ===================================================== */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background:#727CB6;
    border-color: #727CB6;
}
.pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background:#727CB6;
    border-color: #727CB6;
}
/* ==================================================
   26. TITLE
================================================== */
/*.widget img {
	
}*/
	
.dividerHeading h4,
.widget_title h4
{
    border-bottom: 1px solid #000;
	border-top: 1px solid #000;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0px 10px 0px;
    position: relative;
}

/*.dividerHeading h4::before,
.widget_title h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}*/

/*.dividerHeading h4::after,
.widget_title h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}*/

.dividerHeading h4::after,
.dividerHeading h4::before,
.widget_title h4::after,
.widget_title h4::before{
    background-color: #727CB6;
}
.dividerHeading .highlight.default {
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}
	

.widget_title h4 {
    font-size: 18px;
	font-weight:600;
    text-transform: uppercase;
}
.footer .widget_title h4
{
    border-color: #777777;
}
.footer .widget_title h4 span:before,
.footer .widget_title h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_title h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26. TITLE RADIO
================================================== */
.dividerHeadingR h4,
.widget_titleR h4
{
    border-bottom: 1px solid #e2e2e2;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
}
.dividerHeadingR h1 {
	color:#9747ab;
}
.dividerHeadingR h4::before,
.widget_titleR h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}
.dividerHeadingR h4::after,
.widget_titleR h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}

.dividerHeadingR h4::after,
.dividerHeadingR h4::before,
.widget_titleR h4::after,
.widget_titleR h4::before{
    background-color: #727CB6;
}

.widget_titleR h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_titleR h4
{
    border-color: #777777;
}
.footer .widget_titleR h4 span:before,
.footer .widget_titleR h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleR h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26. TITLE ESPORTS
================================================== */
.dividerHeadingS h4,
.widget_titleS h4
{
    border-bottom: 1px solid #e2e2e2;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
}

.dividerHeadingS h4::before,
.widget_titleS h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}
.dividerHeadingS h4::after,
.widget_titleS h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}

.dividerHeadingS h4::after,
.dividerHeadingS h4::before,
.widget_titleS h4::after,
.widget_titleS h4::before{
    background-color: #727CB6;
}

.widget_titleS h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_titleS h4
{
    border-color: #777777;
}
.footer .widget_titleS h4 span:before,
.footer .widget_titleS h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleS h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}


/* ==================================================
   26. TITLE AVISOS
================================================== */
.dividerHeadingX h4,
.widget_titleX h4
{
    border-bottom: 1px solid #e2e2e2;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
}

.dividerHeadingX h4::before,
.widget_titleX h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}
.dividerHeadingX h4::after,
.widget_titleX h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}

.dividerHeadingX h4::after,
.dividerHeadingX h4::before,
.widget_titleX h4::after,
.widget_titleX h4::before{
    background-color: #727CB6;
}

.widget_titleX h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_titleX h4
{
    border-color: #777777;
}
.footer .widget_titleX h4 span:before,
.footer .widget_titleX h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleX h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}


/* ==================================================
   26-BIS. TITLE TREBALL
================================================== */
.dividerHeadingT h4,
.widget_titleT h4
{
    border-bottom: 1px solid #e2e2e2;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
}

.dividerHeadingT h4::before,
.widget_titleT h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}
.dividerHeadingT h4::after,
.widget_titleT h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}

.dividerHeadingT h4::after,
.dividerHeadingT h4::before,
.widget_titleX h4::after,
.widget_titleX h4::before{
    background-color: #727CB6;
}

.widget_titleT h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_titleT h4
{
    border-color: #777777;
}
.footer .widget_titleT h4 span:before,
.footer .widget_titleT h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleT h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26-BIS. TITLE GREEN
================================================== */
/*.widget img {
	
}*/

.dividerHeadingG {
	background-color: #c6d307;
}	
.dividerHeadingG h4,
.widget_titleG h4
{
    border-bottom: 1px solid #c6d307;
    font-size: 21px;
	line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.dividerHeading h4::after,
.dividerHeading h4::before,
.widget_title h4::after,
.widget_title h4::before{
    background-color: #727CB6;
}
.dividerHeadingG .highlight.default {
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}
	
.widget_titleG h4 {
    font-size: 18px;
	font-weight:600;
    text-transform: uppercase;
}
.footer .widget_titleG h4
{
    border-color: #777777;
}
.footer .widget_titleG h4 span:before,
.footer .widget_titleG h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleG h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26-BIS. TITLE BLACK
================================================== */
/*.widget img {
	
}*/

.dividerHeadingB {
	background-color: #000;
}
	
.dividerHeadingB h4,
.widget_titleB h4
{
    color:#FFF;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.dividerHeadingB .highlight.default {
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}
	
.widget_titleB h4 {
    font-size: 18px;
	font-weight:600;
    text-transform: uppercase;
}
.footer .widget_titleB h4
{
    border-color: #777777;
}
.footer .widget_titleB h4 span:before,
.footer .widget_titleB h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleB h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26-BIS. TITLE AGENDA NOVA V2 , per defecte es negre
   però amb class canviem format colors, etc, per cada seccio 
   i titol dies o filtres 
================================================== */
/*.widget img {
	
}*/
.dividerHeadingAge {
	background-color: #000;
}
	
.dividerHeadingAge h4,
.widget_titleAge h4
{
    color:#FFF;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    position: relative;
}

.dividerHeadingAge .highlight.default {
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}
	
.widget_titleAge h4 {
    font-size: 18px;
	font-weight:600;
    text-transform: uppercase;
}
.footer .widget_titleAge h4
{
    border-color: #777777;
}
.footer .widget_titleAge h4 span:before,
.footer .widget_titleAge h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleAge h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}

/* ==================================================
   26-BIS. TITLE AGENDA NOVA V2 - 
   FORMAT LLISTA ACTES PROGRAMES ACTIVITATS 
   amb un border bottom, fons blanc 
================================================== */
	
.dividerHeadingProg h4,
.widget_titleProg h4
{
    border-bottom: 5px solid #2A2826;
	/* border-top: 1px solid #000; */
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0px 5px 0px;
    position: relative;
}

/*.dividerHeadingProg h4::before,
.widget_titleProg h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    left: 20px;
    position: absolute;
    width: 35px;
}*/
/*.dividerHeadingProg h4::after,
.widget_titleProg h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}*/

.dividerHeadingProg h4::after,
.dividerHeadingProg h4::before,
.widget_titleProg h4::after,
.widget_titleProg h4::before{
    background-color: #727CB6;
}
.dividerHeadingProg .highlight.default {
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
}
	

.widget_titleProg h4 {
    font-size: 18px;
	font-weight:600;
    text-transform: uppercase;
}
.footer .widget_titleProg h4
{
    border-color: #777777;
}
.footer .widget_titleProg h4 span:before,
.footer .widget_titleProg h4 span:after
{
    color:#dfdfdf!important;
}
.footer .widget_titleProg h4 span
{
    color:#fff;
    padding:0;
    background:#323A45;
}




/* ===================================================== */
/* 27. DROPCAPS												 */
/* ===================================================== */
.dropcap {
    float: left;
    color: #169fe6;
    font-size: 58px;
    line-height: 54px;
    padding:6px 10px 8px;
    margin-top: 8px;
}
.dropcap.default { color: #727CB6; }
.dropcap.gray { color: #555; }
.dropcap.light { color: #aaa; }

.dropcap_block {
    float: left;
    background-color: #727CB6;
    font-size: 50px;
    line-height: 50px;
    padding:6px 10px 8px;
    margin-top: 8px;
    margin-right:10px;
    color:#fff;
}
.dropcap_block.default { background-color: #727CB6; }
.dropcap_block.gray { background-color: #555; }
.dropcap_block.light { background-color: #aaa; }

/* ===================================================== */
/* 28. HIGHLIGHT											 */
/* ===================================================== */
.highlight{ 
padding: 0px 6px 2px; 
color: #fff;
 
    
}
.highlight.default { 

background: #727CB6;
 
}
.highlight.default a{ 
		color:#FFF;
}

.highlight.gray { background: #282821; }
.highlight.green { background: #c6d307; }
.highlight.light { background: #aaa; }
.highlight.esp { background: #e1e1e1;
                 border-bottom:  3px solid #ec2e38; 
				 color: #282821; 
				 }

blockquote.default {
    border-color: #727CB6;
    color:#000;
    background:#f2f2f2;
    font-size:inherit;
	
}

blockquote.programacio {
    border-color: #C9A3CB;
    color:#000;
   /* background:#f2f2f2; */
    font-size:inherit;
}



/* ===================================================== */
/* 29. Swipe.JS Slider											 */
/* ===================================================== */
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin-top: 0;
}

.swipe-wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.swipe-wrap > li {
	float:left;
	width:100%;
	overflow: hidden;
	position: relative;
}

.swipe-navi {
    display: block;
    height: auto;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1001
}

.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
	position: absolute;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	color:#fff;
	cursor: pointer;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
	
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;

	/*-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;*/
	background:#727CB6;

}
.swipe-navi .swipe-left:hover,
.swipe-navi .swipe-right:hover{
	background:#555 !important;
}
.swipe-wrap img {
    width: 100%;
}

.swipe:hover .swipe-navi .swipe-left{
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}

.swipe:hover .swipe-navi .swipe-right {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}

.swipe-navi .swipe-left {
	left: 5px;
	margin-top: -32px;
}

.swipe-navi .swipe-right {
	right: 5px;
	margin-top: -22px;
}
.img-about {
    margin-top: 5px;
}


/* ===================================================== */
/* 31. FLICKR												 */
/* ===================================================== */
.flickr {
    margin-top: 20px;
    text-align:center;
}
.flickr-feed {overflow: hidden;padding:0;}
.flickr-feed li {
    display: inline-block;
    margin: 0 8px 4px auto;
    position: relative;
    z-index:300;
    width:62px;
    height:62px;
    overflow: hidden;
}
.flickr-feed li img {
    margin: 0 8px 8px 0;
    width: 62px;
    height: 62px;
    overflow: hidden;
    box-shadow:none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.flickr-feed li:hover img{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.2) rotate(10deg);
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
}

.flickr-feed li a {display: block;overflow: hidden;position: absolute;width: 62px;height: 62px;
    filter: alpha(opacity=100); /* internet explorer */
    -khtml-opacity: 1;      /* khtml, old safari */
    -moz-opacity: 1;       /* mozilla, netscape */
    opacity: 1;           /* fx, safari, opera */
}
.flickr-feed li .hover {position: absolute;width: 62px;height: 62px;background: #727CB6;opacity: 0;filter: alpha(opacity=0);-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;z-index:10;
}
.flickr-feed li a:hover .hover {opacity: 0.8;filter: alpha(opacity=80); visibility:visible;}
.flickr-feed li a i {
    display: block;
    position: absolute;
    width: 62px;
    height: 62px;
    font-size: 18px;
    color: white;
    line-height: 3.8;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-align:center;
}
.flickr-feed li a:hover i {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

/* Footer Social
====================================*/
.footer_social{
    float: right;
}
.footbot_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.footbot_social li {
    float: left;
    background: none !important;
}
.footbot_social li a {
    color: #666;
    display:block;
    height: 40px;
    text-align: center;
    width:35px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    margin: 0 2px;
}
.footbot_social li a i {
    font-size: 18px;
    line-height: 40px;
    margin-right: 0;
    float: none;
}
.footbot_social li a.fb:hover            {background:#1964DA; border-radius: 5px; color:#fff;}
.footbot_social li a.twtr:hover          {color: #fff; background:#3ABDD1; border-radius:5px;}
.footbot_social li a.gmail:hover         {color: #fff;}
.footbot_social li a.pinterest:hover     {color: #fff;}
.footbot_social li a.rss:hover           {color: #fff; background:#F15200; border-radius:5px;}
.footbot_social li a.tumblr:hover        {color: #fff;}
.footbot_social li a.flickr:hover        {color: #fff;}
.footbot_social li a.instagram:hover     {color: #fff; background:#F03; border-radius:5px;}
.footbot_social li a.linkedin:hover      {color: #fff;}
.footbot_social li a.skype:hover         {color: #fff; background:#00AAF1; border-radius:5px;}
.footbot_social li a.youtube:hover       {color: #fff;}
.footbot_social li a.dribbble:hover      { color: #fff; background:#F97193; border-radius:5px;}

/* ===================================================== */
/* 32. List & Bullets												 */
/* ===================================================== */
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --------list style  CSS---------- */
.list_style li {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding:3px 2px 3px 10px;
    position: relative;
}

.list_style li a {
    color: #282821;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
}
.list_style li a:hover {
    color: #727CB6;
    text-decoration: none;
}
.list_style li a.active {
    color: #727CB6;
}

/* --------list style 1 : Simple CSS---------- */
.list_style li {
    padding:3px 2px 3px 12px;
}

.list_style li:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f105";
	font-weight: 900;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 2 : Circle CSS---------- */
.list_style.circle li {
    padding:3px 2px 3px 23px;
}
.list_style.circle li:before{
    font-family: Font Awesome\ 5 Free;
    content: "\f105";
	font-weight: 900;
    color: #FFFFFF;
    background: #727CB6;
    border-radius:50%;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    font-size: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

/* --------list style 3 : Square CSS---------- */
.list_style.square li {
    padding:3px 2px 3px 23px;
}
.list_style.square li:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f105";
	font-weight: 900;
    background: #727CB6;
    display: inline-block;
    border-radius:0;
    color: #FFFFFF;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

/* --------list style 4 : Star CSS---------- */
.list_style.star li {
    padding:3px 2px 3px 22px;
}
.list_style.star li:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f005";
	font-weight: 900;
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 5 : Right-arrow CSS---------- */
.list_style.right-arrow li {
    padding:3px 2px 3px 20px;
}
.list_style.right-arrow li:before {
    font-family: Font Awesome\ 5 Free;
	font-weight: 900;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 6 : Hand CSS---------- */
.list_style.hand li {
    padding:3px 2px 3px 22px;
}
.list_style.hand li:before {
    font-family: Font Awesome\ 5 Free;
	font-weight: 900;
    content: "";
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    position: absolute;
    left: 0;
    top: 4px;
}

/* --------list style 7 : Play  CSS---------- */
.list_style.play li {
    padding:3px 2px 3px 21px;
}
.list_style.play li:before {
    font-family: Font Awesome\ 5 Free;
    content: "";
	font-weight: 900;
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 8 : Dubble-Right-Arrow  CSS---------- */
.list_style.dubble-right-arrow li {
    padding:3px 2px 3px 17px;
}
.list_style.dubble-right-arrow li:before {
    font-family: Font Awesome\ 5 Free;
    content: "";
	font-weight: 900;
    display: inline-block;
    border-radius:0;
    color: #727CB6;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 3px;
}

/* --------list style 9 : Multiple-Icon CSS---------- */
.multi-icon-list li{
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    line-height: 21px;
    padding: 3px 2px 3px 23px;
    position: relative;
}
.multi-icon-list li i.fa{
    color: #727CB6;
    font-size: 16px;
    position: absolute;
    left: 0;
}
/* ===================================================== */
/* 33. Button Up										 */
/* ===================================================== */
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #34495e;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 20px 'Font Awesome\ 5 Free';
	font-weight: 900;
    color: #b8bcc0;
}
.btntoTop.active {
    opacity: 1;
}
.btntoTop.active:hover{
    opacity:0.8;
}

/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */
@media only screen and (min-width: 1290px) and (max-width: 3000px){
    #logo{
	      
        position: relative;
        /*background: #323A45;*/
        
    }
	.pixel-header{
	height: 130px;
	overflow: hidden;
}
    .names{font-size:14px}

    .blog_medium .post_img{width:50%; }

    .shares li.shareslabel h3{padding:8px 14px;}

    .comment_form > input{width:30%;}

    .large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{left:35%;}

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{right:35%;}

    .testimonial .testimonial-buttons a{height:17px;line-height:17px;width:17px;}

    .testimonial .testimonial-buttons {position:absolute; right: 47%; top: -22px;}

    .post-images { margin-right: 15px;} 
	
	.serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:10px; }
/*    .navbar-default .navbar-nav li a {padding:6px; font-size: 17px;} */

}
@media only screen and (min-width: 980px) and (max-width: 1280px){
    .content h1 {
	font-size: 30px;
    line-height: 40px;
}
	
	#logo{width:80%;
        position: relative;
        /*background: #323A45;*/
        height: 80px;
    }
	.pixel-header{
	height: 140px;
	overflow: hidden;
}
    .names{font-size:14px}

    .blog_medium .post_img{width:50%; }

    .shares li.shareslabel h3{padding:8px 14px;}

    .comment_form > input{width:30%;}

    .large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{left:35%;}
	

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{right:35%;}

    .testimonial .testimonial-buttons a{height:17px;line-height:17px;width:17px;}

    .testimonial .testimonial-buttons {position:absolute; right: 47%; top: -22px;}

    .navbar-default .navbar-nav li a {padding:6px; font-size: 17px;}


/*    .post-images { margin-right: 15px;} */ 

    .post-images { margin-right: 8px; }
	.post-detail h3 { font-size: 17px; line-height: 19px; }
	.post-detail h5 { line-height: 14px; }

	.serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:10px; }

/*	  body {
    background-color: lightblue;
  } */
  
  
  .fchecksec { /* opcions filtre agenda */ 
	  font-size: 14px;
	}
  .fchecksec .checkbox label {
	 padding-left: 5px; 
	}

}

@media only screen and (min-width: 768px) and (max-width: 989px){

.content h1 {
	font-size: 30px;
    line-height: 40px;
}
    #logo{width:80%;
        position: absolute;
        /*background: #323A45;*/
        height: 80px;
		margin-top: 30%;
    }

/*    .navbar-default .navbar-nav li a {padding:14px; } */

    .navbar-default .navbar-nav li a {padding:3px; font-size: 13px;}

    .navbar-nav > li > ul.dropdown-menu
    {
        top:45px!important;
    }
    .recent-item h5{margin-top:20px; }

    .large-images .recent-item:hover a,
    .medium-images .recent-item:hover a,
    .small-images .recent-item:hover a,
    .jcarousel .recent-item:hover a.hover-zoom,
    .jcarousel .recent-item:hover a.hover-link
    { top:41%; opacity:1; }
	

    .large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{left:38%;}

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{right:38%;}

    .tab-content{margin-bottom:30px;}

/*     .post-images { margin-right: 15px; } */ 
    .post-images { margin-right: 8px; }
	.post-detail h3 { font-size: 14px; line-height: 14px; font-weight:lighter; }
	.post-detail h5 { line-height: 10px; }


	.fchecksec { /* opcions filtre agenda */ 
	  font-size: 11px;
	}
	.fchecksec .checkbox label {
	 padding-left: 0px; 
	 /* font-weight: bold;  */
	}
	.fchecksec .checkbox {
	 margin-top: 0px; 
	 margin-bottom: 0px; 
	}
}

@media only screen and (max-width:768px) {
.content h1 {
	font-size: 25px;
    line-height: 35px;
}
    #logo{width:80%;
        position: absolute;
        /*background: #323A45;*/
        height: 80px;
		    margin-top: 30%;
    }
	
	.pixel-header{
	height: 80px;
	overflow: hidden; }

    .jcarousel-list li{ width:248px; }

    .tab-content{margin-bottom:30px;}

    .nav-tabs > li > a { padding:10px 10px; }

    .serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:30px; }

    .blog-hover > a { top: 30%; }

    .blog_medium .post_content{ width: 50%; }

    .shares li.shareslabel h3{ padding:8px 14px; }

    section.parallax { padding: 30px 0; }

    .parallax-testimonial{ padding: 0 15px 30px; }

    .img-about{ margin-bottom: 20px; }

    .texture-section{ padding: 15px 0;margin: 10px 0; }

    .option a{
        width: 35px;
        height: 35px;
    }

    .option a i {
        font-size: 17px;
        line-height: 35px;
    }

    .recent-item h5 {
        font-size: 17px;
        padding: 10% 0 40%;
    }
    .item-description span{
        font-size: 16px;
    }

    .large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{left:35%;}

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{right:35%;}
.serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:10px; }


}

@media only screen and (max-width: 767px) {
.content h1 {
	font-size: 25px;
    line-height: 35px;
}
h2 {
	font-size: 20px;
    line-height: 24px;
}
h3 {
	font-size: 16px;
    line-height: 22px;
}
h4 {
	font-size: 14px;
    line-height: 18px;
}
h5 {
	font-size: 14px;
    line-height: 18px;
}
h6 {
	font-size: 14px;
    line-height: 18px;
}
.promo_head h2 {font-size: 18px; }

    .navbar-default .navbar-nav li a{
        color: #fff; 
    }
    .navbar{
        background:#fff;
        border-color: transparent;
    }
    .navbar.scroll-to-fixed-fixed{
        box-shadow: 0 0 10px #9c9999;
    }
    .navbar-nav{
        background:#fff;
        margin: 0;
    }
    .navbar-collapse{
        position: relative; 
        width: 100%;
    }
    .navbar-nav > li ul > li:first-child > a{border-top:none;}
    .navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a
    {
        padding-top:12px!important;
        padding-bottom:12px!important;
        border-top:1px solid #eee!important;
        border-bottom:none!important;
    }
    .navbar-default .navbar-nav li a{
        color: #282821;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a
    {
        padding-left:45px;
        color:#000;
        font-size:13px;
		
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
    {
        background:#727CB6;
        color:#fff;
    }
    .navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
    {
        float:right;
        color:#000;
    }
    .navbar-nav > li > ul:before
    {
        content:"";
        display:none;
    }
    .navbar-nav > li > .has-submenu .sub-arrow{
        font-size: 14px;
        font-weight: bold;
        width: 10px;
    }

    .navbar-nav > li.active {
        border-bottom: 1px solid #727CB6;
    }
    .navbar-nav > li:hover{
        border-bottom: 1px solid #727CB6;
        transition:none;
    }

    .navbar-nav > li:hover > ul{
        -moz-animation: none;
        -webkit-animation: none ;
        animation: none;
    }

    .navbar-nav > li > ul.dropdown-menu li:hover ul{
        -moz-animation: none;
        -webkit-animation:none;
        animation: none;
    }
    .nav-caption{ display: block;}

    .page_head{
        padding:20px 0;
    }
	.page_head_21d {
        padding:20px 0;
    }
    .text-center > img {
        width: 100%;
    }
    .images-style-inner {
        margin: 10px 0;
    }
    .page_head h2 { font-size: 20px; }
	.page_head_21d h2 { font-size: 20px; }

    #breadcrumbs {
        float: left;
        clear:left;
        margin-top: 5px;
	
    }

    .serviceBox_1,.serviceBox_3{ margin-bottom:10px; }

    .list_style li i{ margin-right:0; }

    ul.client_items { display: block; margin: 0 auto; padding: 0; text-align: center; }

    .list_item{ width:100%;}

    .jcarousel-list li{ width:99%; }

    .widget_content{ margin-bottom:30px; }

    .promo_box a {display: block; float: none; margin-top: 20px; position: relative; text-align: center; }

    .promo_content .pb_text, .promo_content .pb_action{ display:block; padding:0; }

    .promo_content a { display: block; float: none; color:#fff; margin-top: 20px; }

    .list_style{ margin:0 0 30px; }

    .pricingTable{ margin-bottom:50px; }

    .team_prof{ margin-bottom:30px; }

    .blog_large .post_meta h2 a, .blog_single .post_meta h2 a { font-size:18px; line-height:normal; }

    .blog_medium .post_meta h2 a { font-size: 20px; line-height:normal; }

    .blog_large .post_meta h2,
    .blog_medium .post_meta h2,
    .blog_single .post_meta h2 { font-size:18px; line-height:20px; margin-bottom:10px; margin-top:0; }

    .blog_large .day,.blog_medium .day, .blog_single .day { font-size:20px; }

    .blog_large .month, .blog_medium .month , .blog_single .month { padding: 2px 8px 4px; }

    .blog_large .post_img, .blog_single .post_img{ margin-bottom:20px; }

    .blog_large .post_content, .blog_single .post_content { margin: 0 0 0 60px; }

    .blog_large .post_meta .metaInfo, .blog_single .post_meta .metaInfo{ padding:0 0 10px; }

    .blog_large .post_meta .metaInfo > span, .blog_single .post_meta .metaInfo > span { line-height:24px; }

    .blog_large .post, .blog_medium .post, .blog_single .post, .blog_medium .post { margin-bottom:40px; padding-bottom:40px; }

    .blog_medium .post_content { float:left; width:100%; }

    .blog_medium .post_img { margin-right:0; width:100%; margin-bottom:20px; }

    .sidebar .widget { display:inline-block; margin-top:30px; position:relative; }

    .shareslabel {display:none; }

    .author_desc { height:auto; min-height:inherit; width:100%; }

    .author_bio { float:none; margin-top:70%; padding:20px; position:relative; text-align:center; width:100%; }

    #comment-list ul.children{ margin-left:10px; }

    .comment-container{ margin-left:80px; margin-bottom:10px; }

    .comment_form > input{ width:100%; }

    .page_404 > h1{ font-size:160px; line-height:180px; margin-top:0; }

    .page_404 > p{ font-size:26px; line-height:36px; }

    .rec_blog { margin-bottom:20px; }

    .copyright{ text-align:left; float:left; }

    .post-images {
        margin-right: 15px;
    }


}
@media only screen and (min-width: 481px) and (max-width: 767px){
h2 {
	font-size: 18px;
    line-height: 22px;
}
h3 {
	font-size: 16px;
    line-height: 20px;
}
h4 {
	font-size: 14px;
    line-height: 18px;
}
h5 {
	font-size: 14px;
    line-height: 18px;
}
h6 {
	font-size: 14px;
    line-height: 18px;
}
    
	.large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{left:42%;}

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{right:42%;}

    .jcarousel  .recent-item:hover a.hover-zoom { left:37%;}
    .jcarousel  .recent-item:hover a.hover-link {right:37%;}

    .author_bio {margin-top:35%; position: relative;}
	.content h1 {
	font-size: 25px;
    line-height: 35px;}
	.promo_head h2 {font-size: 18px; }

}



@media only screen and (max-width: 480px){
     #logo{margin:0; width:35%;
        position: absolute;
        /*background: #323A45;*/
        
    }
	.pixel-header{
	height: 45px;
	overflow: hidden;
}

.content h1 {
	font-size: 25px;
    line-height: 35px;
}

h2 {
	font-size: 18px;
    line-height: 22px;
}
h3 {
	font-size: 16px;
    line-height: 20px;
}
h4 {
	font-size: 14px;
    line-height: 18px;
}
h5 {
	font-size: 14px;
    line-height: 18px;
}
h6 {
	font-size: 14px;
    line-height: 18px;
}

.promo_head h2 {font-size: 18px; }

#logo a img {
	max-width:100%;
    height: auto;}
	
	
    #breadcrumbs{ display: none; }

    .large-images .recent-item:hover a.hover-zoom,
    .medium-images .recent-item:hover a.hover-zoom,
    .small-images .recent-item:hover a.hover-zoom{ left:35%; }

    .large-images .recent-item:hover a.hover-link,
    .medium-images .recent-item:hover a.hover-link,
    .small-images .recent-item:hover a.hover-link{ right:35%; }

    .jcarousel  .recent-item:hover a.hover-zoom { left:37%; }
    .jcarousel  .recent-item:hover a.hover-link { right:37%; }

    .author_bio {margin-top:55%; position: relative;}

    #filter li a{padding:10px;}

    .post-images {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .post-detail { width: 100%; }
    

}

/* ============================== */
/* Calendari */
/* ============================== */

.calendari {
/* background: url("../images/pattern-4.jpg") repeat; */ 
/*background-color: #E6E6E6; */
font-family: "Work Sans", sans-serif;
/* font-weight: normal; */

}

.calendari table{
/*background-color: #99CCFF; */

/* margin-right: 10px; */
margin-left: 0px;
 margin-bottom: 15px;

}


.calendari th{
float: left;
height: 16.66%;
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
	height: 100%;
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;

	}

.calendari td{
height: 16.66%;
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
	height: 100%; 
	width:  14.28%; /* 100% / 7 */
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	position: relative;
	text-transform: uppercase;
	border-top:1px solid #ccc;
	border-bottom: 2px solid #ddd;
	border-right:1px solid #ccc; 
	border-left:1px solid #ccc; 
	text-align: center;
	
}

.calendari td h2{
font-size: 200%;
line-height: 10px;

}


.calendari td:hover {
 border-bottom: 3px solid #282821;  
 background-color: #ddddde;

}

.calendari td a {
/* font-size: 100%; */
font-size: 18px;
line-height: 30px;


}


/* ===================================================== */
/*ROTA TWEETS*/
/* ===================================================== */
#rotatweet {
position:relative;
overflow: hidden;
height:50px;
margin:0 auto;
}
#rotatweet ul {
position:absolute;
top:12px;
margin:0;
padding:0;
font-family: "Work Sans",sans-serif;
font-size: 14px;
}
#rotatweet ul li {
list-style: none;
margin: 0;
padding: 0; 
display: none;
}

/* ===================================================== */
/*TWITTERIDA*/
/* ===================================================== */
#twitterida {
  position: relative;
  max-width: 100%;
  height: 60px;
  margin: 0 auto 0;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  
}

#twitterida ul {
  height: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}

#twitterida li {
  position: relative;
  display: inline-block;
  height: inherit;
  overflow: hidden;
  vertical-align: middle;
  width: 100%; /*33.282821%;*/

  box-sizing: border-box;
}
#twitterida li:nth-child(-n+3) {
      border: 1px dashed white;
}
#twitterida li:nth-child(2) {
  border-left: 0;
  border-right:0;
}

#twitterida li p {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin: 0;
  padding: 5px;
  text-align: center;
  box-sizing: border-box;
    font-size: 15px;
  line-height: 20px;

}
#twitterida li:before {
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width:900px) {
  #twitterida ul li {
    width: 100%;
    margin-right: 0;
  }
}

/* ===================================================== */
/* SOCIAL MEDIA PROVA ELI							 */
/* ===================================================== */
/*.our-team_1
{
  overflow:hidden; 
}*/
.social_media_team_1 {
    position:absolute;
   /* background:rgba(114, 124, 182, 0.55); */
    border:1px solid #ccc;
    height:100%;
    width:100%;
    top:0; 
    left:0;
    text-align:center;
 /*   transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden; */
}
.our-team_1:hover .social_media_team_1
{
    visibility:visible;
   /* transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);*/

}
/*.our-team_1:hover .pic > img
{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5); 
}*/
.team_social_1 {
    list-style: none outside none;
 /*   margin:37% 0 0 0; */
	/* margin:35% 75% 0 0; */
	float: left;
   /* overflow: hidden; */
    padding: 0; 
  text-align: center; 
}


.team_social_1 li {
  display: inline-block;
/*   margin:0 5px; */
}
.team_social_1 li a {
    color:#fff;
	background:rgba(114, 124, 182, 0.55);
/*    background:#363636; */
    display:block; 
    height: 5.5rem; /* 65px; 35px; */
    text-align: center; 
    width: 5.5rem; /* 65px; 35px;*/
 /*   border-radius:50%;
   -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
  /*  -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; */
	
}
.team_social_1 li a i {
    font-size: 4rem; /*40px; 16px;*/
    line-height: 5rem; /* 50px; 35px;*/
    margin-right: 0;

}
.team_social_1 li a.fb:hover      {background: #2f5a9a;}
.team_social_1 li a.twtr:hover    {background: #3abdd1;}
.team_social_1 li a.gmail:hover   {background: #E72828;}



/* ===================================================== */
/* SOCIAL MEDIA OUR TEAM								 */
/* ===================================================== */

/* .our_team {
    padding: 30px 0 60px;
} */

.pic_2{
    border:0px solid #eee;
    border-bottom:none;
    position:relative;
    overflow:hidden;
}
.pic_2 > img {
    width: 100%;
    cursor: pointer;
    transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
}
.pic_2 > img:hover{
    cursor: pointer;
}


.our-team_2
{
    overflow:hidden;
}
.social_media_team_2 {
    position:absolute;
 /*   background:rgba(114, 124, 182, 0.55); */
    border:0px solid #ccc; 
    height:100%;
    width:100%;
    top:0;
    left:0;
  /*   text-align:center;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden; */ 
}


.our-team_2:hover .social_media_team_2
{
    visibility:visible;
  /*  transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1); */

}

.our-team_2:hover .pic > img
{

  border:transparent; 
  /*  transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5); */
}

.our-team_2 .pic > img
{

  border:transparent; 
  /*  transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5); */
}

.team_social_2 {
    list-style: none outside none;
    margin:15% 0 0 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}
.team_social_2 li {
    display: inline-block;
    margin:0 5px;
}
.team_social_2 li a {
    color:#fff;
	background:rgba(114, 124, 182, 0.55);
    
/* 	background:#363636; */
    display:block;
    height: 65px; /* 35px; */
    text-align: center;
    width: 65px; /* 35px;*/
     border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;  
}
.team_social_2 li a i {
    font-size: 50px; /*16px;*/
    line-height: 65px; /*35px;*/
    margin-right: 0;
}
.team_social_2 li a.fb:hover      {background: #E72828;}
.team_social_2 li a.twtr:hover    {background: #3abdd1;}
.team_social_2 li a.gmail:hover   {background: #a9c564;}
.team_social_2 li a.especial:hover   {background: #a9c564;}


@media only screen and (min-width: 768px) and (max-width: 989px){

	/*
	 body {
		background-color: lightblue; 
	  }
	*/
.team_social_2 li a {
    color:#fff;
	background:rgba(114, 124, 182, 0.55);
    
/* 	background:#363636; */
    display:block;
    height: 40px; /* 35px; */
    text-align: center;
    width: 40px; /* 35px;*/
     border-radius:50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;  
}
.team_social_2 li a i {
    font-size: 22px; /*16px;*/
    line-height: 40px; /*35px;*/
    margin-right: 0;
}

}



/*=============*/
/*AUDIOPLAYER*/
/*=============*/
#w {
  display: block;
  width: 750px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 45px;
}

#content {
  display: block;
  width: 100%;
  background: #fff;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}



/* ============ */
/* TEMA SUBSCRITS */
/* ============= */

#id_pais {
display:none;
}


/* ============ */
/* SLIDER GALERIA FOTOS PREMIS  */
/* ============= */

.main-container {
  padding: 10px 15px;
}
.skyblue {
	background-color: #22c8ff;
}
.deepskyblue {
	background-color: #00bfff;
}
.darkerskyblue {
	background-color: #00a6dd;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-controlAA.right,
.carousel-controlAA.left {
	background-image: none;
}
.carousel .item {
/*	min-height: 350px; */ /* ho treiem perquè s'ajusti millor a la versió xs mobile */ 
	height: 100%;
	width:100%; 
}
.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
/*	background-color: #09c; */
/*	background-color: #808d13;	Verd Antic*/
	background-color: #444;	

	 opacity: 0.8;
}

.carousel-caption h3 {
	padding: .5em;
	/* color: #000000; Negre, antic */
	color: #ffffff;
	font-weight:lighter;
}

.carousel-caption-claret h4 {
	padding: .5em;
	/* color: #000000; Negre, antic */
    font-size: 16px;
    line-height: 19px;

/* 	color: #ffffff;
	font-weight:lighter; */
}

.claret {
	top: 0;
}


.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px; 
	padding: 1em;
	text-align: center;
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3:first-child {
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
}
.carousel-caption button {
	animation-delay: 3s;
}


/* ============ */
/* 36. CAIXA PER FER SCROLL   */
/* ============= */

/* l'hem utilitzar, per exemple, a la plantilla de portades bloc-minut-a-minut */

#caixascroll {
	height: 150px;
	width: auto;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}

/* l'hem utilitzar, per exemple, a la plantilla pg Plens  */

#caixascroll_ple {
	height: 220px;
	width: auto;
	border: 1px solid #ddd;
	background: #f1f1f1;
	overflow-y: scroll;
}

/* l'hem utilitzar, per exemple, a la plantilla de l'especial escola */

#caixascroll_escola {
	/* height: 450px; */ /* 250px; */
	height: 250px;
	width: auto;
	border: 1px solid #ddd;
/* 	background: #f1f1f1; */
	background: #fff;
	overflow-y: scroll;
}


/* ============ */
/*  37. BOTONS MENU TV   */
/* ============= */
 	  
/* Segueix el model del ID filter, però creem un de nou per desvincular-lo d'altres paràmetres on també està implicat definides
a altres arxius  */

#menuboto {
    margin: 0 auto 5px 5px;
    overflow: hidden;
    padding: 5px 0 0;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 10;
}
#menuboto li {
    float: left;
    list-style: none outside none;
    margin: 0 1px 10px;
}
#menuboto li a{
    color:#fff;
    padding:10px 20px;
    font-size:12px;
    position: relative;
    overflow:hidden;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
   background:#9b9b9b;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    outline:none;
    text-decoration: none;
}
#menuboto li.selected a, #menuboto li a:hover{
    background:#414141;
    -webkit-transition: all .20s ease-in-out;
       -moz-transition: all .20s ease-in-out;
        -ms-transition: all .20s ease-in-out;
         -o-transition: all .20s ease-in-out;
            transition: all .20s ease-in-out;
}

/* ======================= */
/*  38. ESPECIAL DESTACATS   */
/* ======================= */

.destacat_agenda .dividerHeading h4,
.destacat_agenda .widget_title h4 
{
    border-left: 5px solid #dedd2c;
	border-bottom: none;
	border-top: none;
	border-right: none;
    font-size: 21px;
	color: #444444;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 5px 10px 5px;
    position: relative;
}
.destacat_agenda {
	padding: 0 0 0 5px;
}
.destacat_agenda a {
	color: #dedd2c;
}

.destacat_agenda .dividerHeading h4::before,
.destacat_agenda .widget_title h4::before{
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_agenda .dividerHeading h4::after,
.destacat_agenda .widget_title h4::after {
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_agenda .btn-default, .dropcap_block.default, .btn-group:focus .btn.btn-default.dark.dropdown-toggle, .icon_lists .fa-hover a:hover, .dividerHeading h4::after, .dividerHeading h4::before, .widget_title h4::after, .widget_title h4::before 
{ background-color: #dedd2c;
}
.destacat_agenda .btn-default:hover, .theme-color-pt .btn-default:hover
{ 
background-color: #444444;
}

.destacat_perdis .dividerHeading h4,
.destacat_perdis .widget_title h4 
{
    border-left: 5px solid #dedd2c;
    border-bottom: none;
	border-top: none;
	border-right: none;
    font-size: 21px;
	color: #444444;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 5px 10px 5px;
    position: relative;
}
.destacat_perdis a {
	color: #dedd2c;
}

.destacat_perdis .dividerHeading h4::before,
.destacat_perdis .widget_title h4::before{
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_perdis .dividerHeading h4::after,
.destacat_perdis .widget_title h4::after {
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}

.destacat_val h2
{
    border-left: 5px solid #fff;
    border-bottom: none;
	border-top: none;
	border-right: none;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 5px 10px 5px;
    
}

/* DESTACAT FM ---------------------------------------------  */ 

.destacat_fm .dividerHeading h4,
.destacat_fm .widget_title h4 
{
    border-left: 5px solid #dedd2c; /* 5px solid #f406b7; */ /* 5px solid #ffcd30; groc f406b7  #dedd2c*/
	border-bottom: none;
	border-top: none;
	border-right: none;
    font-size: 21px;
	color: #444444;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 5px 10px 5px;
    position: relative;
}
.destacat_fm {
	padding: 0 0 0 5px;
}
.destacat_fm a {
	color: #282821;
}

.destacat_fm .dividerHeading h4::before,
.destacat_fm .widget_title h4::before{
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_fm .dividerHeading h4::after,
.destacat_fm .widget_title h4::after {
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_fm .btn-default, .dropcap_block.default, .btn-group:focus .btn.btn-default.dark.dropdown-toggle, .icon_lists .fa-hover a:hover, .dividerHeading h4::after, .dividerHeading h4::before, .widget_title h4::after, .widget_title h4::before 
{ background-color: #ffcd30;
}
.destacat_fm .btn-default:hover, .theme-color-pt .btn-default:hover
{ 
background-color: #444444;
}


/* DESTACAT NADAL  ---------------------------------------------  */ 

.destacat_nadal .dividerHeading h4,
.destacat_nadal .widget_title h4 
{
    border-left: 5px solid #eaecee; /*5px solid #33CCFF; */
	border-bottom: none;
	border-top: none;
	border-right: none;
    font-size: 21px;
	color: #444444;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 5px 10px 5px;
    position: relative;
}
.destacat_nadal {
	padding: 0 0 0 5px;
}
.destacat_nadal a {
	color: #282821;
}

.destacat_nadal .dividerHeading h4::before,
.destacat_nadal .widget_title h4::before{
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_nadal .dividerHeading h4::after,
.destacat_nadal .widget_title h4::after {
    bottom: none;
    content: "";
    display: none;
    height: none;
    left: none;
    position: none;
    width: none;
}
.destacat_nadal .btn-default, .dropcap_block.default, .btn-group:focus .btn.btn-default.dark.dropdown-toggle, .icon_lists .fa-hover a:hover, .dividerHeading h4::after, .dividerHeading h4::before, .widget_title h4::after, .widget_title h4::before 
{ background-color: #bce8f1; /* #33CCFF; */
}
.destacat_nadal .btn-default:hover, .theme-color-pt .btn-default:hover
{ 
background-color: #444444;
}
.destacat_nadal .centre
{ background-color: #d9edf7;
}
.destacat_nadal .lletra h6
{ 
	/* font-family: "Work Sans",sans-serif; */
    font-size: 16px;
    line-height: 22px;
	color: #fff;
	font-weight: bold; 
/*	font-weight:400; */
	
}

.destacat_nadal .lletra h5
{ 
	/* font-family: "Work Sans",sans-serif; */
    font-size: 13px;
    line-height: 20px;
	color: #fff;
	font-weight: 400;  padding: 5px 15px;
/*	font-weight:400; */
	
}

.lletra h3
{ 

	color: #fff;
    float: left;
    font-size: 24px;
    margin-top: 0;
    padding: 2px 9px;
    text-transform: uppercase;
	
}

.lletra .sub_heading
{ 

	color: #000;
    float: left;
    font-size: 16px;
    margin-top: 0;
    padding: 2px 9px;
    text-transform: uppercase;
	margin-left: 7px; 
	
}

.lletrafons
{ 
    background: #fff none repeat scroll 0 0;
    border-left: 3px solid #282821; 
    float: right; 
	font-size: 14px;
    margin-top: 25px;
    padding: 2px 6px; 
	margin-right: 40px; 	 
}


.menu_nadal
{ 
    background: #d9edf7 none repeat scroll 0 0;
	font-weight: 700; 	    
    padding: 2px 6px; 	
}


.destacat_nadal .lletra 
{ 
	background-color: #d9edf7; /* #33CCFF;	 */
/*	background-color: #BCE8F1; */

}




/*--------------------------------------------------------------------------*/
/* 39. TESTIMONIALS TERTÚLIES
/*--------------------------------------------------------------------------*/


#tertu_quatre {	 
	 /* width: 165%; */   /* BO!! */
	/* width: 120%; */
	/*  width: 235%; */ /* per 5 items */	
	 width: 290%;     /* per 4 items */
	/*  width: 390%; */  /* per 3 items */
}

#tertu_quatre p{
     line-height: 15px;
	font-size: 15px;
	font-weight:100; 
	text-align: center;
	padding-bottom:5px;
	color: #ddd;
}

#tertu_quatre h5{
    line-height: 14px;
	font-size: 14px;
	font-weight: 500; 
	text-align: center;

}

#tertu_quatre h6{
    line-height: 12px;
	font-size: 12px;
	font-weight: 500; 
	text-align: center;

}


#tertu {	 
	 /* width: 165%; */   /* BO!! */
	/* width: 120%; */
	  width: 235%;  /* per 5 items */
	/* width: 290%; */    /* per 4 items */
	/*  width: 390%; */  /* per 3 items */
}

#tertu p{
     line-height: 15px;
	font-size: 15px;
	font-weight:100; 
	text-align: center;
	padding-bottom:5px;
	color: #ddd;
}

#tertu h5{
    line-height: 14px;
	font-size: 14px;
	font-weight: 500; 
	text-align: center;

}

#tertu h6{
    line-height: 12px;
	font-size: 12px;
	font-weight: 500; 
	text-align: center;

}

#tertugran {
	 width: 150%; 
}


.testimonial-item-tertu blockquote {
    background:#EAEAEA;
    border-top: 3px solid #727CB6;
    border-left: none;
    padding: 20px;
    margin: 0;
	
}


.testimonial-item-tertu .icon {
    color: #fff;
    font-size: 120px !important;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    z-index: 0;
}


.testimonial-review-tertu .agenda {
    background-color:#33CCFF;
    /*border: 2px solid #ffffff;*/
    border-radius: 50%;
    /* float: center; */
    height: 80px;
    overflow: hidden;
   /* padding: 2px; */
    padding: 0px; /* a 0px per treure el borde blanc*/ 
    width: 80px;
	
	display: block; /* per centrar la foto */
    margin-left: auto; 
	margin-right: auto;  
    

}

.testimonial-review-tertu .agenda > i {
	font-size: 75px; 
    margin-left: 12px;      
	color:#fff; 

}

.testimonial-review-tertu .agenda > h5 {
	font-size: 12px; 
text-align: center;
	margin-top: 30px;     
	color:#fff; 

}


.testimonial-review-tertu > img {
    background:#FFFFFF;
    /*border: 2px solid #ffffff;*/
    border-radius: 50%;
    /* float: center; */
    height: 80px;
    overflow: hidden;
   /* padding: 2px; */
    padding: 0px; /* a 0px per treure el borde blanc*/ 
    width: 80px;
	
	display: block; /* per centrar la foto */
    margin-left: auto;
    margin-right: auto;
}
.testimonial-review-tertu-gran > img {
    background:#FFFFFF;
    /*border: 2px solid #ffffff;*/
    border-radius: 50%;
    /* float: center; */
    height: 200px;
    overflow: hidden;
    padding: 2px;
    width: 200px;
	
	display: block; /* per centrar la foto */
    margin-left: auto;
    margin-right: auto;
}
.testimonial-review-tertu > h1 {
    float: left;
    color:#555;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
}
.testimonial-review-tertu > h4 {
    float: left;
    color:#555;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
    padding-left: 20px;
}
.testimonial-item-tertu blockquote p {
    margin-bottom: 0;
    font-size: 19px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    line-height: 21px;
    color: #282821;
    position: relative;
    z-index: 10;
    font-style:italic;
    font-weight: 600;
}

.testimonial-tertu blockquote small {
    display: block;
    line-height: 20px;
    font-size: 13px;
    color: #999999;
    margin-top: 5px;
}
.testimonial-review-tertu {
    position: relative; 
    padding-top: 5px;
   /* padding-left: 10%; */
}

.testimonial-item-tertu blockquote:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f0D7";
	font-weight: 900;
    position: absolute;
    bottom: 4%;
    left: 23px;
    font-size: 40px;
    color:#EAEAEA;
}

.testimonial-review-tertu small {
    font-size: 13px;
    line-height:18px;
    color: #727CB6;
    display:block;
}


.testimonial-tertu .testimonial-buttons {
    position: absolute;
    right: 0;
    top: -41px;
}

.testimonial-tertu .testimonial-buttons a {
    background: #f2f2f2;
    margin-left:-3px;
    width:25px;
    font-size:11px;
    height:25px;
    display: inline-block;
    text-align:center;
    line-height:27px;
    color:#bdc3c7;
}

.testimonial-tertu .testimonial-buttons a:hover {
    background: #f2f2f2;
    color: #555;
}

.titol-tertu { padding-left:10px; 
/*	border-bottom: 1px solid #ffffff; */

}


.titol-tertu { padding-left:10px; 
/*	border-bottom: 1px solid #f090ff; */

}

.titol-tertu  hr{ 
padding-right: 20px; 
margin-right:20px; 
margin-top:0px;


}


/*--------------------------------------------------------------------------*/
/* 39. TESTIMONIALS OPINIó ESCOLA, Especial Tornada a l'escola
/*--------------------------------------------------------------------------*/
/*#opiescola {	 
	 width: 165%; */
	/* width: 120%; 
}*/

#opiescola p{
     line-height: 15px;
	font-size: 15px;
	font-weight:100; 
	text-align: center;
	padding-bottom:5px;
	color: #ddd;
}

#opiescola h5{
    line-height: 14px;
	font-size: 14px;
	font-weight: 500; 
	text-align: center;

}

#opiescola h6{
    line-height: 12px;
	font-size: 12px;
	font-weight: 500; 
	text-align: center;

}

/*--------------------------------------------------------------------------*/
/* 39. TESTIMONIALS OPINIó QUATRE ITEMS 
/*--------------------------------------------------------------------------*/

#opiquatre {	 
	/* width: 165%; */
	/* width: 120%; */
	width: 150%;     /* per 4 items */

}

#opiquatre p{
     line-height: 15px;
	font-size: 15px;
	font-weight:100; 
	text-align: center;
	padding-bottom:5px;
	color: #ddd;
}

#opiquatre h5{
    line-height: 14px;
	font-size: 14px;
	font-weight: 500; 
	text-align: center;

}

#opiquatre h6{
    line-height: 12px;
	font-size: 12px;
	font-weight: 500; 
	text-align: center;

}




/* ===================================================== */
/* 24. PROMO BOX PLENS 										 */
/* ===================================================== */
.promo_box_plens {
    background: #ddddde;
    padding: 15px 0;
    overflow: hidden;
	
}
.sensemarges{
    padding: 0px 0px 0px 0px;

} 

.promo_head_plens {
    border-top: 1px solid #282821;
	/*background: url("../images/pattern-4.jpg") repeat;*/
	background-color: #ddddde;
	border-bottom: 1px solid #282821; 
	padding:5px 0;
}
.promo_box_plens .pb_action a.btn {
    float: right;
    margin-top:5px;
    border:none;
}
.promo_box_plens .pb_action a.btn i{
    margin-right:7px;
}

.promo_content_plens h2 {

    color: #444;
    font-size:18px;
	font-weight: 700;
    line-height:24px; 
	margin: 0 0 10px; 
	  
}

.promo_content_plens h3 {
    color: #444;
    font-size: 18px;
	line-height: 23px;
    font-weight: bold;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}

.promo_content_plens h4 {
   /* color: #444; */
   color: #282821;
    font-size: 18px;
  /*  font-weight: bold; */
  line-height: 22px;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}

.promo_content_plens h5 {
   color: #282821;
   font-size: 15px;
   line-height: 22px;
   font-family:"Work Sans",Helvetica,Arial,sans-serif;
   margin: 0 0 5px; 	  
	  
}


.promo_content_plens p{
    color:#666;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin-bottom:0;
}
.promo_box_plens.dark{
    background:#56565a;
	padding: 5px 0;
	
}
.promo_box_plens.dark .promo_content_plens h3{ 
    color: #fff;
/*    font-size:18px; */
	font-size:22px; 
/* 	font-weight: 600; */
	font-weight:bold;
    line-height:24px; 
	margin: 0 0 10px; 
    	
	}
.promo_box_plens.dark .promo_content_plens h5{ 
    color: #fff;
    font-size:14px;
	font-weight: 300;
    line-height:20px;
    text-align:center;
    	
	}

.promo_box_plens.dark .promo_content_plens h4 {
   color: #fff;
   font-size: 15px;
   line-height: 22px;
   font-family:"Work Sans",Helvetica,Arial,sans-serif;
   margin: 0 0 5px; 	  
}

	
.promo_box_plens.dark .promo_content_plens h3 a:hover{ color: #ddd; }
.promo_box_plens.dark .promo_content_plens h3 a{ color: #ddd;  }
.promo_box_plens.dark .promo_content_plens p{ color: #eee;
text-align:center;
font-size:12px;
 }


.fons_ple {
	background: #f1f1f1;
	margin: 0 0 5px;
}

.fons_ple h4{
	background: #f1f1f1;
	margin: 0 5px 0 5px;
}





/* ===================================================== */
/* 24. PROMO BOX CROS									 */
/* ===================================================== */
.promo_box_cros {
    background: #ddddde; 
  /*  background-color:#d5f5e3; */
    padding: 15px 0;
    overflow: hidden;
}

.promo_head_cros {
    border-top: 1px solid #282821;
	/*background: url("../images/pattern-4.jpg") repeat;*/
	background-color: #ddddde;
	border-bottom: 1px solid #282821; 
	padding:5px 0;
}
.promo_box_cros .pb_action a.btn {
    float: right;
    margin-top:5px;
    border:none;
}
.promo_box_cros .pb_action a.btn i{
    margin-right:7px;
}
.promo_content_cros h3 {
    color: #444;
    font-size: 22px;
    font-weight: bold;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}

.promo_content_cros h4 {
   /* color: #444; */
   color: #282821;
    font-size: 18px;
  /*  font-weight: bold; */
  line-height: 22px;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin: 0 0 5px; 
	  
}


.promo_content_cros p{
    color:#666;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    margin-bottom:0;
}
.promo_box_cros.dark{
    background:#56565a;
	padding: 5px 0;
	
}
.promo_box_cros.dark .promo_content_plens h3{ 
    color: #fff;
    font-size:18px;
	font-weight: 400;
    line-height:24px; 
    	
	}
.promo_box_plens.dark .promo_content_plens h5{ 
    color: #fff;
    font-size:14px;
	font-weight: 300;
    line-height:20px;
    text-align:center;
    	
	}
	
.promo_box_cros.dark .promo_content_cros h3 a:hover{ color: #ddd; }
.promo_box_cros.dark .promo_content_cros h3 a{ color: #ddd;  }
.promo_box_cros.dark .promo_content_cros p{ color: #eee;
text-align:center;
font-size:12px;
 }


.fons_cros {
	background: #ffffff;
	margin: 0 0 5px;
	padding-left: 5px;
}

.fons_cros h4{
	background: #f1f1f1;
	margin: 0 5px 0 5px;
}



/* =========================================*/
/* 22-b. NOU ACCORDION & TOGGLE PEL CERCADOR                */
/* =========================================*/
.panel-group-cer .switch {
  /*  float: right; */
 /*	float: left;  */
    font-size: 17px;
    color: #524d4d;
}
.panel-group-cer .panel.panel-default{
    border-color: none; /*#e2e2e2; */
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin: 15px 0 0;  
    padding: 3px 0;
}

.panel-group-cer .panel.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color:#fff;
}
.panel-group-cer .panel .panel-body {
    color: #5F5F5F;
	padding: 0px;

}
.panel-default-cer > .panel-heading{
    background: #fff;
	padding: 0px;
	
}


.panel-group-cer .panel + .panel {
    margin-top: -2px;
}
.panel-group-cer i {
    color: #524d4d;
    font-size: 35px; /* 17px; */
    margin: 0 10px; 
	text-align: center; 
}
 .panel-title-cer {
    color: #878787;
    font: lighter 14px/18px "verdana";    
	font-size: 35px; /* 17px; */ 
/*	text-align: center; */
	margin-bottom:-15px;
}

 .panel-title-cer h4 a{
/*	text-align: left; */
	padding:0px 0px 0px 80px; 
}


.panel-default-cer .panel-body{
    color: #323232;
/*	padding: 0px; */
	/* margin:0px; */
	margin-left: -20px;
	margin-top: 5px;
}
 /*.panel-group-cer .panel-default-cer > .panel-heading + .panel-collapse .panel-body{
    border-top-color: #878787; */
 /* 	padding: 0px; */
/*	margin: 0px; 

}*/
.panel-group-cer .panel-title-cer > a{
    color: #585858;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    outline: medium none;
    text-decoration: none;
	padding:0px 0px 0px 70px;
}

.active_acc-cer .panel-title-cer a,
.active_acc-cer .accordian-icon{
    color:#727CB6;
}
.panel.active_acc,
.panel:hover{
 /*   border-top-color:#727CB6; */
 border-top-color:transparent; 
}

.panel-heading:hover  a,
.panel-heading:hover .accordian-icon{
   /* color: #727CB6; */
   color:#000000;
}

/* =========================================*/
/* BLOC 3 ITEMS PG Superior */
/* =========================================*/

.bloc3pg {
    /* border-top: 1px solid #282821; */
	/*background: url("../images/pattern-4.jpg") repeat;*/
	/* background-color: #ddddde;
	border-bottom: 1px solid #282821; 
	padding:5px 0; */
/*	border-bottom-style: double;
	border-bottom-width: 1px; */
	border-bottom: 5px double #000000;
	
	
}

.bloc3item {
/*	border-right-style: solid;  */
/*	border-width: 0.5px; */
/*	border-right-width: 0.3em; */
/*	border-right-width: thin;  */
	border-right: 1px solid #000000; /* #282821; */

}





/* =========================================*/
/* PG Top inici sessió */
/* =========================================*/

.inicisessio {
	padding-right: 20px;
}

/* =========================================*/
/* QUANTCAST */
/* =========================================*/
.qc-cmp-ui,
        .qc-cmp-ui .qc-cmp-main-messaging,
        .qc-cmp-ui .qc-cmp-messaging,
        .qc-cmp-ui .qc-cmp-beta-messaging,
        .qc-cmp-ui .qc-cmp-title,
        .qc-cmp-ui .qc-cmp-sub-title,
        .qc-cmp-ui .qc-cmp-purpose-info,
        .qc-cmp-ui .qc-cmp-table,
        .qc-cmp-ui .qc-cmp-table-header,
        .qc-cmp-ui .qc-cmp-vendor-list,
        .qc-cmp-ui .qc-cmp-vendor-list-title {
            color: #272727 !important;
        }
        .qc-cmp-ui a,
        .qc-cmp-ui .qc-cmp-alt-action {
          color: #272727 !important;
        }
        .qc-cmp-ui {
            background-color: #ededed !important;
        }
        .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
          background-color: #fafafa !important;
        }
        .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
          background-color: #ffffff !important;
        }

/* =================================*/ 
/* ENTREVISTA PG (negre i blanc)   */
/* =========================== */

.entrevista {
	background-color: #282821;
}

.entrevista h3 {
	padding: 10px; 
	color:#FFFFFF; 
    font-weight: 400;
}

.entrevista h3 > a:hover {
	color:#FFFFFF; 	
}


.entrevista h3 a {
	color:#FFFFFF; 
}

.entrevista h2 {
	padding: 10px 10px 0px 10px; 
	color:#FFFFFF; 
    font-weight: 700;
	font-size: 21px;
   /*  border-bottom: 1px solid #ffffff; */ 
	margin-top: 0px; 

}

.entrevista h2 > a:hover {
	color:#FFFFFF; 	
}

.entrevista h2 a {
	color:#FFFFFF; 
}

/* =================================*/ 
/* TIPS FEINA  (negre i blanc)   */
/* =========================== */

.tipsfeina {
	background-color: #000000; /* #282821; */
}


.tipsfeina h3 {
	padding: 10px; 
	color:#FFFFFF; 
    font-weight: 400;
	font-size: 18px;

}

.tipsfeina h3 > a:hover {
	color:#FFFFFF; 	
}


.tipsfeina h3 a {
	color:#FFFFFF; 
}

.tipsfeina h2 {
	padding: 10px 10px 0px 10px; 
	color:#FFFFFF; 
    font-weight: 700;
	font-size: 21px;
   /*  border-bottom: 1px solid #ffffff; */ 
   /* margin-top: 0px; */ 

}

.tipsfeina h2 > a:hover {
	color:#FFFFFF; 	
}

.tipsfeina h2 a {
	color:#FFFFFF; 
}


.tipsfonsblanc {
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.tipsfonsblanc h3 {
	padding: 10px; 
	color:#000000; 
    font-weight: 400;
	font-size: 18px;

}

.tipsfonsblanc h3 > a:hover {
	color:#000000; 	
}


.tipsfonsblanc h3 a {
	color:#000000; 
}



/* ===================================== */ 
/* OFERTA DESTACADA  (gris i negre)      */
/* ==================================== */

.ofertadesta {
	background-color: #c6d307; /* #ddddde;*/
}

.ofertadesta h3 {
	padding: 10px; 
	color:#000000; 
  /*  font-weight: 500; */
	font-size: 18px;
	text-transform: uppercase;
}

.ofertadesta h3 > a:hover {
	color:#000000; 	
}


.ofertadesta h3 a {
	color:#000000; 
}

.ofertadesta h2 {
	padding: 10px 10px 0px 10px; 
	color:#000000; 
    font-weight: 700;
	font-size: 21px;
   /*  border-bottom: 1px solid #ffffff; */ 
	margin-top: 0px; 

}

.ofertadesta h2 > a:hover {
	color:#000000; 	
}

.ofertadesta h2 a {
	color:#000000; 
}

.ofertadesta h5 {
	padding: 0px 10px 5px 10px; 
	color:#000000; 
    font-weight: 400;
	font-size: 15px;
   /*  border-bottom: 1px solid #ffffff; */ 
}

.ofertadesta h4 a {
	color:#000000; 
	font-size: 16px;
    line-height: 19px;	
   /*  border-bottom: 1px solid #ffffff; */ 
}
.ofertadesta h4 {
	padding: 0px 10px 5px 10px; 
	color:#000000; 
	font-size: 16px;
    line-height: 19px;	
   /*  border-bottom: 1px solid #ffffff; */ 
}


.ofertadesta .serviceBox_3 .service_3_img {
	padding: 0px 10px 0px 10px; 
}



/* ===================== */ 
/* TEATRE A LA RÀDIO         */
/* ==================== */

.teatreradioboto {
	background-color: #282821;
	padding: 10px;

	
}

.teatreradioboto h2 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 28px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}

.teatreradioboto h3 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 20px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}


.teatreradio {
	background-color: #282821;
	margin-right:15px;
	
}

.teatreradio h3 {
	padding: 0px 10px 0px 10px; 
	color:#FFFFFF; 
    font-weight: 400;
	font-size: 21px;
}


.teatreradio h3 > a:hover {
	color:#FFFFFF; 	
}


.teatreradio h3 a {
	color:#FFFFFF; 
}


.teatreradio h2 {
	padding: 10px 10px 0px 10px; 
	color:#FFFFFF; 
    font-weight: 400; /* 700; */
	font-size: 21px;
   /*  border-bottom: 1px solid #ffffff; */ 
	margin-top: 0px; 

}

.teatreradio h2 > a:hover {
	color:#FFFFFF; 	
}

.teatreradio h2 a {
	color:#FFFFFF; 
}

.teatreradio h4 {
	color:#FFFFFF; 
    font-weight: 400; /* 600; */ 
	font-size: 16px;
	margin-left: 10px;
}

.service_3_detail_teatreradio {
    margin-top: 7px;
    padding: 7px;
}



.teatreradio_head {
	/* background-color: #ddddde; fdfbfb*/ 
/*	background-color: #fdfbfb;  */
	margin-bottom:10px;
}

.teatreradio_head h2{
/*    color: #555333; */
    color: #444;
	font-size: 23px;
    font-weight: 700;
    line-height: 25px;
}

.teatreradio_head h3{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.teatreradio_head h4{
    color: #555333;
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    margin-top: 0;
}



.teatreradio_head .dividerHeading h4
{
    /* border-bottom: 1px solid #000; */
	border-bottom: none; 
	border-top: none;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0px 10px 0px;
    position: relative;
	color:#000000;
}



/* ===================== */ 
/* RECOMANTAS AGENDA PG         */
/* ==================== */


.recomanatspg {
/* 	background-color: #ddddde; */
border-bottom: 5px double #000000;
border-left: 5px double #000000;
border-right: 5px double #000000;
border-top: 5px double #000000;

}


.recomanatspg2 {
	background-color: #282821; 
/*	background-color: #efebea; */
}

.recomanatspg2 h4 {
	padding: 0px 10px 10px 10px; 
	color:#FFFFFF; 
    font-weight: 400;
}

.recomanatspg2 h4 a {
	color:#FFFFFF; 
}


.recomanatspg3 {
	background-color: #ddddde;
}


.recomanatspg4 {
/* 	background-color: #ddddde; */ 
background-color: #fcf8f7;
/* border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000; */
}

.recomanatspg4 h2{
/*    color: #555333; */
    color: #444;
	font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 0;
}

.recomanatspg4 h4{
    color: #000; /* #555333;*/ 
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    margin-top: 0;
}

.recomanatspg4 .dividerHeading h4
{
    /* border-bottom: 1px solid #000; */
	border-bottom: none; 
	border-top: none;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0px 10px 0px;
    position: relative;
	color:#000000;
}


/* ===================== */ 
/* LLETRA BOTÓ          */
/* ==================== */


.botolletra {
    font-size: 15px;

} 

/* ===================== */ 
/* Botó nadal         */
/* ==================== */


.nadal19 {
    background-color: #eaecee;
    border-color: #abb2b9 ;
    color: #000000;
}

.nadal19-2 {
    background-color: #e8daef;
    border-color:  #af7ac5;
    color: #31708f;
}

.nadal19-3 {
   /*  background-color: #eaecee; */ /* sense color fons, les estrelles */ 
    border-color:  #abb2b9;
    color: #abb2b9;
}


/* ===================== */ 
/* ESPAI TREBALL - FEINA  */
/* ==================== */


.feina1 { /* títol negre */ 
    background-color: #000000;
    border-color: #abb2b9 ;
    color: #ffffff;
}

.feina1 h2{
	color: #ffffff;
    font-size: 21px;
    font-weight: 700;
    margin-top: 0;
    padding: 10px 0px 0;
}

.feina1 h3{
	color: #ffffff;
    font-size: 21px;
    font-weight: 500;
	text-align: center;
    margin-top: 0;
    padding: 10px 0px 0;
}


.feina2 { /* títol gris */ 
    background-color: #ddddde;
    border-color: #abb2b9 ;
    color: #000000;
	margin-top: 10px;
}

.feina2 h2{
	color: #000000;
    font-size: 21px;
    font-weight: 700;
	padding: 0px 0; 
	position: relative;
 /*   margin-top: 0; */
/*    padding: 5px 0px 0; */
}

.feina3 { /* títol gris */ 
    background-color:  #f2f3f4; /* #ddddde; */ 
    border-color: #abb2b9 ;
    color: #000000;	
	margin-top:-10px;

}

.feina3 h3{
	color: #000000;
    font-size: 19px;
    font-weight: 500;
	padding: 10px; 
	position: relative;
	margin-top:0px;
 /*   margin-top: 0; */
/*    padding: 5px 0px 0; */
}

/* ===================== */ 
/* ESPAI MÚSICA  */
/* ==================== */


.botomusica1 { /* títol negre */ 
    /* background-color: #000000; */
  /*   border-color: #abb2b9 ; */
    font-size: 18px;
	margin-bottom: 10px;
}

/* ===================== */ 
/* DESTACAT CORONAVIRUS GRIS  */
/* ==================== */



.grisdest { /* títol gris */ 
    background-color: #ddddde;
    border-color: #abb2b9 ;
    color: #000000;
/* 	margin-top: 10px; */ 
}

.grisdest h2{
	color: #000000;
    font-size: 21px;
    font-weight: 700;
	padding: 0px 0; 
	position: relative;
 /*   margin-top: 0; */
/*    padding: 5px 0px 0; */
}

.service_3_detail_corona2{
	/*border:1px solid #282821;
	border-top:2px solid #282821;*/
	background-color: #c6d307;  /*#008aff; 
	/*background-color: #fdd4d2;*/
	margin-top: 5px; 
	padding:5px 5px;
}
	
.service_3_detail_corona2 h4{
    font-size: 18px;
	font-weight: 700;
	text-align:center;
	/* text-align: justify;  */
	color: #000;	 
	margin-left: 10px;     
}


/* ===================== */ 
/* ESPECIAL JOEMQUEDOACASA  */
/* ==================== */


/* fons */

.joemquedo1 {
	background-color: #E6E6E6;
}

.joemquedo2 {
	background-color: #E6E6E6;
}

.titoljoemquedo1 {
	background-color:  #6D7741; /*#B1C46A; */ /* #088A08; */ 
	
}
.titoljoemquedo1 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titoljoemquedo2 {
	background-color: #96A759; /* #FF8000; */ 
}
.titoljoemquedo2 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titoljoemquedo3 {
	background-color: #B1C46A; /* #B40486; */ 
}
.titoljoemquedo3 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titoljoemquedo4 {
	background-color: #49512C; /* #DF0101; */
}
.titoljoemquedo4 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}


.titoljoemquedo5 {
	background-color:  #30351F; /* #D7DF01; */
}
.titoljoemquedo5 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.contes {
	/* padding: 0px 6px 2px; */
	
    padding-top:10px;
	
}


.joemquedoboto1 {
	background-color: #424242;
	padding: 10px;

	
}

.joemquedoboto1 h2 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 28px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}

.joemquedoboto1 h3 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 20px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}


/* ===================== */ 
/* Menu agenda joemquedocasa         */
/* ==================== */


.agendaqcasa {
	background-color: #000000;
   /*  background-color: #eaecee; */
    /* border-color: #abb2b9 ; */
    color: #ffffff;
	padding: 3px; 
}


/*  ************ */ 
/* Whatsapp */ 

.textvermell { 
color: #FF0000;
} 

/* ===================== */ 
/* Bloc vídeos famosos quedocasa         */
/* ==================== */


.vfamosos {
	background-color: #FFF;
   /*  border-right: 20px solid #5fd4f5; */ 

}

/*.vfamosos_titol {
    margin-left: 15px; 
}*/

.vfamosos_titol2 {  
	margin-bottom: -7px; 
}


.vfamosos_botoxs a {  
	float: right;
	margin-right: 10px;
	font-size: 18px; 
	
	
}


/* ===================================================== */
/* SOCIAL MEDIA BLOC VIDEOS FAMOSOS 					 */
/* ===================================================== */
/*.our-team_fam
{
  overflow:hidden; 
}*/
.social_media_team_fam {
    position:absolute; 
   /* background:rgba(114, 124, 182, 0.55); */
  /*  border:1px solid #ccc; */ /* lo quito */ 
    height:100%;
    width:100%;
    top:0; 
    left:0;
    text-align:center;
 /*   transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
    visibility:hidden; */
}
.our-team_fam:hover .social_media_team_fam
{
    visibility:visible;
   /* transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);*/

}
/*.our-team_fam:hover .pic > img
{
    transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5); 
}*/
.team_social_fam {
    list-style: none outside none;
 	margin: 6px 0 0 0; 
	float: right;
   /* overflow: hidden; */
    padding: 0; 
  text-align: center; 
}


.team_social_fam li {
  display: inline-block;
/*   margin:0 5px; */
 margin:0 15px;
}
.team_social_fam li a {
    color:#fff;
	/*background:rgba(114, 124, 182, 0.55);*/
/*    background:#363636; */
    display:block; 
    height: 4rem; /* 5.5rem; */ /* 65px; 35px; */
    text-align: center; 
    width: 4rem; /* 5.5rem; */  /* 65px; 35px;*/
 /*   border-radius:50%;
   -webkit-border-radius: 50%;
    -moz-border-radius: 50%; */
  /*  -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; */
	
}
.team_social_fam li a i {
    font-size: 3.3rem; /* 4rem; *//*40px; 16px;*/
    line-height: 3.6rem; /* 5rem; */ /* 50px; 35px;*/
    margin-right: 0;

}
.team_social_fam li a.fb:hover      {background: #2f5a9a;}
.team_social_fam li a.twtr:hover    {background: #3abdd1;}
.team_social_fam li a.gmail:hover   {background: #000;}



/* ********************* /* 
/* REGALS CONFINAMENT *** */ 
/* ********************** */

.regalspg {
	background-color: #ddddde; /* #D7DF01; */
}

.regalspg h2{
	/* padding: 0px 6px 2px; */
	padding: 5px 2px 0px 15px;
    color: #000;
	font-weight:700;
	font-size:21px;
	line-height: 25px;

}
.regalspg h3{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 0px 15px;
    color: #000;
	font-size: 18px;
	line-height: 24px; 
}

.regalspg h4{
	
	float: right;
	/* margin-right: 10px;
	margin-bottom: 10px; */
	color: #000;
	font-size: 20px;

	padding: 0px 30px 10px 0px;
	
}



.regalspg img{
	/* padding: 0px 6px 2px; */
	padding: 0px 15px 0px 15px;
    
}

.regalsboto {  
	float: right;
	margin-right: 10px;
	font-size: 18px; 
	
}


/* ===================== */ 
/* ESPECIAL JOTHOPORTOACASA  */
/* ==================== */


/* fons */

.portocasa1 {
	background-color: #E6E6E6;
}


.titolportocasa1 {
	background-color:  #333; 
	
}
.titolportocasa1 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titolportocasa2 {
	background-color: #333; 
}
.titolportocasa2 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titolportocasa3 {
	background-color: #333; 
}
.titolportocasa3 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}

.titolportocasa4 {
	background-color: #333; /* #DF0101; */
}
.titolportocasa4 h2{
	/* padding: 0px 6px 2px; */
	padding: 0px 2px 6px 10px;
    color: #fff;
}




.portocasaboto1 {
	background-color: #424242;
	padding: 10px;

	
}

.portocasaboto1 h2 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 28px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}

.portocasaboto1 h3 {

	color:#FFFFFF; 
    font-weight: 700;
	font-size: 20px;
	text-align: center;
   /*  border-bottom: 1px solid #ffffff; */ 

}


/* ============================== */
/* NOVA AGENDA V2 AMB FILTRES   */
/* ============================== */


.botofiltres { /* pel botó dels filtres groc, passem a verd   */
	background-color: #c6d307; /* #F6D60D; */
	/* color:#FFFFFF; */ 
	font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

#botofiltres2 input[type="submit"] { /* pel botó dels filtres */ 
	 color:#FFFFFF;   	
}

#botofiltres2xs input[type="submit"] { /* pel botó dels filtres versió mòbil */ 
	 color:#FFFFFF;   	
	text-align: left; 
}

.titolgrisf {
	background-color: #434141;
	color:#FFFFFF; 
	padding: 0 6px 2px;
	text-transform: uppercase;	
}

.titolga { /* tonalitats de gris */
	background-color: #2A2826;
	color:#FFFFFF; 
	text-transform: uppercase; 
}

.titolgb { /* tonalitats de gris */
	background-color: #434141;
	color:#FFFFFF; 
	text-transform: uppercase;
}

.titolgc { /* tonalitats de gris */
	background-color: #77726E;
	color:#FFFFFF; 
	text-transform: uppercase;
}

.titolgd { /* tonalitats de gris */
	background-color: #9A9590;
	color:#FFFFFF; 
	text-transform: uppercase;
}

.titolge { /* tonalitats de gris */
	background-color: #C6C2BE;
	color:#FFFFFF; 
	text-transform: uppercase;
}

.seccioacte h4{
	font-size: 18px;	
	color:#FFFFFF; 
	text-transform: uppercase;
}

.conferencies { background-color: #1D70B7; }
.cultura { background-color: #E74007; }
.cursos { background-color: #E5007E; }
.esportsagenda { background-color: #B17F49; }
.exposicions { background-color: #6F6F6E; }
.infantil { background-color: #A2195B; }
.fires { background-color: #F8B133; }
.municipal { background-color: #954a22; }
.musica { background-color: #008D36;}
.politica { background-color: #2D2E82; }
.societat { background-color: #F08EA8; }
.teatre { background-color: #006633; }
.nadal { background-color: #EC6D05; }

.titolgrisa { background-color: #2A2826; /* tonalitats de gris */}
.verdcorpo { background-color: #c6d307; /* tonalitats de gris */}


/* color seccions filtre checkbox seccions  */

.fchecksec .checkbox {
	 margin-top: 5px; 
	 margin-bottom: 10px; 
	}
.fchecksec .checkbox label {
	 padding-left: 10px;  
	}


@media only screen and (min-width: 768px) and (max-width: 989px){

	.fchecksec { /* opcions filtre agenda */ 
	  font-size: 11px;
	}
	.fchecksec .checkbox label {
	 padding-left: 0px; 
	 /* font-weight: bold;  */
	}
	.fchecksec .checkbox {
	 margin-top: 0px; 
	 margin-bottom: 0px; 
	}
}


.fconferencies { color: #1D70B7;}
.fcultura { color: #E74007; }
.fcursos { color: #E5007E; }
.fesportsagenda { color: #B17F49; }
.fexposicions { color: #6F6F6E; }
.finfantil { color: #A2195B; }
.ffires { color: #F8B133; }
.fmunicipal { color: #954a22; }
.fmusica { color: #008D36; }
.fpolitica { color: #2D2E82; }
.fsocietat { color: #F08EA8; }
.fteatre { color: #006633; }
.fnadal { color: #EC6D05; }





.xarxesage {
	font-size: 19px; 
	padding: 8px 2px 0px 8px; 
}


#botocompartir input[type="submit"] {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	padding: 4px;
	border-radius:3px; 
	font-size: 14px;
	line-height: 15px; 
}


.actesxs hr
{
    border-color: #282821;
}

.separadorage hr {
	margin-top: -5px; 
	margin-bottom: 10px; 
	position: relative;
	color:#111;
	border-top: 5px solid #C6C2BE;
}

.itemlloc {
	font-size: 10px;
	line-height: 11px;
}