@font-face {
  font-family: 'PirulenRg-Regular';
  src: url('PirulenRg-Regular.eot?#iefix') format('embedded-opentype'),  url('PirulenRg-Regular.woff') format('woff'), url('PirulenRg-Regular.ttf')  format('truetype'), url('PirulenRg-Regular.svg#PirulenRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AzoSans-Thin';
  src: url('AzoSans-Thin.eot?#iefix') format('embedded-opentype'),  url('AzoSans-Thin.otf')  format('opentype'),
	     url('AzoSans-Thin.woff') format('woff'), url('AzoSans-Thin.ttf')  format('truetype'), url('AzoSans-Thin.svg#AzoSans-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{ margin: 0; padding: 0; text-decoration: none; list-style: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
body{ overflow:hidden; background:#f8f8f8; width:100%; height:100%;}
html{width:100%; height:100%; overflow:hidden;}
.central{ max-width:905px; margin:0 auto;}
/*preloader*/
#preloader { position: fixed;	top:0;	left:0;	right:0;	bottom:0; background:#f8f8f8; z-index:100;}
#status { width:229px; height:229px; position:absolute; left:50%; top:50%; background-image:url(../img/logo-icon.png); background-repeat:no-repeat; background-position:center; margin:-115px 0 0 -115px;}
/*page*/
section.main{ width:100%; height:auto; float:left; background:url(../img/bg-header.jpg) no-repeat center center;}
section.main h1{ width:100%; text-align:center; float:left; font-family: 'PirulenRg-Regular' !important; font-size:70px; color:#FFF; font-weight: normal; padding-top:34%; padding-bottom:2.8%;-webkit-animation-delay: 0.4s;}
section.main h2{ width:100%; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; font-weight:bold; padding-bottom:11%; -webkit-animation-delay: 0.4s;}

section.main .seg-icon-fone{ width:100%; float:left; margin-bottom:1%;}
section.main .seg-icon-fone .icon-fone{ width:41px; height:41px; margin:0 auto;}
section.main .seg-icon-fone .icon-fone img{ -webkit-animation-duration: 3s; -webkit-animation-delay: 0.4s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal 10px;}
section.main h3{ width:100%; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:normal; padding-bottom:1%; -webkit-animation-delay: 0.5s;}
section.main h4{ width:100%; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ffe913; font-weight:normal; padding-bottom:14%; -webkit-animation-delay: 0.5s;}

/*mpx*/
section.mpx{ width:100%; height:108px; float:left; margin-top:-20px; position:relative; z-index:2;}
section.mpx .seg-logo-icon{ width:100%; float:left; height:30px;}
section.mpx .seg-logo-icon .logo-icon{ width:81px; height:108px; margin:0 auto; cursor:pointer;}
section.mpx .seg-logo-icon .logo-escrit{ width:129px; height:50px; float:right; margin-top:-80px; margin-right:275px;}