body { padding:0px; margin:0px; color:#333333; font-family: 'Source Sans Pro', sans-serif; font-weight:400; line-height:20px; background:#fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }
input, select, textarea, button {font-family: 'Source Sans Pro', sans-serif; }
a, img { border: medium none; }
a { color: #333333; text-decoration: none; }
div { margin: 0; padding: 0; }
p { font-size:15px; line-height:24px; padding:0px; margin:0px;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; }
a{ outline:none; }
/*a:hover { color: #1b1f23; }*/
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.center{ text-align:center; }
.row { float:none; margin:0 auto; width:1080px;}
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { -webkit-transition: All 0.5s linear; -moz-transition: All 0.4s linear; -o-transition: All 0.4s linear; -ms-transition: All 0.4s linear; transition: All 0.4s linear; }
form {margin: 0; padding: 0;}
.row1 { float:none; margin:0 auto; width:95%; max-width:1310px; }


.dades-icons { float:left; width:100%; padding:80px 0;}
.dades-icons ul li { float:left; width:100%; text-align:center; margin-right:2%; border-top:0px solid #463c32; padding-top:15px;}
.dades-icons ul li:last-child { margin-right:0;}
.dades-icons ul li h3 { font-size:20px; color: #463c32; margin-bottom:10px; font-weight:600; line-height:24px;}
.dades-icons ul li h2 { font-size:36px; color: #de2e22; margin-bottom:20px; font-weight:700; line-height:36px;}
.oferta { float:none; width:134px; display: inline-block; margin:12px 0 0 0;}
.line { float:left; -webkit-animation: increase 1s; -moz-animation: increase 1s; -o-animation: increase .8s; animation: increase 1s; animation-fill-mode: forwards; background:#6e6259; width:0; height:4px; border-radius:25px;}
@keyframes increase { 100% { width: 134px;} }

/*.imm-2 .u-fade { transition-delay:1.2s; transition-duration: 0.8s, 1s; opacity:1; }*/
.imm-2 { width:68px; height:69px; position:relative; overflow:hidden; margin-left:6px; float:left;}
.imm-2 img { position:absolute; /*animation: bottom-top 1.2s;*/ bottom:-3px; left:0; } 
.imm-2.imm-3 { float: right; width: 48px; height:69px; margin-right: 6px;}
.imm-2.imm-3 img { opacity: 0; transform: translate3d(0, 0, 0); animation-delay:2s; }
.imm-2 img { -webkit-animation: txtup 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: txtup 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
 opacity: 0; transform: translate3d(0, 0, 0); animation-delay:1.2s;}


@-webkit-keyframes txtup {
  0% {opacity:0; transform:translate3d(0, 50px, 0);}
  100% {opacity: 1; transform: translate3d(0, 0, 0);}
}
@keyframes txtup {
  0% {opacity:0; transform:translate3d(0, 50px, 0);}
  100% {opacity: 1; transform: translate3d(0, 0, 0);}
}