/*
 *
 * ----------------------
 * EIKON TEAM - IDI Eikon
 * ----------------------
 *
 */ 

/* ==========================================================================
   NORMALIZE: normalize.css v3.0.0 | MIT License | git.io/normalize
   ========================================================================== */

html{ font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}body{ margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block}audio,canvas,progress,video{ display:inline-block; vertical-align:baseline}audio:not([controls]){ display:none; height:0}[hidden],template{ display:none}a{ background:transparent}a:active,a:hover{ outline:0}abbr[title]{ border-bottom:1px dotted}b,strong{ font-weight:bold}dfn{ font-style:italic}h1{ font-size:2em; margin:0.67em 0}mark{ background:#ff0; color:#000}small{ font-size:80%}sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}sup{ top:-0.5em}sub{ bottom:-0.25em}img{ border:0}svg:not(:root){ overflow:hidden}figure{ margin:1em 40px}hr{ -moz-box-sizing:content-box; box-sizing:content-box; height:0}pre{ overflow:auto}code,kbd,pre,samp{ font-family:monospace,monospace; font-size:1em}button,input,optgroup,select,textarea{ color:inherit; font:inherit; margin:0}button{ overflow:visible}button,select{ text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{ -webkit-appearance:button; cursor:pointer}button[disabled],html input[disabled]{ cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0}input{ line-height:normal}input[type="checkbox"],input[type="radio"]{ box-sizing:border-box; padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{ height:auto}input[type="search"]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}legend{ border:0; padding:0}textarea{ overflow:auto}optgroup{ font-weight:bold}table{ border-collapse:collapse; border-spacing:0}td,th{ padding:0}

/* ==========================================================================
   BASE STYLES
   ========================================================================== */
   
* {margin: 0; padding: 0;}  
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a {cursor: pointer; outline: none;}
a:focus {outline: none;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
input, select {outline: 0;}
input::-moz-focus-inner {border: 0; outline:0;}

/* --------------------------------------------
   CHROME FRAME
   -------------------------------------------- */

.chromeframe {
	color: #363636;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 30px 0;
	background: #FF3;
	border-bottom: 1px solid #fff;
	text-align: center;
	z-index: 10000000000000000;
	font-family: Arial, Helvetica, sans-serif;
	}

.chromeframe a {
	text-decoration: none;
	color: #ff0000;	
	}
	
.chromeframe a:hover {
	text-decoration: underline;
	}			
	
/* --------------------------------------------
   CLEAR FIX
   -------------------------------------------- */	

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

/* --------------------------------------------
   GENERAL
   -------------------------------------------- */
   
@font-face {
    font-family: 'bebas_neueregular';
    src: url('typo/bebasneue-webfont.eot');
    src: url('typo/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/bebasneue-webfont.woff') format('woff'),
         url('typo/bebasneue-webfont.ttf') format('truetype'),
         url('typo/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

html { height: 100%; }   
   
body {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	font-size: 100%;
	text-align: center;
	color: #363636;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeSpeed;
	height: 100%;
	} 
	
html, button, input, select, textarea {color: #222;}
::selection {background: #06a7e2; color: #fff; text-shadow: none;}
::-moz-selection {background: #06a7e2; color: #fff; text-shadow: none;}
::-webkit-selection {background: #06a7e2; color: #fff; text-shadow: none;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {vertical-align: middle; border: none; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic;}
a, span {-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;}

#dvLoading {
	background: #fff url(../img/loading.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	margin: 0;
	border-top: 20px solid #04a3e6;
	border-bottom: 20px solid #1b2d37;
	}

/* --------------------------------------------
   LIGHT BOX
   -------------------------------------------- */
   
.mfp-container {padding: 0 !important;}
   
/* Styles for dialog window */

.white-popup, .white-popup2 {
	color: #fff;
	font-size: 6em;
	font-weight: 400;
	padding: 0;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	position: relative;
	
	background: #06a7e2;
	padding: 50px 0;
	}
	
.white-popup2 {
	background: transparent;
	/*border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;*/
	}	
	
.white-popup a {
	color: #1f232b;
	text-decoration: none;
	}

.white-popup a:hover {color: #fff;}	

.white-popup h3, .white-popup2 h3 {font-weight: normal; line-height: 1em;}
	
.white-popup button, .white-popup2 button {
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -22px;
	background: #06a7e2 !important;
	opacity: 1 !important;
	border-radius: 100%;
	box-shadow: 0 1px 5px rgba(0,0,0,.3) !important;
	
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	}
	
.white-popup2 button {
	background: #fff !important;
	}	
	
.white-popup button:hover, .white-popup2 button:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,.3), inset 0px 3px 10px rgba(255,255,255,.9) !important;
	top: -21px;
	color: #fff;
	}	
	
.white-popup2 button:hover {color: #06a7e2;}	

/* Fade-zoom animation for first dialog */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	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; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
	}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
	}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
	}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
	}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
	}   
	
/* ==========================================================================
   HOME
   ========================================================================== */
   
.eikon-team-home {
	background: #04a3e6 url(../img/eikon-team-bg-home.jpg) no-repeat fixed 50% 0;
	background-size: cover;
	color: #fff;
	height: 100%;
	width: 100%;
	position: relative;
	}
	
.idieikon-home {
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -71px;
	z-index: 2;
	}

.eikon-team {
	width: 149px;
	height: 270px;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -74px;
	padding: 2em 0;
	z-index: 0;
	}
	
.eikon-team h1 {
	text-indent: -10000px;
	width: 149px;
	height: 270px;
	background: url(../img/eikon-team.png) no-repeat center center;
	}	
	
.go-ahead a {
	color: #fff;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 69px;
	height: 38px;
	margin: 0 0 0 -34px;
	background: url(../img/go-ahead.png) no-repeat center center;
	text-align: center;
	text-indent: -10000px;
	cursor: pointer;
	z-index: 2;

	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(50%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(50%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

.img-home-start {
	background: url(../img/img-header-end.png) no-repeat center bottom;
	width: 100%;
	height: 622px;
	position: absolute;
	bottom: 0;
	}	
	
/* ==========================================================================
   HEADER
   ========================================================================== */	

#header {
	position: absolute;
	width: 100%;
	height: auto;
	background: #1b2d37;
	padding: 0;
	z-index: 2;
	font-family: 'bebas_neueregular', 'Open Sans', Arial, sans-serif;
	height: 93px;
	overflow: hidden;
	border-bottom: 2px solid #000;
	}
	
.idieikon-menu {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -71px;
	}	
	
.menu-eikon-team a {
	float: left;
	color: #fff;
	font-size: 3.1em;
	text-decoration: none;
	margin: 20px;
	z-index: 1;
	background: #1b2d37;
	position: relative;
	white-space: nowrap;
	}

.menu-eikon-team a:hover {color: #06a7e2;}	

.menu-to-top a {
	float: right;
	background: #1b2d37 url(../img/to-top.png) no-repeat center top;
	display: block;
	text-indent: -10000px;
	padding: 38px 30px;
	border-left: 2px solid #000;
	
	-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;
	}
	
.menu-to-top a:hover {
	background: #06a7e2 url(../img/to-top.png) no-repeat center bottom;
	-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;
	}		

/* --------------------------------------------
   LANGUAGES
   -------------------------------------------- */
   
.menu-language a {
	float: right;
	color: #fff;
	font-size: 3.1em;
	text-decoration: none;
	margin: 20px;
	z-index: 1;
	background: #1b2d37;
	position: relative;
	}	
	
.menu-language a span {color: #2e4d5c;}	
	
.menu-language a:hover, .menu-language a:hover span {color: #06a7e2 !important;}

/* ==========================================================================
   CONTENT
   ========================================================================== */
   
#content {padding-top: 100px;}
	
.building-eikon {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	height: 2000px; 
	background: #fff url(../img/building-eikon.jpg) no-repeat center center;
	position: relative;
	}
	
.building-eikon a {
	position: absolute;
	background: transparent;
	text-indent: -10000px;
	z-index: 1;
	cursor: pointer;
	border-radius: 4px;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	
	/*border: 1px dashed #000;*/
	}
	
.building-eikon a:hover {
	box-shadow: 0 0 5px rgba(0,0,0,.4);
	background: rgba(255,255,255,.4);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #666;
	}	
	
/*.building-eikon a {
	position: absolute;
	border-radius: 4px;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	background: #000;
	line-height: 1em;
	font-size: 0.8em;
	text-indent: initial;
	padding: 4px 10px;
	}*/
	
/* IDS */
	
.building-eikon a.david    {top: 1247px; left: 516px; width: 43px; height: 62px;}
.building-eikon a.fernando {top: 1254px; left: 436px; width: 32px; height: 63px;}
.building-eikon a.rafa     {top: 1203px; left: 359px; width: 40px; height: 43px;}
.building-eikon a.vicky    {top: 1152px; left: 383px; width: 39px; height: 55px;}
.building-eikon a.sara     {top: 1149px; left: 516px; width: 43px; height: 56px;}
.building-eikon a.gloria   {top: 1183px; left: 559px; width: 35px; height: 40px;}

/* NÓMINAS 1 */

.building-eikon a.alicia   {top: 1285px; left: 739px; width: 32px; height: 45px;}
.building-eikon a.ricardo  {top: 1309px; left: 796px; width: 35px; height: 42px;}
.building-eikon a.amparoa  {top: 1375px; left: 768px; width: 40px; height: 61px;}
.building-eikon a.ramon    {top: 1371px; left: 689px; width: 40px; height: 77px;}

/* NÓMINAS 2 */

.building-eikon a.amparob  {top: 1433px; left: 593px; width: 33px; height: 69px;}
.building-eikon a.eva      {top: 1504px; left: 427px; width: 42px; height: 59px;}
.building-eikon a.lolin    {top: 1470px; left: 369px; width: 33px; height: 61px;}

/* SISTEMAS */

.building-eikon a.ivan     {top: 1390px; left: 415px; width: 43px; height: 51px;}
.building-eikon a.victor1  {top: 1294px; left: 131px; width: 35px; height: 68px;}
.building-eikon a.victor2  {top: 1239px; left: 203px; width: 41px; height: 51px;}
.building-eikon a.gabi     {top: 1293px; left: 302px; width: 49px; height: 65px;}

/* PLANTA NOBLE */

.building-eikon a.migueljr {top: 673px; left: 291px; width: 33px; height: 48px;}
.building-eikon a.alex     {top: 653px; left: 381px; width: 45px; height: 42px;}
.building-eikon a.ana      {top: 605px; left: 424px; width: 39px; height: 60px;}
.building-eikon a.javi     {top: 628px; left: 540px; width: 46px; height: 47px;}
.building-eikon a.pepa     {top: 780px; left: 295px; width: 36px; height: 72px;}
.building-eikon a.miguelsr {top: 879px; left: 376px; width: 32px; height: 51px;}

.white-popup2 img {
	width: 150px;
	height: 150px;
	margin-top: -110px;
	}
	
.white-popup2 p {
	display: inline-block;
	width: 200px;
	border-bottom: 2px solid #fff;
	height: 2px;
	margin-top: 70px;
	padding: 0;
	vertical-align: top;
	}	

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {
	background: #1c252c url(../img/eikon-team-bg-footer.jpg) no-repeat fixed center bottom;
	border-top: 5px solid #000;
	position: relative;
	}

.footer2, .content {
	text-align: center; 
	width: 100%;
	}
	
#footer .sticky-wrapper {height: 0px !important;}
	
.eikon-ribbon {
	margin-top: -13px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -61px;
	}

.inner {}

.hero .inner {}

.copy {
	margin: 0 auto; 
	max-width: 800px;
	width: 90%;
	padding: 250px 0 0 0; /*250*/
	margin-bottom: 150px;
	}
	
.copy p {
	color: #afafaf;
	line-height: 1.8em;
	margin-bottom: 30px;
	text-align: left;
	font-size: 1.2em;
	}

.copy .highlight-eikon {
	color: #06a7e2;
	background: #fff;
	padding: 0px 10px;
	border-radius: 4px;
	display: inline-block;
	text-transform: uppercase;
	box-shadow: 0px 1px 1px #000;
	}	
	
.copy .highlight {
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	}
	
.more-about-us {
	text-align: center !important;
	padding: 10px 0;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 100px 0 80px 0 !important;
	font-size: 3em !important;
	line-height: 1.2em !important;
	font-family: 'bebas_neueregular', 'Open Sans', Arial, sans-serif !important;
	}	
	
.video-eikon {
	background: #1B1B1B;
	border-top: 5px solid #fff;
	border-bottom: 2px solid #000;
	}	
	
.eikon-manual {
	width: 100%;
	background: #000 url(../img/eikon-manual.jpg) no-repeat center center;
	background-size: cover;
	height: 200px;
	border: 2px solid #fff;
	margin: 80px 0 0 0;
	position: relative;
	}	
	
.eikon-manual a {
	display: inline-block;
	text-align: center;
	padding: 20px;
	background: #000;
	color: #fff;
	border: 2px solid #fff;
	margin: 65px 0 0 0;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-decoration: none;
	box-shadow: 0 0 20px #000;
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
	}

.eikon-manual a:hover {
	background: #04a3e6;
	box-shadow: none;
	}	
	
.social {
	display: inline-block;
	padding: 20px 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 80px 0 0 0;
	text-align: center;
	}
	
.social a {
	display: inline-block;
	margin: 0px 20px;
	}
	
.img-footer-end {
	background: url(../img/img-footer-end.png) no-repeat center bottom;
	width: 100%;
	height: 522px;
	}
   
/* ==========================================================================
   RESPONSIVE
   ========================================================================== */ 

@media all and (max-width: 900px) {

.white-popup, .white-popup2 {font-size: 3em;}
.white-popup2 img {margin-top: -50px; margin-bottom: 50px;}

}  

@media all and (max-width: 600px) {

.idieikon-menu {display: none;}
.white-popup, .white-popup2 {font-size: 2em;}

}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
	
* {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p, h2, h3 {orphans: 3; widows: 3;}
h2, h3 {page-break-after: avoid;}

}

/* GOOGLE */

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/Open-Sans-300/Open-Sans-300.eot');
  src: url('fonts/Open-Sans-300/Open-Sans-300.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Light'),
       local('Open-Sans-300'),
       url('fonts/Open-Sans-300/Open-Sans-300.woff2') format('woff2'),
       url('fonts/Open-Sans-300/Open-Sans-300.woff') format('woff'),
       url('fonts/Open-Sans-300/Open-Sans-300.ttf') format('truetype'),
       url('fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Open-Sans-700/Open-Sans-700.eot');
  src: url('fonts/Open-Sans-700/Open-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Open Sans Bold'),
       local('Open-Sans-700'),
       url('fonts/Open-Sans-700/Open-Sans-700.woff2') format('woff2'),
       url('fonts/Open-Sans-700/Open-Sans-700.woff') format('woff'),
       url('fonts/Open-Sans-700/Open-Sans-700.ttf') format('truetype'),
       url('fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg');
}