*{ margin:0; padding:0; }
img { border:none;}
ul {list-style:none; }
body { 
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#0033e4;
	text-decoration:underline;}
.clearFix {clear:both;} 
/* ----------------------- CONTAINER -------------------------*/
#container{
	width:968px;
	height:auto;
	background:none;
	padding:0px;
	margin:auto;}

/* ----------------------- ----------- -------------------------*/

h1{
	font-size:22px;
	color:#00b4ff;
  	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
}
h2{
	font-size:20px;
	color:#00b4ff;
  	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
	margin-bottom:7px;
}
h2 a{
	color:#00b4ff;
    text-decoration:none;
}
h3{
	font-size:20px;
	color:#00b4ff;
  	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
}
h4{
	font-size:13px;
	color:#a9a9a9;
  	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
}
p, ul, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.grey{
	color:#cfcfcf;
	font-size:25px;
}
.grey a{
	color:#cfcfcf;
	font-size:25px;  
    text-decoration:none;
}
/* ----------------------- HEADER -------------------------*/
#header{
	width:968px;
	height:161px;
	background:url(../images/header.jpg) no-repeat center top;
	padding:0px;
	float:left;
}
#logo{
	width:274px;
	height:94px;
	float:left;
	margin-left:5px;
	margin-top:15px;
}
ul.sdt_menu{
	padding:0;
	list-style: none;
	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;	
    font-size:14px;
	width:550px;
	float:left;
	margin:30px 0 0 120px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:110px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:110px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	top:85px;
	width:110px;
	height:0px;
	left:0px;
	z-index:14;
	
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	font-weight:bold;
}
ul.sdt_menu li span span.sdt_link{
	color:#00b4ff;
	font-size:14px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#000;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:9px;
	font-weight:bold;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:145px;
	overflow:hidden;
	height:90px;
	top:85px;
	left:0px;
	display:none;
	z-index:1000;
	-moz-box-shadow:0px 0px 1px #000;
	-webkit-box-shadow:0px 0px 1px #000;
	box-shadow:0px 0px 1px #000;
	background:#FFF;

}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:20px;
	color:#000;
	font-size:9px;
	font-weight:bold;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#00b4ff;
}


/* ----------------------- index -------------------------*/
.boxContainter{
	width:474px;
	height:auto;
	float:left;
	margin-right:10px;
}
.box2{
	width:474px;
	height:auto;
	padding:10px 10px 10px 0;
	float:left;
}
.box2 p{
	height:auto;
	color:#7b7b7b;
	font-size:14px;
	margin-bottom:5px;
}
.boxRight{
	margin-right:0px;
	margin-left:10px;
}


#box-opiniones{
	width:318px;
	height:133px;
	background:url(../images/boxs-opiniones.jpg) no-repeat;
	padding:4px 10px 4px 4px;
	float:left;
	margin:5px 10px 0 0;
}
#box-opiniones li{ 
	display:none;
}
#box-opiniones li:first-child{ 
	display:block;
}
#box-opiniones ul{ 
	list-style:none;
}
#box-opiniones p{
	width:318px;
	height:auto;
	color:#000;
	font-size:12px;
}
#box-opiniones h3{
	font-size:18px;
}
#box-opiniones p.occupation{
	color:#a3a3a3;
	font-weight:700;
}
#box-opiniones img{
	margin:2px 5px 0 2px;
}
.centerOpImg{
	position:relative;
	top:15px;	
	left:20px;
}

.box3{
	width:276px;
	height:auto;
	padding:0 4px 0 5px;
	float:left;
	margin:0 0 20px 50px;
}
.box3 p{
	height:auto;
	color:#7b7b7b;
	font-size:14px;
}


a.more{
	display: block;
	width:274px;
	height:48px;
	background:url(../images/buttons/conocermas.jpg) no-repeat;
}
a.more:hover{
	background-position:0 -48px;
}
#contacto-rapido{
	width:468px;
	height:183px;
	padding:10px 10px 10px 10px;
	float:left;
	background:url(../images/contacto-rapido.jpg) no-repeat;
	font-size:14px;
	color:#FFF;
}
#contacto-rapido p{
	width:300px;
	height:auto;
	text-align:left;
	margin:10px 0;
}
.border250{
	width:300px;
	border-bottom:dotted 1px #00b4ff;
}
.solicitar{
	display:block;
	width:105px;
	height:38px;
	background:none;
	background-image:url(../images/buttons/solicitar.png);
	border:none;
	cursor:pointer;
	float:left;
	position:relative;
	top:8px;
	margin-left:30px;
}
.solicitar:hover{
	background-position:0 -38px;
}

#catalogo-informativo{
	width:437px;
	height:183px;
	padding:10px;
	float:left;
	background:url(../images/catalogo-informativo.jpg) no-repeat;
	font-size:14px;
	color:#000;
	margin-left:23px;
}
#catalogo-informativo p{
	width:250px;
	height:183px;
	text-align:left;
	margin:10px 0;
	float:left;
	margin-right:20px;
}
#catalogo-informativo img{
	width:119px;
	height:97px;
	float:left;
	margin:0 0 10px 20px;
}
.catalogo{
	display:block;
	width:166px;
	height:39px;
	background:none;
	background:url(../images/buttons/catalogo.png) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
	position:relative;
	left:-5px;
}
.catalogo:hover{
	background-position:0 -39px;
}

/* ----------------------- NOSOTROS -------------------------*/

#companySupport{
	width:968px;
	height:auto;
	padding:10px 0 0 0;
	float:left;		
}
#companyText{
	width:343px;
	height:auto;
	padding:0px;
    padding-right:10px;	
	float:left;		
}
#companies{
	width:615px;
	height:auto;
	padding:0px;
	float:left;		
}
.company{
	width:143px;
	height:98px;
	float:left;	
	margin:0px 0px 10px 10px;	
}
.shadow{
	position:relative;
	top:-4px;
}
/* ----------------------- NOTICIAS -------------------------*/

.news{
	width:968px;
	height:auto;
	padding:10px 0;
	float:left;		
	border-top:dotted 1px #00b4ff;
}
.title1{
	font-size:18px;
	color:#00b4ff;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
	font-weight:700;
}
.newsText{
	width:684px;
	height:auto;
	min-height:165px;
	padding:0 10px;
	float:left;		
	background:url(../images/newsBorder.jpg) right no-repeat;
}
.newsImage{
	width:264px;
	height:168px;
	padding:0px;
	float:left;		
}
.newsAdd{
	width:auto;
	height:auto;
	padding:5px 2px;
	float:right;
	margin-top:20px;		
}
.newsDate{
	font-size:13px;
	color:#7b7b7b;
	padding-top:8px;
}
/* ----------------------- DISEÑO GRAFICO -------------------------*/

a.consultar-producto{
	display: block;
	width:287px;
	height:48px;
	background:url(../images/buttons/consultar-producto.jpg) no-repeat;
}
a.consultar-producto:hover{
	background-position:0 -48px;
}
#sonicfm{
	width:968px;
	height:277px;
	background:url(../images/sonicfm.jpg) no-repeat;
	float:left;	
	margin:10px 0;	
}
#sonicfmText{
	width:351px;
	height:267px;
	padding:0 32px 0 10px;
	float:left;		
}
#sonicfmText p{
	font-size:14px;	
	margin:10px 0;
}
#sonicfmImages{
	width:493px;
	height:277px;
	padding:0 0 0 82px;
	float:left;		
}
a.visitar{
	display: block;
	width:105px;
	height:32px;
	background:url(../images/buttons/visitar.png) no-repeat;
	float:right;
	margin:15px 0 0 0;
}
a.visitar:hover{
	background-position:0 -32px;
}

/* ----------------------- DESARROLLO WEB -------------------------*/
.webImportant{
	width:968px;
	height:auto;
	padding:10px 0;
	float:left;		
}
.webLogoImportant{
	width:421px;
	height:auto;
	min-height:100px;
	padding:0 20px;
	float:left;		
}
.webTextImportant{
	width:507px;
	height:auto;
	padding-top:10px;
	float:left;		
}
.webTextImportant img{
	position:relative;
	top:4px;
}
.textImportant{
	font-size:14px;
	color:#7b7b7b;
	padding-left:20px;
}

.title2{
	font-size:25px;
	font-weight:700;
	color:#00b4ff;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
}
.web{
	width:968px;
	height:auto;
	padding:10px 0;
	float:left;		
	background:url(../images/web-separator.jpg) bottom center no-repeat;
}
.webLogo{
	width:211px;
	height:auto;
	min-height:100px;
	padding:0 10px;
	float:left;		
	background:url(../images/webBorder.jpg) right no-repeat;
}
.webText{
	width:313px;
	height:auto;
	padding:0 10px;
	float:left;		
}
.webText p{
	font-size:14px;
	color:#7b7b7b;
}
.webLogoWeb{
	width:214px;
	height:138px;
	padding:0 10px 0 0;
	float:left;		
}
.webLogoWeb img{
	position:relative;
	top:-15px;		
}
.webData{
	width:170px;
	height:auto;
	min-height:100px;
	padding:0 0 0 10px;
	float:left;	
	background:url(../images/webBorderBlue.jpg) top left no-repeat;
}
.webData p{
	font-size:12px;
	font-weight:bold;
	color:#7b7b7b;
	margin-bottom:2px;
}
.webData li{
	font-size:12px;
	color:#00b4ff;
	margin-bottom:1px;
}

.dataImportant{
	background:none;
	padding-left:20px;
	margin-top:10px;
}

.veronline{
	display:block;
	width:250px;
	height:39px;
	background:none;
	background-image:url(../images/buttons/veronline.jpg);
	border:none;
	cursor:pointer;
	float:left;
	clear:both;
	margin:10px 0 0 20px;
}
.veronline:hover{
	background-position:0 -39px;
}
/* ----------------------- VARIOS -------------------------*/
.noMargin{
	margin:0;
}
.noMarginRight{
	margin-right:0;
}
.underline{
	width:100%;
	border-bottom:solid 1px #999;
	margin-bottom:3px;
}
.underlineD{
	width:auto;
	border-bottom:dotted 1px #999;
	margin-bottom:3px;
}
.underlineBlue{
	display:block;
	width:100%;
	border-bottom:dotted 1px #00b4ff;
	margin:7px 0;
	float:left;
	clear:both;
}
.centerText{ 
	text-align:center;
}
.left{ float:left;}
.right{ float:right;}

/* ----------------------- GENERAL -------------------------*/
#generalSection{
	width:539px;
	height:auto;
	padding:0 10px;
	background:url(../images/generalSection.jpg) no-repeat top left;
	float:left;
}
#generalSection p{
	font-size:14px;
}
#generalSection h1{
	font-size:25px;
	color:#a9a9a9;
}

/* ----------------------- OPINIONES -------------------------*/

.opinionImg{
	width:182px;
	height:auto;
	padding:0 10px 0 0;
	background:url(../images/opinionBorder.jpg) no-repeat top right;
	float:left;
}
.box2 .occupation{
	color:#a3a3a3;
	font-weight:700;
}
/* ----------------------- CONTACT -------------------------*/

#contactImage{
	width:559px;
	height:440px;
	background:url(../images/productos.jpg) no-repeat;
	float:left;
}
#form{
	width:389px;
	height:auto;
	padding:10px 10px;
	float:left;
}
#form p{
	width:346px;
	height:auto;
	padding:10px 0;
	float:left;
	color:#666;
}
.formTitle{
	width:346px;
	height:50px;
	float:left;
	padding-bottom:5px;
	border-bottom:dotted 1px #00b4ff;
}
.formTitle img{
	width:57px;
	height:50px;
	float:left;
	margin-right:5px;
}
.formTitle p{
	width:284px;
	height:48px;
	float:left;
	padding:2px 0 0 0;
}

#contact-form{
	width:346px;
	height:auto;
	float:left;
}
@-webkit-keyframes pulse {
	0% { -webkit-box-shadow: 0 0 112px rgba(51,204,255,.2); }
	50% { -webkit-box-shadow: 0 0 112px rgba(51,204,255,.9); }
	100% { -webkit-box-shadow: 0 0 112px rgba(51,204,255,.2); }
}
#form input[type="text"]{
	width:336px;
	height:26px;
	padding:2px 5px 2px 5px;
	margin:0 0 4px 0;
	float:left;
			border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
				   border: 1px solid #00b4ff;
}
#form input[type="text"]:focus { 
	-webkit-animation: pulse 1.5s infinite ease-in-out;
}

#form select{
	width:346px;
	height:30px;
	padding:2px 5px 2px 0px;
	margin:0 0 2px 0;
	float:left;
			border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
				   border: 1px solid #00b4ff;
}
#form textarea{
	width:336px;
	font-family:Arial, Helvetica, sans-serif;
	height:134px;
	padding:2px 5px 2px 5px;
	margin:0 0 4px 0;
	float:left;
			border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
				   border: 1px solid #00b4ff;
}
#form input.submit{
	display:block;
	width:346px;
	height:37px;
	background:none;
	background-image:url(../images/buttons/enviar.jpg);
	border:none;
	cursor:pointer;
	clear:both;
	float:left;
	margin:10px 0 0 1px;;
}
#form input.submit:hover{
	background-position:0 -37px;
}


.input-index{
	width:290px;
	height:22px;
	padding:2px 5px;
	margin:10px 0 0 0;
	float:left;
			border-radius: 5px;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
				   border: 1px solid #00b4ff;
}
.opiniones{
	display:block;
	width:118px;
	height:39px;
	background:none;
	background:url(../images/buttons/opiniones.jpg) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
	margin-top:25px;
}
.opiniones:hover{
	background-position:0 -39px;
}
.todasopiniones{
	display:block;
	width:260px;
	height:46px;
	background:none;
	background:url(../images/buttons/todasopiniones.jpg) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
	margin-top:10px;
}
.todasopiniones:hover{
	background-position:0 -46px;
}

/* ----------------------- FOOTER -------------------------*/
#footer {
	width:954px;
	height:258px;
	background:url(../images/footer.jpg) no-repeat;
	padding:4px 4px 10px 10px;
	float:left;
	margin-top:10px;
	font-weight:normal;
	font-size:15px;
	color:#CCC;
}
#footer-follow p{
	color:#000;
	margin-bottom:7px;
}
#footer a.plasmandoideas{
	text-decoration:none;
	color:#C3C4C7;
	font-weight:bold;
}
.ideas{
	color:#00A6EB;
}

#footer-products{
	width:537px;
	height:138px;
	float:left;
	padding:10px 5px 5px 10px;	
}
#footer-products .list{
	width:179px;
	height:138px;
	float:left;
}
#footer-products .list li a{
	width:179px;
	height:auto;
	float:left;
	margin:3px 0 0 0;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#footer-products .list li a:hover{
	color:#00b4ff;
}

#footer-cast{
	width:537px;
	height:105px;
	float:left;
	padding:10px 5px 5px 10px;	
}
.staff{
	width:248px;
	height:90px;
	float:left;
	padding:5px 10px 10px;	
}
.staff p{
	width:248px;
	height:auto;
	float:left;
	margin-bottom:3px;	
}
p.name{
	font-size:16px;
	color:#00b4ff;
  	font-weight: 700;
	font-family:'Cabin',Arial, Helvetica, sans-serif;
}
.staff p.work{
	font-size:14px;
	color:#666;
}
.staff p.mail a{
	font-size:14px;
	color:#000;
	text-decoration:none;
}


#footer-follow{
	width:378px;
	height:243px;
	float:right;
	padding:10px 5px 5px 10px;	
}
#footer-follow p{
	width:200px;
	height:auto;
	float:left;
	margin:10px 20px 0 0;
	font-weight:14px;
}
#footer-follow p.us{
	width:378px;
	color:#a3a3a3;
	font-weight:12px;
}
#footer-follow li{
	width:32px;
	height:32px;
	float:left;
	margin:17px 10px 0 0;
}
#facebook{
	display:block;
	width:32px;
	height:32px;
	background:none;
	background:url(../images/buttons/facebook.jpg) no-repeat;
	border:none;
	cursor:pointer;
	float:left;
}
#facebook:hover{
	background-position:0 -32px;
}
#twitter{
	display:block;
	width:32px;
	height:32px;
	background:none;
	background:url(../images/buttons/twitter.jpg);
	border:none;
	cursor:pointer;
	float:left;
}
#twitter:hover{
	background-position:0 -32px;
}
#youtube{
	display:block;
	width:32px;
	height:32px;
	background:none;
	background:url(../images/buttons/youtube.jpg);
	border:none;
	cursor:pointer;
	float:left;
}
#youtube:hover{
	background-position:0 -32px;
}
#vimeo{
	display:block;
	width:32px;
	height:32px;
	background:none;
	background:url(../images/buttons/vimeo.jpg);
	border:none;
	cursor:pointer;
	float:left;
}
#vimeo:hover{
	background-position:0 -32px;
}
#footer-logos{
	width:378px;
	height:auto;
	float:left;
	padding:10px 0;
	margin:10px 0 0 0;
	border-top:solid 1px #999;
}
#footer-logos img{
	float:left;
	margin:10px 0 0 15px;
}
/**********************/

.clr{
	clear: both;
}
.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#009ee0;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}
.view {
   width: 286px;
   height: 191px;
   margin: 18px 18px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/web/new/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 286px;
   height: 191px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0, 180, 255, 0.7);
   background-color: rgba(0, 180, 255, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}