/* Architecture Ricardo Guedes Website */

/* Reset */


/* Fonts */ 
		 
@font-face {
    font-family: 'normal';
    src: url('../fonts/NBInt-Pro-Light-Dotted.eot');
    src: url('../fonts/NBInt-Pro-Light-Dotted.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NBInt-Pro-Light-Dotted.woff') format('woff'),
         url('../fonts/NBInt-Pro-Light-Dotted.ttf') format('truetype'),
         url('../fonts/NBInt-Pro-Light-Dotted.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

\@font-face {
    font-family: 'italic';
    src: url('../fonts/Roboto-Italic.eot');
    src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Italic.woff') format('woff'),
         url('../fonts/Roboto-Italic.ttf') format('truetype'),
         url('../fonts/Roboto-Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bold';
    src: url('../fonts/NBInt-Pro-Bold-Dotted.eot');
    src: url('../fonts/NBInt-Pro-Bold-Dotted.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NBInt-Pro-Bold-Dotted.woff') format('woff'),
         url('../fonts/NBInt-Pro-Bold-Dotted.ttf') format('truetype'),
         url('../fonts/NBInt-Pro-Bold-Dotted.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}		 

html,body   { 	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;cursor:crosshair;min-height:101%;}

 div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline; 
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav,  {
	display: block;
}


/* GLOBAL */

html	{}
img		{ width:100% }
	

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* HEADINGS */

h1 {  font: 2em 'bold'; }

h2 { font: 5em 'bold';padding:1px 0; }

/* PROJECT CAPTION */

h3 { font: 2.5em 'bold'; padding:1px 0; }

/* TAG */

h4 { font: 4em 'bold'; padding:0px 0;}

h5 { font: 1.8em 'bold'; padding:1px 0;}

/* ... */

h6 { font: 1.3em 'bold'; }


/* TEXT */

p								{font:1.8em 'bold';line-height:1.5em; text-align:left;}

strong							{line-height:auto; text-decoration: none; font-family:'bold'}  
 
italic							{ color: #000; line-height:auto; font:5em Arial; font-weight:bold; }

/* LINKS */

a								{ text-decoration:none;color:rgb(0,0,0); cursor:pointer }
a:link		
a:visited						{ color: #000;	}
a:active						{ color:#000;	}
a:focus							{ 	}
a:hover							{ width:auto; text-decoration:none;}


@media only screen and (min-width: 320px) and (max-width: 767px) {
	
/* Mobile Navigation */
.nav-mobile 					{ display:none; cursor:pointer; position:absolute; top:-30px; right:20px;background: url(../images/icons/nav.svg) no-repeat center center; height:20px; width:30px; z-index:9}

body							{ font-size:62.5%; line-height: 1; background-color: rgba(255,255,255,1); min-height:100%; margin-bottom:30px }

.wrapper						{ width:100%; padding:0;}	

/* GRID */

.container-fluid				{ width:100%; padding:0; margin:0;min-height:0px !important;}	
.row							{ width:100%; padding:0; margin:0}	

/* NAV */

.fixed-top						{ width:100%;position: fixed; z-index:2; height:63px; background:rgba(255,255,255,1);top: 0px;display:block; margin: 0} 
.fixed-bottom					{ width:100%; position: fixed; z-index:1; height:25px;bottom: 0px;background:rgba(255,255,255,1); color: rgb(0,0,0); } 

.fixed-top2						{ width:100%;position: fixed; z-index:1; min-height:63px; background:rgba(255,255,255,0);top: 0px;display:block; margin: 0} 
.fixed-bottom2					{ width:100%; position: fixed; z-index:1; height:25px;bottom: 0px;background:rgba(255,255,255,0); color: rgb(0,0,0); } 

.header							{ height:auto; background:rgba(25,25,25,0);display: block;margin:0px; z-index:99; position:relative}
.header	a						{ width:100%;margin:0px}	
.header	a img					{ width:120px; margin:15px 15px 0 15px; height:auto;}	
.header	a:hover					{}

.nav-mobile 					{ display:block;  }
.nav 							{ width:auto; padding:0px 10px; background: rgba(255,255,255,1) ;margin:-50px 0; z-index:8;  }
.nav-list 						{ display:none; height:700px; }
.nav-item 						{ float:right;text-align:left; width:auto; float:left; clear:both; padding:5px 0; }
.nav-item-social 				{ text-align:center; width:15%;padding:100px 0px 15px 0;}

.nav-item 	a 	h2				{ margin: 5px 0;padding:5px; display:inline-block; width:100%;color:rgb(0,0,0);}
.nav-item	a:hover		h2		{ background-color: rgb(0,0,0);color: rgb(255,220,0); }
.nav-item .current_link  h2		{ color:rgb(0,0,0); background:rgba(255,220,0,1);}

.nav-active 					{ display:block;}

.nav-item   h2					{ color:rgb(255,220,0);}


/* FOOTER */

.footer							{ width:100%; margin:0; padding:0px;font-size:.55em;}

.copyright						{ float:left;padding:10px 0px 0 15px;}

.footer-contact					{ float:right;background:rgba(255,5,25,0); display:inline;padding:10px 15px 0 0px;}
.footer-contact		a			{ padding-left:5px; color:rgb(0,0,0)}
.footer-contact		a:hover		{ color:rgb(255,220,0); width:auto}

/* BASE */

.content		 				{ background-color:rgba(104,51,0,0); margin-top:130px; height:auto; width:100%; }

/* INDEX */

.manifesto 						{ width: 100%;height:auto; padding:0; font-size:.5em;margin:60px 0 0px 0; background-color:rgba(255,55,255,0);}
.manifesto 	a	 				{ color: rgb(255,255,255);padding:0px 15px;display:block;background-color:rgba(25,255,255,0);cursor:crosshair}
.manifesto 	h2					{ line-height:1.15em; padding:0px ;background-color:rgba(255,25,255,0) }
.manifesto  h2:hover 			{ background:rgba(255,220,0,0);color: rgb(0,0,0); }
.manifesto 	span				{ color:rgb(255,220,0); background-color:rgba(0,0,0,1); padding:3px}

/* STUDIO */

.section						{ text-align:left; margin-top:0px; padding:0; position:relative}

#menu							{ background:rgba(255,255,255,1); height:auto; width:100%; float:right; font-size:.6em; margin:10px 0 ; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }
#menu	ul						{ height:auto;float:right}
#menu 	li						{ display:inline; }
#menu	a	 					{background-color:transparent;color: rgb(153,153,153);padding:2px 10px;position:relative;overflow:visible;margin:2px 10px ;display:inline;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; float:left;}
#menu	a:hover					{ color: rgb(0,0,0);}
#menu 	li.active a				{ background:rgb(255,220,0);color: rgb(0,0,0);}


/* WORK */

.program						{ background:rgba(255,255,255,1); height:auto; width:100%; float:right; display:inline; font-size:.6em; margin:10px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer }

.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:1px 0 ;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.contentwork		 			{ background-color:rgba(104,51,0,0); margin:125px 5% 0 5%; height:auto; width:90%; z-index:0; position:relative }

.contentnews		 			{ background-color:rgba(104,51,0,0); margin:100px 5% 0 5%; height:auto; width:90%; z-index:0; position:relative }

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

body							{ font-size:62.5%; line-height: 1; background-color:rgba(255,255,255,1); min-height:100%;}

/* GRID */

.wrapper						{ width:92%;margin-left:auto;margin-right: auto ;margin-bottom:40px}	
.container-fluid				{ width:100%; padding:0; margin:0;min-height:0px !important;}	
.row							{ width:100%; padding:0; margin:0}	

/* NAV */

.fixed-top						{ width:92%;position: fixed; z-index:999999; min-height:90px; background:rgba(255,255,255,1);top: 0px;display:block; margin: 0} 
.fixed-bottom					{ width:92%; position: fixed; z-index:999999; height:40px;bottom: 0px;background:rgba(255,255,255,1); color: rgb(0,0,0);} 

.fixed-top2						{ width:92%;position: fixed; z-index:9999; min-height:90px; background:rgba(255,25,25,0);top: 0px;display:block; margin: 0;} 
.fixed-bottom2					{ width:92%; position: fixed; z-index:9999; height:40px;bottom: 0px;background:rgba(255,255,255,0); color: rgb(0,0,0);} 

.header							{ height:auto; background:rgba(25,255,25,0);display: block;margin:10px 0 0 0; }
.header	a						{ width:100%;margin:0px}	
.header	a img					{ width:70%; margin:40px 0px 0px 25px; height:auto}	
				
.nav							{ height:auto; background:rgba(255,25,55,0); margin:10px 0 0 0 ; display:block}
.nav-list 						{ background:rgba(255,252,15,0); float:right; text-align:right; }
.nav-item						{ font-size:.7em;display:inline-block; }
.nav-item 	a h2				{ padding:0px 15px; margin-top:0; color:rgb(0,0,0); background:rgba(115,25,5,0);}
.nav-item	a:hover	h2			{ background-color: rgb(0,0,0);color: rgb(255,220,0);}
.nav-item .current_link  h2		{ color:rgb(0,0,0); background:rgba(255,220,0,1);}

/* FOOTER */

.footer							{ width:100%; margin:0; padding:15px 25px 0 25px;font-size:.9em;}

.copyright						{ float:left;}

.footer-contact					{ float:right;background:rgba(255,5,25,0); display:inline;}
.footer-contact		a			{ padding-left:5px; color:rgb(0,0,0)}
.footer-contact		a:hover		{ color:rgb(255,220,0); width:auto}

/* INDEX */

.manifesto 						{ width: 100%;height:auto; padding:0; font-size:1em;margin:120px 0 35px 0;background-color:rgba(255,55,255,0);}
.manifesto 	a	 				{ color: rgb(255,255,255);padding:0px 25px;display:block;background-color:rgba(25,255,255,0);cursor:crosshair}
.manifesto 	h2					{ line-height:1.2em; padding:0px ;background-color:rgba(255,25,255,0) }
.manifesto  h2:hover 			{ background:rgba(255,220,0,0);color: rgb(0,0,0); }
.manifesto 	span				{ color:rgb(255,220,0); background-color:rgba(0,0,0,1); padding:3px 6px}

/* STUDIO */

.section						{text-align:left; margin-top:0px; padding:0}

#menu							{ background:rgba(255,255,255,1); height:auto; width:100%; float:right; font-size:.7em; margin:5px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }
#menu	ul						{ height:auto;float:right}
#menu 	li						{ display:inline;}
#menu	a	 					{color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 3px ;display:inline;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:left;}
#menu	a:hover					{ color: rgb(0,0,0);}
#menu 	li.active a				{ background:rgb(255,220,0);color: rgb(0,0,0);}

/* WORK */

.program						{ background:rgba(255,255,255,1); height:auto; width:100%; float:right; display:inline; font-size:.7em; margin:0px 0 0px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }

.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:2px 0 ;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.contentwork		 			{ background-color:rgba(104,51,0,0); margin-top:145px; height:auto; width:100%; z-index:1 }

.contentnews		 			{ background-color:rgba(104,51,0,0); margin-top:145px; height:auto; width:100%; z-index:1 }

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
	
body							{  font-size:62.5%; line-height: 1; background-color: rgba(255,255,255,1); min-height:100%;  }


/* GRID */

.wrapper						{ width:92%;margin-left:auto;margin-right: auto ;margin-bottom:35px}	
.container-fluid				{ width:100%; padding:0; margin:0;min-height:0px !important;}	
.row							{ width:100%; padding:0; margin:0}	

/* NAV */

.fixed-top						{ width:92%;position: fixed; z-index:9999; min-height:90px; background:rgba(255,255,255,1);top: 0px;display:block; margin: 0} 
.fixed-bottom					{ width:92%; position: fixed; z-index:9999; height:35px;bottom: 0px;background:rgba(255,255,255,1); color: rgb(0,0,0);} 

.fixed-top2						{ width:92%;position: fixed; z-index:9999; min-height:90px; background:rgba(255,115,5,0);top: 0px;display:block; margin: 0;} 
.fixed-bottom2					{ width:92%; position: fixed; z-index:9999; height:35px;bottom: 0px;background:rgba(255,255,255,0); color: rgb(0,0,0);} 

.header							{ height:auto; background:rgba(25,255,25,0);display: block;margin:10px 0 0 0; }
.header	a						{ width:100%;margin:0px}	
.header	a img					{ width:75%; margin:40px 0px 0px 15px; height:auto}	

.nav							{ height:auto; background:rgba(255,25,55,0); margin:10px 0 0 0; }
.nav-list 						{ background:rgba(255,252,15,0); float:right; text-align:right;}
.nav-item						{ font-size:.7em;display:inline-block;zoom:1; }
.nav-item 	a h2				{ padding:0px 15px; margin-top:0; color:rgb(0,0,0); background:rgba(115,25,5,0);}
.nav-item	a:hover	h2			{ background-color: rgb(0,0,0);color: rgb(255,220,0);}
.nav-item .current_link  h2		{ color:rgb(0,0,0); background:rgba(255,220,0,1);}

.nav-item   h2					{ color:rgb(255,220,0);}

/* FOOTER */

.footer							{ width:100%; margin:0; padding:12px 25px 0 25px;font-size:.9em;}

.copyright						{ float:left;}

.footer-contact					{ float:right;background:rgba(255,5,25,0); display:inline;}
.footer-contact	a				{ padding-left:5px; color:rgb(0,0,0)}
.footer-contact		a:hover		{ color:rgb(255,220,0); width:auto}

/* INDEX */

.manifesto 						{ width: 100%;height:auto; padding:0; font-size:.9em;margin:100px 0 35px 0;background-color:rgba(255,55,255,0)}
.manifesto 	a	 				{ color: rgb(255,255,255);padding:0px 15px;display:block;background-color:rgba(25,255,255,0);cursor:crosshair}
.manifesto 	h2					{ line-height:1.15em; padding:0px 0 0 5px ;background-color:rgba(255,25,255,0) }
.manifesto  h2:hover 			{ background:rgba(255,220,0,0);color: rgb(0,0,0); }
.manifesto 	span				{ color:rgb(255,220,0); background-color:rgba(0,0,0,1); padding:3px}

/* STUDIO */

.section						{text-align:left; margin-top:0px; padding:0}

#menu							{ background:rgba(255,255,255,1); height:auto; width:100%; float:right;font-size:.7em; margin:5px 0; text-decoration:none;text-align:left; padding:5px 15px; cursor:pointer  }
#menu	ul						{ height:auto; float:right}
#menu 	li						{display:inline;}
#menu	a	 					{color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 3px ;display:inline;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float: left }
#menu	a:hover					{ color: rgb(0,0,0);}
#menu 	li.active a				{ background:rgb(255,220,0);color: rgb(0,0,0);}

/* WORK */

.program						{ background:rgba(255,255,255,1); height:auto; width:100%; float:right; display:inline; font-size:.7em; margin:5px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }

.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 0 ;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.contentwork		 			{ background-color:rgba(104,51,0,0); margin-top:130px; height:auto; width:100%; }

.contentnews		 			{ background-color:rgba(104,51,0,0); margin-top:130px; height:auto; width:100%; }
	
}
 
/* Large devices (desktops, 1200px) */
@media (min-width: 1025px) and (max-width: 1823px) {

body							{ font-size:62.5%; line-height: 1; background-color: rgba(255,255,255,1); min-height:100%;  }
	
/* GRID */

.wrapper						{ width:90%;margin-left:auto;margin-right: auto ;margin-bottom:50px}	
.container-fluid				{ width:100%; padding:0; margin:0;min-height:0px !important;}	
.row							{ width:100%; padding:0; margin:0}	

/* NAV */

.fixed-top						{ width:90%;position: fixed; z-index:9999; min-height:110px; background:rgba(255,255,255,1);top: 0px;display:block; margin: 0} 
.fixed-bottom					{ width:90%; position: fixed; z-index:9999; height:40px;bottom: 0px;background:rgba(255,255,255,1); color: rgb(0,0,0);} 

.fixed-top2						{ width:90%;position: fixed; z-index:9999; min-height:110px; background:rgba(255,255,255,0);top: 0px;display:block; margin: 0;} 
.fixed-bottom2					{ width:90%; position: fixed; z-index:9999; height:40px;bottom: 0px;background:rgba(255,255,255,0); color: rgb(0,0,0);} 

/* navigation */

.header							{ height:auto; background:rgba(25,255,25,0);display: block;margin:10px 0 0 0; }
.header	a						{ width:100%;margin:0px}	
.header	a img					{ width:65%; margin:55px 0px 0px 25px; height:auto}	

.nav							{ height:auto; background:rgba(255,25,55,0); margin:10px 0 0 0; }
.nav-list 						{ background:rgba(255,252,15,0); float:right; text-align:right;}
.nav-item						{ font-size:.85em;display:inline-block;zoom:1; }
.nav-item 	a h2				{ padding:0px 15px; margin-top:0; color:rgb(0,0,0); background:rgba(115,25,5,0);}
.nav-item	a:hover	h2			{ background-color: rgb(0,0,0);color: rgb(255,220,0);}
.nav-item .current_link  h2		{ color:rgb(0,0,0); background:rgba(255,220,0,1);}

.nav-item   h2					{ color:rgb(255,220,0);}
				
/* FOOTER */

.footer							{ width:100%; margin:0; padding:20px 25px 0 25px;font-size:.9em;}

.copyright						{ float:left;}

.footer-contact					{ float:right;background:rgba(255,5,25,0); display:inline;}
.footer-contact	a				{ padding-left:10px; color:rgb(0,0,0)}
.footer-contact		a:hover		{ color:rgb(255,220,0); width:auto}

/* INDEX */

.manifesto 						{ width: 100%; padding:0; font-size:1.1vmin;margin:130px 10px ;background-color:rgba(255,55,255,0);}
.manifesto 	a	 				{ color: rgb(255,255,255);padding:0px 15px;display:block;background-color:rgba(25,255,255,0);cursor:crosshair}
.manifesto 	h2					{ line-height:1.25em; padding:0px ;background-color:rgba(255,25,255,0) }
.manifesto  h2:hover 			{ background:rgba(255,220,0,0);color: rgb(0,0,0); }
.manifesto 	span				{ color:rgb(255,220,0); background-color:rgba(0,0,0,1); padding:3px 15px; margin:0 5px}
.manifesto 	strong				{ color:rgba(255,220,0,0); }

/* STUDIO */

.section						{text-align:left; margin-top:0px; padding:0}

#menu							{ background:rgba(255,255,255,1); height:30px; width:100%; float:right; font-size:.85em; margin:5px 0; text-decoration:none;text-align:left; padding:5px 15px; cursor:pointer }
#menu	ul						{ height:auto;float:right; }
#menu 	li						{ display:inline; }
#menu	a	 					{color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 5px ;display:inline;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:left;}
#menu	a:hover					{ color: rgb(0,0,0);}
#menu 	li.active a				{ background:rgb(255,220,0);color: rgb(0,0,0); text-decoration:none}

/* WORK */

.program						{ background:rgba(255,255,255,1); height:30px; width:100%; float:right; display:inline; font-size:.85em; margin:5px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }

.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 0 ;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.contentwork		 			{ background-color:rgba(104,51,255,0); margin-top:150px; height:auto; width:100%; }

.contentnews		 			{ background-color:rgba(104,51,255,0); margin-top:150px; height:auto; width:100%; }


}

/* Large devices (large desktops, 1824px and up) */
@media (min-width: 1824px) {

body							{ font-size:62.5%; line-height: 1; background-color: rgba(255,255,255,1); min-height:100%;  }
	
/* GRID */

.wrapper						{ width:90%;margin-left:auto;margin-right: auto ;margin-bottom:50px}	
.container-fluid				{ width:100%; padding:0; margin:0;min-height:0px !important;}
.row							{ width:100%; padding:0; margin:0}	

/* NAV */

.fixed-top						{ width:90%;position: fixed; z-index:9999; min-height:115px; background:rgba(255,255,255,1);top: 0px;display:block; margin: 0;mix-blend-mode: normal;} 
.fixed-bottom					{ width:90%; position: fixed; z-index:9999; height:50px;bottom: 0px;background:rgba(255,255,255,1); color: rgb(0,0,0);} 

.fixed-top2						{ width:90%;position: fixed; z-index:9999; min-height:115px; background:rgba(255,255,255,0);top: 0px;display:block; margin: 0;mix-blend-mode: normal;} 
.fixed-bottom2					{ width:90%; position: fixed; z-index:9999; height:50px;bottom: 0px;background:rgba(255,255,255,0); color: rgb(0,0,0);} 

/* navigation */

.header							{ height:auto; background:rgba(25,255,25,0);display: block;margin:10px 0 0 0; }
.header	a						{ width:100%;margin:0px}	
.header	a img					{ width:60%; margin:55px 0px 0px 25px; height:auto;background:rgba(25,255,25,0)}	


.nav							{ height:auto; background:rgba(255,25,55,0); margin:10px 0 0 0; }
.nav-list 						{ background:rgba(255,252,15,0); float:right; text-align:right;}
.nav-item						{ font-size:1.1em;display:inline-block;zoom:1; }
.nav-item 	a h2				{ padding:0px 18px; margin-top:0; color:rgb(0,0,0); background:rgba(115,25,5,0);}
.nav-item	a:hover	h2			{ background-color: rgb(0,0,0);color: rgb(255,220,0);}

.nav-item .current_link  h2		{ color:rgb(0,0,0); background:rgba(255,220,0,1);}
				
.nav-item   h2					{ color:rgb(255,220,0);}

/* FOOTER */

.footer							{ width:100%; margin:0; padding:20px 25px 0 25px;font-size:1em;}

.copyright						{ float:left;}

.footer-contact					{ float:right;background:rgba(255,5,25,0); display:inline;}
.footer-contact	a				{ padding-left:10px; color:rgb(0,0,0)}
.footer-contact		a:hover		{ color:rgb(255,220,0); width:auto}

/* BASE */

.content		 				{ background-color:rgba(204,204,204,0); margin-top:170px; height:auto; width:100%; }

/* INDEX */

.manifesto 						{ width: 100%; padding:0; font-size:1.25em;margin:130px 10px ;background-color:rgba(255,55,255,0);mix-blend-mode: normal;}
.manifesto 	a	 				{ color: rgb(255,255,255);padding:0px 15px;display:block;background-color:rgba(25,255,255,0);cursor:crosshair}
.manifesto 	h2					{ line-height:1.25em; padding:0px ;background-color:rgba(255,25,255,0) }
.manifesto  h2:hover 			{ background:rgba(255,220,0,0);color: rgb(0,0,0); }
.manifesto 	span				{ color:rgb(255,220,0); background-color:rgba(0,0,0,1); padding:3px 15px; margin:0 5px}
.manifesto 	strong				{ color:rgba(255,220,0,0); }

/* STUDIO */

.section						{text-align:left; padding:0}

#menu							{ background:rgba(255,255,255,1); height:30px; width:100%; float:right;  font-size:1em; margin:10px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }
#menu	ul						{ height:auto; float:right}
#menu 	li						{ display:inline;}
#menu	a	 					{color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 8px ;display:inline;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:left;}
#menu	a:hover					{ color: rgb(0,0,0);}
#menu 	li.active a				{ background:rgb(255,220,0);color: rgb(0,0,0); text-decoration:none}


/* WORK */

.program						{ background:rgba(255,255,255,1); height:30px; width:100%; float:right; display:inline; font-size:1em; margin:10px 0; text-decoration:none;text-align:right; padding:5px 15px; cursor:pointer  }

.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color: rgb(153,153,153);padding:2px 7px 0 7px;position:relative;overflow:visible;margin:0 0 ;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.contentwork		 			{ background-color:rgba(104,51,255,0); margin-top:180px; height:auto; width:100%; }

.contentnews		 			{ background-color:rgba(104,51,255,0); margin-top:180px; height:auto; width:100%; }

}
