a {  text-decoration: none; outline:none; color:#797979;}
a:hover { outline:none; color:#f58134;}
img{border:none; outline:none;}
/*
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
h1{margin-bottom:40px;font-size:28px;line-height:32px}
h2,h3,h4,h5{margin-bottom:24px}
h2{font-size:22px;line-height:26px}
h3{font-size:20px;line-height:24px;color:#646464}
h4{font-size:16px;line-height:20px}
h5{font-size:12px;line-height:16px}
h4,h5{color:#7f7f7f}*/

projects{background:#FFF; margin:0px; padding:0px;}
 .projects #filters{padding:0px;}
.checklist{padding:0; margin:0; margin-bottom:50px; font-size:13px; line-height:16px; color:#797979; list-style:none;}
.checklist li{position:relative; display:block; padding-left:20px; margin:22px 0 0 0px; font-size:14px; line-height:16px; cursor:pointer;}
.checklist li:before{position:absolute; top:2px; left:0; display:inline-block; width:12px; height:12px; padding-top:2px; margin-right:8px; border:1px solid #666;content:''}
.checklist li:hover{color:#f58134}
.checklist li:hover:before{border-color:#f58134}
.checklist li.active{color:#f58134;}
.checklist li.active:before{background:#f58134; border-color:#f58134;}

.containerProj { position: relative; /*width:960px;*/ margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
  transition: all 1s ease; text-align:left;}
 
#filters {margin:0; padding:0; list-style:none;}

#filters li { width:auto; margin:10px 40px 25px 0px; float:left;}
#filters li span { display: block; padding:0px; text-decoration:none; color:#666; line-height:16px; cursor: pointer; font-size:17px; font-weight:bold; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 16px;
color: #666;}
#filters li span:hover{ color:#f58134; display: block; padding:0px;	text-decoration:none; cursor: pointer; }
#filters li span.active { color: #f58134;}
 
#portfoliolist{width:100%; height:auto; float:left; float:left;}
#portfoliolist a .portfolio{ float:left;}
#portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; /*width:285px; height:250px;*/ margin:0px 0% 3% 0%; display:none; float:left; overflow:hidden; }
.portfolio-wrapper { overflow:hidden; position: relative !important; background: #FFF; cursor:pointer; }
.portfolio img { max-width:100%; position: relative; }
.portfolio .label { position: absolute; width: 100%; height:60px; bottom:-60px; }
.portfolio .label-bg { background: #FFF; width: 100%; height:100%; position: absolute; top:0; left:0; }
.portfolio .label-text { position: relative; z-index:500; margin:12px 8px 8px 8px; bottom: 0px; font-size: 16px; font-weight: 600; line-height: 20px; color: rgb(121, 121, 121); text-transform: uppercase; text-align:center; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;}
.portfolio .text-category { display:block; margin:5px 0px; font-size: 11px; line-height: 16px; color: #797979; font-family:'PT Sans',"Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration:none;}

.portfolio .label-bg { background: #FFF; width: 100%; height:100%; position: absolute; top:0; left:0; }


/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {/*width: 768px;*/}
}

/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.container { /*width: 95%;*/ }
	
#portfoliolist .portfolio {	/*width:48%;	margin:1%;*/}		
#ads {	display:none;}	
}

/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { /*width: 70%;*/ }	
#ads { display:none; }	
}

/* #Clearing */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}