@charset "utf-8";

/* ---------------------TABLE OF CONTENT--------------------------------------------------------

    1.  Global
    2.  Common Classes
	3.	Typography
	4.	Header
	5.	Slider
	6.	Main Content
	7. 	Form
	8.  Portfolio
	9.  Footer
*/

/*-----------------------------------------------------------------------------------*/
/*	1.	Global
/*-----------------------------------------------------------------------------------*/


html, body, 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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

img, iframe {
  max-width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Common Classes
/*-----------------------------------------------------------------------------------*/

body {
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif; 
	color:#333;
	width: 100%;
	font-weight: 300;
}
.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.wrapper {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
}
.wrapper3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
	max-width: 1200px;
}

.content {
	width:100%; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto; 
	background-image:url(../images/backgroundlightgrey.png); 
	background-repeat:repeat;
}
p {
	font-size: 14px;
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif;
	text-align: justify;
	line-height: 1.5em;
	font-weight: 300;
}
img.img-responsive {
	margin: 0 auto;
}
ul, li {
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif; 
	line-height: 2em;
}
.red {
	color: #cc0000;
}	

ul.fa-ul>li.double {
	line-height: 2em !important;
}

.img-center {margin:0 auto !important;}


@media all and (min-width: 900px) {
.wrapper {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
}
}




/*-----------------------------------------------------------------------------------*/
/*	3.	Typography
/*-----------------------------------------------------------------------------------*/

a {
	font-family:'Poppins', Century Gothic, Verdana, sans-serif;  
	color: #333; 
	text-decoration: none !important; 
	border: none;	
}
a:link {
	color: #333; 
	text-decoration: none;
}
a:visited {
	color: #333 !important; 
	text-decoration: none;
}
a:hover {
	color:#ac0000 !important; 
	text-decoration:none;
}
ul {
	text-align:left;
	font-size: 0.8em;
	list-style-type:disc;
	margin-left: 10%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Poiret One', Century Gothic, Veranda, sans serif !important;  
	text-align:center;
}

@media all and (min-width: 640px) {
ul {
	text-align:left;
	list-style-type:disc;
	margin-left: 5%;
	font-size: 0.9em;
}
}

.light {
	color: #CCC;
}

h1.error {
	font-family: Montserrat, sans-serif;
	font-size: 60px;
	color: #cc0000;
	text-transform; uppercase;
}
h1.huge {
	font-size: 3em;
}

.btn-red {
	font-family: 'mulish', Century Gothic, Verdana, sans-serif;
	color: #FFF !important;
	background-color: #cc0000 !important;
	border-radius: 0px !important;
	border: none;
	padding: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	Menu
/*-----------------------------------------------------------------------------------*/

#header {
	width: 100%;
	background-image: url(../images/background.png);
	background-repeat:repeat-x;
	background-size:contain;
	color: #CCC;
}


#custom-bootstrap-menu.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #FFF !important;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(51, 51, 51, 1);
	font-family: 'Poiret One', sans-serif;
	-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		width:250px;
		height:75px;
		margin-left: 20px;
		margin-top: 5px;
}
	
#custom-bootstrap-menu.navbar-default {
	padding-top: 12px;
    font-size: 1.5em;
    background-color: rgba(255, 255, 255, 0.7);
	border-bottom: 2px solid #cc000;
    border-bottom-width: 0px;
	font-family: 'Poiret One', Century Gothic, Verdana, sans-serif;
	text-align: center;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(0, 0, 0, 0);
	font-family: 'Poiret One', Century Gothic, Verdana, sans-serif;
	font-size: 1.5em;
	padding-top: 25px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: #cc0000;
	
}

#custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
    background-color: rgba(255,255,255,0.7);
    color:rgba(208, 208, 208, 1);
	font-family: 'Poiret One', Century Gothic, Verdana, sans-serif;
	text-align:center;
	margin-left: 0;
}

@media all and (min-width: 768px){
#custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
	text-align:center;
	margin-left: -15px;
}	

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(51, 51, 51, 1);
	font-family: 'Poiret One', Century Gothic, Verdana, sans-serif;
	-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		margin-left: 50px;
		margin-top: 5px;

}

}
#custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	border-bottom: 1px solid #cc0000;
}
#custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background-color: #cc0000;
    color:rgba(208, 208, 208, 1);
  }  

#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: #cc0000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #cc0000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    color: #cc0000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #cc0000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}
	
.logotext {
	padding-top: 2%;
	font-family: 'Poiret One', Century Gothic, Verdana, sans-serif;
}
}

@media all and (min-width: 1000px) {
.logotext {
	padding-top: 6%;
}
}

@media (min-width: 768px){
#custom-bootstrap-menu.navbar .navbar-nav {
    display: inline-block;
    float: none;
    }
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Main Content
/*-----------------------------------------------------------------------------------*/

.wrapper2 {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
	
}
.services {
	width: 40%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding: 5%;
	 
}
.clients {
	text-align: center;
	background-color: #fff;
}

img.mono { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	filter: grayscale(100%);
	opacity: 0.7;
}
img.mono:hover, .mono:focus {
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	filter: grayscale(0%);
	opacity: 1;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px !important;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #ac0000;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  margin-top: 15px;
  width: 80%;
  transform: scaleX(0);
  height: 5px;
  bottom: 0;
  left: 0;
  background-color: #ac0000;
  transform-origin: bottom right;
  transition: transform 0.75s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Form
/*-----------------------------------------------------------------------------------*/

textarea {
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif !important;
	font-size:20px; 
	color: #333; 
	width: 80%;
	min-height: 150px;
	margin-bottom:2%;
	border:#ccc thin solid; 
	border-radius: 0px !important;
}
input {
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif !important ;
	font-size:20px; 
	width: 80%;
	border:#ccc thin solid;  
	margin-bottom: 5px !important;
	color:#333;
	padding: 5px;
	border-radius: 0px !important;
}


.btn, .btn-default {
	font-family: 'Poppins', Century Gothic, Verdana, sans-serif;
	color: #FFF !important;
	background-color: #cc0000 !important;
	border-radius: 0px !important;

}

.btn:hover, .btn-default:hover {
	background-color: #990000 !important;
}

@media all and (min-width: 640px) {
input {
	width: 90%;
}
textarea {
	width: 90%;
}
}

/*-----------------------------------------------------------------------------------*/
/*	8.  Portfolio
/*-----------------------------------------------------------------------------------*/

a.smoothScroll { 
	font-family:'Poppins', Century Gothic, Verdana, sans-serif; 
	font-size:18px; 
	color:#333 !important;
}
a.smoothScroll:hover {
	color:#cc0000; 
	text-decoration:none;
}
#ci, #pr, #gr, #wb, #wp {
	display: inline; 
	font-family:'Poiret One', Century Gothic, Verdana, sans-serif ;
	color:#ccc; 
	text-transform: uppercase;
}
.dark {
	width: 100%;
	background-color: #333;
}

.col-xs-6 {
	padding-top: 10px;
}

/*	kelfit  */
.transform {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_kelfit2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%); 
  filter: grayscale(100%);
}
.transform:hover  {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
.transform img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	admin intelligence  */
.transform2{

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_admin2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);
}
.transform2:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform2 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	shootingstar  */
.transform3{

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_shooting2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform3:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform3 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	new slender you  */
.transform4{

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_newslenderyou2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform4:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform4 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	kelfit brochure  */
.transform5{

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_kelfitbrochure2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform5:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform5 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	admin intelligence flyer  */
.transform6 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_adminflyer2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform6:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform6 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	new slender you brochure  */
.transform7 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_nsybrochure2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform7:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform7 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	gscm  */
.transform8 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_gscm2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform8:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform8 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	waste to fuels  */
.transform9 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_waste2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform9:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform9 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	marie venter  */
.transform10 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_marie2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform10:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform10 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	kelzies  */
.transform11 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_kelzies2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform11:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform11 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	elrie joubert  */
.transform12 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_elrie2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform12:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform12 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	the 19th  */
.transform13 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_the19th2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform13:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform13 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	connoisseur  */
.transform14 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_connoisseur2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform14:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform14 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	rhino brand  */
.transform15 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_rhino2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform15:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform15 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	sweetleys  */
.transform16 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_sweetleys2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform16:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform16 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	candice bond photography  */
.transform17 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_candicebond2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform17:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform17 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	green star event solutions  */
.transform18 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_greenstarevents2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform18:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform18 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	spectrum  */
.transform19 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_spectrum2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform19:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform19 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	mac myriad  */
.transform20 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_macmyriad2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform20:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform20 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	groenpop  */
.transform21 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_groenpop2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform21:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform21 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	fines4u  */
.transform22 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_fines4u2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform22:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform22 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	greenlydia  */
.transform23 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_greenlydia2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform23:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform23 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	rose and thorns  */
.transform24 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_roseandthorns2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform24:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform24 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	starlightz casting  */
.transform25 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_starlightz2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform25:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform25 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	nuwave furniture  */
.transform26 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_nuwave2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform26:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform26 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	cape town motorcycles  */
.transform27 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_capetownmotorcycles2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform27:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform27 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	africa commododity sourcing  */
.transform28 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_acs2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform28:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform28 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	siyaduma engineering  */
.transform29 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_siyaduma2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform29:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform29 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	d-tours africa  */
.transform30 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_dtoursafrica3.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform30:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform30 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}
/*	dtours website */
.transform31 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_dtoursafrica3.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform31:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform31 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	hope ithemba */
.transform32 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_hopeithemba2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform32:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform32 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	madel wentzel */
.transform33 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_madelwentzel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform33:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform33 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	yield capital */
.transform34 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_yieldcapital2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform34:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform34 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	authentic travel */
.transform35 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_authentictravel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform35:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform35 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	hope ithemba print */
.transform36 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_hopeithembaprint2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform36:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform36 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	once upon a marriage print */
.transform37 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_onceuponmarriage2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform37:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform37 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	ssbs */
.transform38 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_ssbs2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform38:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform38 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	abbots cove */
.transform39 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_abbotscove2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform39:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform39 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	healthy 4 life */
.transform40 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_healthy4life2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform40:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform40 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	dore snyman */
.transform41 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_doresnyman2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform41:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform41 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	hebrewed2coffeez */
.transform42 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_hebrewed2coffeez2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform42:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform42 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	distinctive choice */
.transform43 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_distinctivechoice2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform43:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform43 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	studio pascal */
.transform44 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_studiopascal2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform44:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform44 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	trudy joubert */
.transform45 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_trudyjoubert2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform45:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform45 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	home fix */
.transform46 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_homefix2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform46:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform46 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	simplify it */
.transform47 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_simplifyit2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform47:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform47 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	bike collection services */
.transform48 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_bikecollection2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform48:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform48 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	bethel */
.transform49 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_bethel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform49:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform49 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	sole buddies */
.transform50 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_solebuddies2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform50:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform50 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	sticky bbq */
.transform51 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_stickybbq2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform51:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform51 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	pit pals */
.transform52 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_pitpals2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform52:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform52 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	steelman */
.transform53 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_steelman2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform53:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform53 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	carly steyn */
.transform54 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_carlysteyn2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform54:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform54 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	policy trader */
.transform55 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_policytrader2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform55:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform55 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	nova nouvelle */
.transform56 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_novanouvelle2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform56:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform56 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	God's property apparel */
.transform57 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_godspropertyapparel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform57:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform57 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Bryans Independent Contractors */
.transform58 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_bic2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform58:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform58 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Be You Studio */
.transform59 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_beyoustudio2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform59:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform59 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Tygerberg Hills */
.transform60 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_tygerberghills2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform60:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform60 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Fugtives Drift */
.transform61 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_fugitivesdrift2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform61:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform61 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Lingo Gig */
.transform62 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_lingogig2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform62:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform62 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Afro Prestige */
.transform63 {
  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_afroprestige2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform63:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform63 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Leopards Lair */
.transform64 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_leopardslair2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform64:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform64 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Demi Point */
.transform65 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_demipoint2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform65:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform65 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Fretons */
.transform66 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_fretons2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform66:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform66 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Pridelands */
.transform67 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_pridelands2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform67:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform67 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Dry Fit Interiors */
.transform68 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_dryfitinteriors2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform68:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform68 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Claire Pelser */
.transform69 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_clairepelser2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform69:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform69 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Dr Coovadia */
.transform70 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_drcoovadia2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform70:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform70 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	De Berge Water */
.transform71 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_deberge2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform71:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform71 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Plaaskombuis */
.transform72 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_plaaskombuis2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform72:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform72 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Team Trinity */
.transform73 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_teamtrinity2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform73:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform73 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Derive Travel */
.transform74 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_derivetravel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform74:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform74 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	ACP Online */
.transform75 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_acp2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform75:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform75 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Summerley Court */
.transform76 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_summerley2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform76:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform76 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Christ Gen */
.transform77 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_christgen2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform77:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform77 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Accountants Assist */
.transform78 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_michellegrobbelaar2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform78:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform78 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Lush Therapy */
.transform79 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_lushtherapy2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform79:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform79 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Apex Private Wealth */
.transform80 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_apex2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform80:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform80 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Joubert Designs */
.transform81 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_joubertdesigns2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform81:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform81 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Enviro Investigations */
.transform82 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_enviroinvestigations2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform82:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform82 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	VIP Plumbing */
.transform83 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_vipplumbing2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform83:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform83 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Boikanyo */
.transform84 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_boikanyo2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform84:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform84 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	TheEyeMakers */
.transform85 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_theeyemakers2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform85:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform85 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Veranderde Lewens */
.transform86 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_veranderdelewens2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform86:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform86 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Villegas Recruitment */
.transform87 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_villegasrf2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform87:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform87 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Prosperity Tours */
.transform88 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_prosperitytours2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform88:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform88 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Lindow Group */
.transform89 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_lindow2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform89:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform89 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	ZAsecure */
.transform90 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_zasecure2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform90:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform90 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Breas */
.transform91 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_breas2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform91:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform91 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Blue Bubbles */
.transform92 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_bluebubbles2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform92:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform92 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Marleen Germishuys*/
.transform93 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_marleengermishuys2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform93:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform93 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	SEScoza */
.transform94 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_ses2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform94:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform94 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Impak Kerk */
.transform95 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_impakkerk2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform95:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform95 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Crystal Clear Crew */
.transform96 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_crystalclear2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform96:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform96 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	FlekTek */
.transform97 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_flektek2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform97:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform97 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}



/*	Aura */
.transform98 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_aura2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform98:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform98 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Mia Safety Works */
.transform99 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_mia-safety2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform99:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform99 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Tranquil Travel */
.transform100 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_tranquiltravel2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform100:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform100 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Impact Future Africa */
.transform101 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_ifa2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform101:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform101 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Be u Beauti */
.transform102 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_beubeauti2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform102:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform102 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}


/*	Serabi */
.transform103 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_serabi2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform103:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform103 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Cubit Architects */
.transform104 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_cubit2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform104:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform104 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Hugos Ice Cream */
.transform105 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_hugosicecream2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform105:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform105 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Sprigg Abbott */
.transform106 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_sprigg2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform106:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform106 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	Corpus Christi */
.transform107 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_corpus2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform107:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform107 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*	All Stride Athletes */
.transform108 {

  overflow:hidden;
  display: inline-block;
  margin-right:0px;
  background:url(../images/new/portfolio_asa2.jpg);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);  
}
.transform108:hover {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
.transform108 img:hover {	
opacity: 0; z-index:1;
-ms-transform: rotate(10deg);
-moz-transform: rotate(-15deg) scale(2,2);
-webkit-transform: rotate(-15deg) scale(2,2);
-o-transform: rotate(-15deg) scale(2,2);
-ms-transition : 1.5s ease-in-out ;
-moz-transition : 1.5s ease-in-out ;
-webkit-transition : 1.5s ease-in-out ;
-o-transition : 1.5s ease-in-out ;
transition : 1.5s ease-in-out;
transition-delay: 0.2s;
}

/*-----------------------------------------------------------------------------------*/
/*	9.  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	width:100%; 
	background-image: url(../images/background.png); 
	margin:0; 
	background-repeat: repeat-x; 
	text-align:center;
	border-top: #990000 2px solid; 
}
#footer > p {
	margin: 7px 0px 0px 0px !important;
	color: #FFF !important;
}
a.white {
	color: #FFF !important;
}

a.white:hover {
	color: #cc0000 !important;
	text-decoration: none;
}