/* 
# Wagstaffs Design Main Stylesheet.

 __     __   ______   ______   ______   ______  ______   ______  ______  ______    
/\ \  _ \ \ /\  __ \ /\  ___\ /\  ___\ /\__  _\/\  __ \ /\  ___\/\  ___\/\  ___\   
\ \ \/ ".\ \\ \  __ \\ \ \__ \\ \___  \\/_/\ \/\ \  __ \\ \  __\\ \  __\\ \___  \  
 \ \__/".~\_\\ \_\ \_\\ \_____\\/\_____\  \ \_\ \ \_\ \_\\ \_\   \ \_\   \/\_____\ 
  \/_/   \/_/ \/_/\/_/ \/_____/ \/_____/   \/_/  \/_/\/_/ \/_/    \/_/    \/_____/ 
                  _____    ______   ______   __   ______   __   __                                  
                 /\  __-. /\  ___\ /\  ___\ /\ \ /\  ___\ /\ "-.\ \                                 
                 \ \ \/\ \\ \  __\ \ \___  \\ \ \\ \ \__ \\ \ \-.  \                                
                  \ \____- \ \_____\\/\_____\\ \_\\ \_____\\ \_\\"\_\                               
                   \/____/  \/_____/ \/_____/ \/_/ \/_____/ \/_/ \/_/  
                  
                   
                     :: heyhussain :: hyperjelly :: andreanoades ::  


Author: Hussain Ali, Tom Ragan, Andrea Noades

Date Created 24th August 12 @heyhussain
Date Edited 28th Feb 2013 @heyhussain
Date Released : 16th March 13 @heyhussain
Date edited : 6th Aug 13  @heyhussain
Date edited : 10th July 2014 @heyhussain


       
# background-color:#272a2c;  
# color:#D0D2D3;
       

THIS DOCUMENT IS NOT FOR APPENDING! 
DO NOT ADD NEW ELEMENTS IN THIS DOCUMENT.
 
*/      

/*Custom Social Media icon typeface. */
@font-face {
    font-family: 'wagstaffs_design_icon_fontRg';
    src: url('http://www.wagstaffsdesign.co.uk/styles/fontface/wagstaffsdesigniconfont-webfont.eot');
    src: url('http://www.wagstaffsdesign.co.uk/styles/fontface/wagstaffsdesigniconfont-webfont.eot#iefix') format('embedded-opentype'),
         url('fontface/wagstaffsdesigniconfont-webfont.woff') format('woff'),
         url('fontface/wagstaffsdesigniconfont-webfont.ttf') format('truetype'),
         url('fontface/wagstaffsdesigniconfont-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}               





 /* Custom text-selection colour*/
::-moz-selection{background: #666; text-shadow: none;}
::selection {background: #666;  text-shadow: none;}              
                                                                

html{ 

}
 
html.no-js iframe{
   display:none;
}

#projectcontent img{
    width:100%;
}       

/*Global Design Template*/
body{
    background-color:#272a2c;  
    color:#BBB;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; 
    font-weight:400;
    font-stretch:normal; 
    line-height:16px;
    font-size:13px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    box-shadow: inset 0 100px 0 #fff;
	} 

/*Links*/
a{ 
	text-decoration:none;
	outline:none;
	      
}
a:link{color:#AAA;/*color:#D0D2D3;*/}   
a:visited{color:#AAA;}
a:hover{color:white;} 
a:active{color:white;}
a.selected{color:white;}     

#masternav a:link{color:#000;/*color:#D0D2D3;*/}   
#masternav a:visited{color:#000;}
#masternav a:hover{color:#000;} 
#masternav a:active{color:#000;}
#masternav a.selected{color:#000;}

h1{ font-size:20px;color:#ccc;}
h2{}                                                                     
h3{font-size:16px;line-height:30px;color:#ccc;} 



/*Position Structure*/

.hide{display:none; }            
.show{ display:block}
.float-right{float:right;}
.float-left{float:left;}
.float-bottom{position:absolute; bottom:0;}
.absolute-object{position:absolute; z-index:2;}
.inline{display:inline-block;}   
#clear{clear:both;}   
.clear{clear:both;}             

  




/* Actual Page Structure */ 
   

 #sidebar{
    width:284px;
    height:100%;
    min-height:786px;
    position:relative;
    float:left; 
/*    background-color:#272a2c;  */
    z-index:10;
 }


#content{
	width:720px;
     height:100%;
     position:relative; 
         float:left;   

}
  

/*Nav,cookies,header.sidebar*/
                                
 
#masterlogo{
	height:32px;
	width:170px;
	font-size:0px;
	color:transparent;
	margin-top:30px;
	margin-bottom:43px;
	margin-left:28px;  
	
	} 
	
	
.masterlogolink{
    display:block;
    height:28px;
	width:170px;
	position:absolute;
}    
     
     
 
/*MODERNIZER LOGOs FALLBACK*/     


html.js.svg .masterlogosprite{  
    background-image:url('http://www.wagstaffsdesign.co.uk/styles/wagstaffsdesignlogo.png');
    background-repeat:no-repeat;
    background-position:0px -4px;
    background-position: 0 0;
    height:32px;
    width:170px;
    height: 42px;
    width: 204px;
    }
         
    
html.no-svg .masterlogosprite, 
html.no-js .masterlogosprite{  
    background-image:url('sprite2.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    height:32px;
    width:170px;
    }   
    
    
#mastersidebar{
    width:202px;
    padding-left:26px;   
}            
            

/*Sidebar*/


/*Sector-Services Sorting */ 


#cats{
/*  	 border-top:1px solid #999;  */
    padding:15px 0; 
}
  
#catssectors, #catsservice{
	width:170px;
	margin:0;
	height:170px;
} 
#catsservice{
     height:200px;   
    }  

ul#catssectors li , #catsservice li{
	font-size:14px;
	font-weight:Normal;
	padding-top:10px;
	height:19px;
	width:170px;
}  



ul#catssectors li a.activefilter,
ul#catsservice li a.activefilter{
    color:white;
    font-weight:bold;
}


   
.catsheaders{
    text-transform:uppercase;
    font-size:14px;
      color:white;   
    
}  
#catssectors{}
#catsservice{}        

#contactnumber{
	padding:20px 0;
	font-size:15px;
	 border-top:1px solid #999;
   
}   
          
.vuitnowlink{
    display:block;
    height:20px;
    width:202px;
    padding:15px 0;
    border-top:1px solid #999; 
}  

.appstorelink{
    display:block;
    height:30px;
    width:202px;
        padding:15px 0;
    border-top:1px solid #999; 
    border-bottom:1px solid #999;   
}

            


                                                            
html.svg .vuitnowsprite{
        background-image:url('vuitnowlogosmall.svg');
        background-repeat:no-repeat;
        background-position:0px 0px; 
        height:13px;
        width:170px;
        position:absolute;   
}
     

                                                            
html.svg .appstorelogo{
/*        background-image:url('appstorelogo.svg');*/   

        background-repeat:no-repeat;
        background-position:0px 0px; 
        height:30px;
        width:170px;
        position:absolute;
        font-family: 'wagstaffs_design_icon_fontRg';
        font-size:50px;        
        line-height: 33px;
   
}
 
 
       
       
        
html.no-svg .vuitnowsprite,
html.no-js .vuitnowsprite{
    background-image:url('sprite2.png');
    background-repeat:no-repeat;
    background-position:0px -32px; 
    height:12px;
    width:170px;
    position:absolute; 

}  

html.no-svg .appstorelogo,
html.no-js .appstorelogo{
    background-image:url('appstorelogo.png');
    background-repeat:no-repeat;
    background-position: 0px 0px;
    height: 32px;
    width: 170px;   
    position:absolute; 
    font-size:0px;

}     



/*Social Icons @fontface custom typeface  */


/*#SocialIcons{
font-family: 'wagstaffs_design_icon_fontRg';
width:200px;
padding-top: 20px;
}  */ 

/*#SocialIcons a.icons{
  color:#C0C0C0;   

font-family: 'wagstaffs_design_icon_fontRg';
float: left;
width: 39px;
line-height: 43px;
font-size: 38px;
}*/  
 
/*#SocialIcons a.icons span{
font-size:1px;
color:transparent;
width:0px;
height:0px;
display: block;
}*/
    
/*#SocialIcons a.icons:hover{
color:white;
}*/

/*.fb{
    
}
.twitter{
    
} 

.youtube{
    
}
.vimeo{
    
} */

/*Social Icons - now using png's */


#SocialIcons{
padding-top: 20px;
}   


#SocialIcons a.icons{
color:#C0C0C0;   
float: left;
width: 40px;
height: 40px;
}  
 
#SocialIcons a.icons span{
color:transparent;
width:0px;
height:0px;
display: block;
}
    
#SocialIcons a.icons:hover{
color:white;
}

#SocialIcons a.icons.fb {
background: url('fb.png') center no-repeat;
background-size: 30px 30px;
}

#SocialIcons a.icons.twitter {
background: url('twitter.png') center no-repeat;
background-size: 30px 30px;
}

#SocialIcons a.icons.linkedin {
background: url('in.png') center no-repeat;
background-size: 30px 30px;
}

#SocialIcons a.icons.youtube {
background: url('ytube.png') center no-repeat;
background-size: 30px 30px;
}

#SocialIcons a.icons.vimeo {
background: url('vimeo.png') center no-repeat;
background-size: 30px 30px;
}


/*Download policy documnets */

	/*Policy Downloads*/
	
	a.policyAnchor {
		text-decoration:none;
	    font-size: 15px;
	    line-height: 31px;
	}    
	
	
	
	        
span.dl.icons {
font-family: 'wagstaffs_design_icon_fontRg';
text-decoration: none!important;
font-size: 34px; 
margin-right: 10px;


}
       
    

/*Master Header */


  /*Header*/
  #masterheader{
   top:0;
    left:304px;
/*	background-color:#272a2c;  */
   
/*Changed from 720 to 710 to align the left margin. (3n  doesnt work when isotope filters) width:720px;*/
 width:710px;
	height:99px;
	z-index:10; 
/*	border-bottom:1px solid #999;  */
  
}     


#masternav{
  position:absolute;
	top:38px;
  top: 45px;
	height:30px;
	width:720px; 
	
}  

ul#masternav li{
	display:inline;
	margin-right:48px;
	text-transform:uppercase;
	font-size:12px;
}    

ul#masternav li a h2{
 display:inline;
font-size:12px;
text-transform:uppercase;

}

ul#masternav li a.headerlinkactive{
    color:#000;
    font-weight:bold;
}
    
    





/*Front Page Specifics*/
 
#pagecontent{
}


#projects{        
	margin:10px 0;
}

.thumb{
    height:230px; 
    width:230px;
    float:left;
    margin-right:10px;
    margin-bottom:30px;
    cursor:hand;
    cursor:pointer;
    position:relative;
    overflow:hidden;     

}

/*.thumb:nth-child(3n){
    margin-right:0px;
  
}*/
.thumbcontent{
    font-size:14px;
}

.thumbimage{
    height:160px;
    width:230px;
    overflow:hidden;    
} 
 
.thumbimage img{


    width:230px;
    height:160px;
/*   transition:all 0.2s ease-out 0.3s;*/
}
    

/*.thumbimage img:hover{   
        width:345px;
    height:240px;
    margin-left:-60px;      
    margin-top:-40px;    
}          */

.thumbtitle{
padding-top:10px;
line-height:18px;

} 

p.projectname{
   color:white;
   
}

/*NEED THUMBNAIL TITLE AND THUMBNAIL CLIENT*/



/*Case study Specifics*/

 #projectcontent{
   margin-top:25px;  
   position: relative;  
 }  
 
  #projectcontent img{
      margin-bottom:20px;
  }
 

/*#projectclose{
 position:absolute;
 top:0px;
 right:10px;
 border-radius:50%;
 background-color:white;
 color:black;
 padding:3px;
 width:10px;
 height:10px;
 text-align:center;
 line-height: 8px;
  font-size: 18px;
 
} 

#projectclose,
html.no-fontface #projectclose{
 position:absolute;
 top:0px;
 right:10px;
 border-radius:50%;
 background-color:#fff;
 color:white;
 padding:3px;
 width:10px;
 height:10px;
 text-align:center;
 line-height: 8px;
  font-size: 18px;
 
} 
  */   
 
 
 .backtofilter{
display: block;
height: 28px;
float: right;
background: grey;
width: 60px;
margin-right: 184px;
border-radius: 2px;
cursor:pointer;
cursor:hand;
}    
    
html.fontface #projectclose{ 
display: block;
height: 20px;
width: 100%;
float: right;
font-size: 14px;
line-height: 29px;
text-align:center;
color:white;
}



.backarrowicon{
font-family: 'wagstaffs_design_icon_fontRg';
text-decoration: none!important;
font-size: 23px;
position: relative;
bottom: -4px;
width: 24px;
float: left;
padding: 2px;
padding-left: 5px;
}
      

 .backtofilter:hover .backarrowicon,
 .backtofilter:hover #projectclose{
color:#353535;


}
   

.appstoreicon{
 width:112px;
 float:left;   
}    
     


.projectQuote{
 font-weight:bold;
 font-size:14px;
 line-height:17px; 
 color:#f0f0f0;
}                 

.projectInlinePull{
 font-size:18px;
 line-height:26px;   
}



/*Client Page*/ 
.clientthumb{
	float:left;
	width:144px;
	height:74px;
	margin:40px 30px 0 0; 
	position:relative;
}
           
.clientthumb:nth-child(4n){
	margin-right:0px;
	}
	
	
                      

#clientlisttitle{
 width:666px;
	font-size:13px;
	border-bottom:1px solid #999;
	clear:both; 
   padding-top:20px;
   padding-bottom:10px;
   margin-bottom:12px;  }


#clientlist{
  font-size:11px;
	line-height:15px;
	display:block;
  height:215px;
	overflow:hidden; 
	position:relative;
	margin-bottom: 20px;
   
}
#clientlist span{
    float:left;
     width:50%;
}
 

#clientlist .footgrad{ 
    position:absolute; bottom:0px;
   /* background-image:url('http://www.wagstaffsdesign.co.uk/styles/grad2.png');
    background-repeat:repeat-x;    */ 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MmEyYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzI3MmEyYyIgc3RvcC1vcGFjaXR5PSIwLjY5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzI3MmEyYyIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzI3MmEyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzJhMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(39,42,44,0) 0%, rgba(39,42,44,0.69) 25%, rgba(39,42,44,0.93) 46%, rgba(39,42,44,1) 62%, rgba(39,42,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(39,42,44,0)), color-stop(25%,rgba(39,42,44,0.69)), color-stop(46%,rgba(39,42,44,0.93)), color-stop(62%,rgba(39,42,44,1)), color-stop(100%,rgba(39,42,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(39,42,44,0) 0%,rgba(39,42,44,0.69) 25%,rgba(39,42,44,0.93) 46%,rgba(39,42,44,1) 62%,rgba(39,42,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(39,42,44,0) 0%,rgba(39,42,44,0.69) 25%,rgba(39,42,44,0.93) 46%,rgba(39,42,44,1) 62%,rgba(39,42,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(39,42,44,0) 0%,rgba(39,42,44,0.69) 25%,rgba(39,42,44,0.93) 46%,rgba(39,42,44,1) 62%,rgba(39,42,44,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(39,42,44,0) 0%,rgba(39,42,44,0.69) 25%,rgba(39,42,44,0.93) 46%,rgba(39,42,44,1) 62%,rgba(39,42,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00272a2c', endColorstr='#272a2c',GradientType=0 ); /* IE6-8 */

	height:185px;
	width:666px; 
	       
	}  

 
html.no-js .footgrad{    
     display:none;
    
    }
html.no-js #clientlist{ 
      height:720px;

}



 .expandClientlist{
background-image: url('expandarrow.png');
background-repeat: no-repeat;
text-align: center;
font-size: 14px;
position: relative;
z-index: 11;
top: 117px;
height: 54px;
background-position: 50% 22px;
cursor:pointer;
cursor:hand;
 }
 
  .expandClientlist:hover{
      color:white;
}
      
 
 .colorlogooverlay{
     position:absolute;
     z-index:15;
     top:0;
     left:0;
     display:none;
 }
 
 
 
 
 
 
 
 
 
 
        
/*Footer*/
  #footer{
width: 995px;
	height:20px;
	/*left:-253px;*/
	padding:0 0 12px 0px;
	background-color:#272a2c;
   bottom:0px; 
   position:relative;
   clear:both;
   z-index:11;
}

 #footertopborder{
    background-color:#999;  
    border-top:6px solid #272a2c;
    width:100%;
    height:1px;   
  }
 #footer p{ height:8px;padding:6px 0 0px 28px; 	font-size:12px;
}


 #footer p a{ 
     margin-right:8px;
     }


/*Magic Media Queries */ 

@media only screen and (max-width : 1024px) { 
      body{       min-width:1024px;        } 
      
   
    }                   




/*PROJECT PAGE TEMPLATE STYLES*/

/*DO NOT PUT INDIVIDUAL PROJECTS IN THIS CSS FILE. PROJECTS.CSS = INDIVIDUAL CSS*/
 #projectCopy{
  width:240px;
  float:right;
      padding-top:20px;
      padding-bottom:20px;

  } 
   .projectTitle,
 .projectClient{
margin-bottom: 10px;
height: auto;
overflow: auto;
                 
 }
   

  .projectTitle{
  width:240px;
  }  

  .projectClient{
  width:240px;
  } 
  
  .projectServices{
  width:240px;
  margin-bottom:20px;

  }


  .projectDescription{
  width:240px;
  clear:both;

  }
  
    ul.projectmetaServicelist li,
    .projectmetaTitle,
    .projectmetaClient{
    color:white;
    }         
               
  
     
  ul.projectmetaServicelist{
  list-style:none;
  padding:0;  
  width:140px;       
  float:left;
  }
  ul.projectmetaServicelist li{
  list-style:none;
  padding:0;
  }
  
  


  h2.metaTitle{
  width:70px;
  float:left;
  font-size:14px; 
  font-weight:normal;
  margin:0;
  }

  .projectmetaTitle{
  width:140px;
  float:left;  
  }
  .projectmetaClient{
    width:140px;
  float:left;      
  }


   .projectDescription{  
    line-height:17px;
        padding:10px 0;

   }
       
  
  .projectmetaTitle, 
  .projectmetaClient, 
  .projectmetaServicelist, 
  .projectDescription{  
    font-size:13px;
  }                    

/*WHO WE ARE*/
.whoweare{
font-weight: bold;
font-size: 27px;
line-height: 35px;
width:680px;
}

.white{
color:#FFFFFF;
}
.grey{
color:#AAA;
}
.green{
color:#c3cf22;}
      
    
    
   
 .first.logoclasses{
   margin-left: 0px

}
 .logoclasses{
     width: 125px;
float: left;
margin-left: 65px;
padding-top:240px;
 }
   
   
   
   
   /*Careers Page*/

   #careersContent {
   width: 460px;
   }
   .CareerDesc {
   margin: 20px 0;
   margin-bottom: 40px;
   }   
   
 .CareerDesc p a strong {
 /*font-weight:bold;*/
 text-decoration:underline;   
 }

   h3.CareerHeader {
   font-weight: bold;
   color: white;
   margin-bottom: 25px;
   line-height: 25px;
   }
   a.careerAnchor {
   text-decoration: underline;
   color: white;
   font-size: 15px;
   line-height: 25px;
   }


   ul.jobslist {
   padding-left: 16px;
   list-style: disc;
   margin: 10px 0;
   }


   
   /*Privacy policy*/
   
   #privacypolicyContent{
        width:460px;
       
   }  
   
   h3.privacyHeader{
         font-weight:bold;
      color:white; 
      margin-bottom:25px;   
   }
   
   .PrivacyDesc{
      margin-bottom: 28px; 
   } 
   
   #privacyHotlinks{
       margin-bottom:35px;
   }
       
   a.privacyAnchor{
      text-decoration:underline;
        color:white;
        font-size: 15px;
line-height: 25px;      
   }


	                         
 

/*Category descriptions re-structure 30 Jan 2014 */  

#categorydescriptions{
height:200px;
width:710px;
overflow:hidden;
position: relative; 
margin-top: 14px;

}
 
.category_description {
width: 700px;
height: 100px;
font-size: 14px;
line-height: 20px; 
position:absolute;
top:5px !important;
opacity:0;
}
	
	
	
  /*Category page styling*/         
  	html.no-js .category_description{
	    display:none;
	}     
	
	
     .thumb.category_description.isotope-item{
      cursor:auto;
      opacity:1;         
      visibility:visible;
      
  }        
	
  .thumb.category_description.isotope-hidden{
      cursor:auto;
      opacity:0; 
      visibility:hidden;

  }
  
 
	

	
	/*ISOTOPE HERE*/
	/**** Isotope Filtering ****/

	.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;
	}             


	/**** Isotope filtering ****/

	.isotope-item {
	  z-index: 2;
	  opacity: 1;

	}

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