<STYLE TYPE="text/css">

<!--

a {text-decoration:none; color:white; font-size:24}



body {text-decoration:none; color:white; background-color:#9fbdfb}



a:hover	{color:#90b2f6}



#logoDIV {position: absolute; z-index:3; visibility:hidden}



#tool1DIV {position: absolute; z-index:4; visibility:hidden}



#daytimeDIV {position: absolute; z-index:4; color: white; font-weight:500; visibility:hidden}



#tool3DIV {position: absolute; z-index:4; visibility:hidden}



#tool4DIV {position: absolute; z-index:4; visibility:hidden}



#tool5DIV {position: absolute; z-index:4; visibility:hidden}



#mainDIV { position:absolute; left:215px; top:190px;  visibility:hidden; z-index:4 }



#filmDIV {position: absolute; z-index:2; width:560px; height:300px; visibility:hidden; background-color:#000}



#screenDIV {position: absolute; z-index:1; visibility:hidden}



#intro {position: absolute; z-index:2; width:560px; height:300px;}



#semdiv,#hostdiv,#maintdiv,#designdiv,#progdiv,#consuldiv,#appsdiv {position:absolute; z-index:4; visibility:hidden; /* background-color: #11E923;;  font-size:18px */}







body:before

{

content:  url(intro.mp4)  url(background.jpg) /* url(splash.swf) url(background.jpg) */;

display: none;

}



.thumb {position:relative;   

    -webkit-transition: width 2s, height 2s; /* Safari */

    transition: width 2s, height 2s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;}

.thumb:hover {z-index:2; width:758px; height:500px;}



.tran {  -webkit-transition: all 0.90s ease-in-out;

  -moz-transition: all 0.90s ease-in-out;

  -ms-transition: all 0.90s ease-in-out;

  -o-transition: all 0.90s ease-in-out;}

  

 

@-webkit-keyframes pulse { 

    0% { -webkit-transform: scale(0.0); } 

    50% { -webkit-transform: scale(1.1); } 

    100% { -webkit-transform: scale(1); } 

} 

@keyframes pulse { 

    0% { transform: scale(0.0); } 

    50% { transform: scale(1.1); } 

    100% { transform: scale(1); } 

} 

.pulse { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

}



.pulse3 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 0.4s;

	-webkit-animation-delay: 0.4s;

 } 

 



 .pulse6 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 0.8s;

	-webkit-animation-delay: 0.8s;

 } 



 .pulse9 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 1.2s;

	-webkit-animation-delay: 1.2s;

 } 



 .pulse12 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 1.6s;

	-webkit-animation-delay: 1.6s;

 } 



 .pulse15 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 2.0s;

	-webkit-animation-delay: 2.0s;

 } 



 .pulse18 { 

    -webkit-animation-name: pulse; 

    animation-name: pulse; 

	-webkit-animation-duration: 1.5s; 

    animation-duration: 1.5s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both;

	animation-delay: 2.4s;

	-webkit-animation-delay: 2.4s;

 } 





.hvr-grow {

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;



}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {

  cursor:pointer;

   -webkit-transition-duration: 2.3s;

  transition-duration: 2.3s;

  -webkit-transform: scale(2.1) /*rotate(3600)*/;

  /*-webkit-transform: translate(20px, 20px) translate(50%, 50%);

  transform: translate(20px, 20px);

  */

  transform: scale(2.1) /*rotate(360deg)*/ ;

  

 

}



-->

</STYLE>

