html, body { margin: 0px; border: 0px; padding: 0px; color:#555; }
html { background-repeat: repeat-y; background-position: center top; background-image: url('../images/background.jpg'); }
		
#header { background-color: #e7e7e7; position:relative; height: 30px; border-bottom: 1px solid #c8c8c8; box-shadow: 0px 0px 5px 3px rgba(210,210,210,0.7); }
#header::before { background-color: #e7e7e7; position:absolute; height:90px; width:210px; left:10%; display:block; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; box-shadow: 0px 0px 5px 3px rgba(210,210,210,0.7); content:''; }
#header::after { background-color: #e7e7e7; position:absolute; width:100%; height:30px; left:0px; top:0px; content:''; }
#logo { position:absolute; top:0px; left:10%; display:block; height:90px; width:220px; background-repeat:no-repeat; background-position:center center; background-image:url('../images/foretix-logo.png'); content:''; }

#content { width:800px; margin:0px auto; }
#box { margin-top:100px; width: 800px; cursor:pointer; display:none; }
#title { font-weight:900; font-size:22px; font-family: Oswald, sans-serif; text-transform:uppercase; margin-bottom:20px; }
div.item { position:relative; overflow:hidden; font-weight:400; font-size:14px; height: 160px; font-family: "Source Sans Pro", sans-serif; border: 1px solid #d8d8d8; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%), transparent none no-repeat right -20px bottom -20px; }
div.item div.item-image { transition:left ease-out 200ms, opacity ease-out 400ms; position:absolute; left:50px; top:30px; height:100px; opacity:1; }
div.item div.item-title { position:absolute; text-align:center; left:26%; top:20px; text-transform:uppercase; font-size:20px; font-weight:900; transition:left ease-out 400ms, opacity ease-out 400ms;  }
div.item div.item-description { position:absolute; opacity:1; transition:opacity ease-out 400ms, left ease-out 200ms; left:26%; top:50px; right:20px; }
div.item div.item-button { position:absolute; left:26%; top:110px; width:0px; height:22px; line-height:22px; font-size:14px; background-color:#aaaaaa; color:white; padding:5px 0px 5px 40px; overflow:hidden; transition:width linear 200ms, background-color linear 200ms, font-size linear 200ms, left linear 200ms, top linear 200ms; background-image: url('../images/arrow-right.png'); background-repeat:no-repeat; background-position:13px center; }
div.item:hover div.item-image { left:10px; opacity:0; }
div.item:hover div.item-title { left:400px; opacity:0; }
div.item:hover div.item-description { opacity:0; left:400px; }
div.item:hover div.item-button { background-color:#80bd01; font-size:20px; left:40%; top:65px; width:150px; }

#textbox { position: fixed; left: 50%; top: 50%; margin-left: -500px; margin-top: -150px; width: 1000px; height: 300px; cursor:default; }
#texttitle { font-weight:900; font-size:22px; font-family: Oswald, sans-serif; text-transform:uppercase; margin-bottom:20px; }
#text { font-weight:400; font-size:14px; font-family: "Source Sans Pro", sans-serif; padding:30px 20px; border: 1px solid #d8d8d8; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.2) 100%), transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNDNTNBREU1ODkxMTFFNDlGMjlBRjg2NkIyMDlBQTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNDNTNBREY1ODkxMTFFNDlGMjlBRjg2NkIyMDlBQTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0M1M0FEQzU4OTExMUU0OUYyOUFGODY2QjIwOUFBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0M1M0FERDU4OTExMUU0OUYyOUFGODY2QjIwOUFBMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm6vzVMAAAqJSURBVHja7F2Hjts4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) no-repeat right -20px bottom -20px; }
#text > div { padding:5px 0px; }
#text > div > span.lang { font-weight:700; margin-right:20px; display:inline-block; width:40px; }
#text > div > span.lang::before { content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; height:0px; display:inline-block; margin-right:5px; }
#text > div > span.lang::after { content:''; border-top:5px solid transparent; border-bottom:5px solid transparent; height:0px; display:inline-block; margin-left:5px; }
#text > div[lang='en'] > span.lang::before { border-right:5px solid #fcdd00; }
#text > div[lang='en'] > span.lang::after { border-left:5px solid #fcdd00; }
#text > div[lang='fr'] > span.lang::before { border-right:5px solid #e63c2e; }
#text > div[lang='fr'] > span.lang::after { border-left:5px solid #e63c2e; }
#text > div[lang='de'] > span.lang::before { border-right:5px solid #e71096; }
#text > div[lang='de'] > span.lang::after { border-left:5px solid #e71096; }
#text > div[lang='es'] > span.lang::before { border-right:5px solid #80bd01; }
#text > div[lang='es'] > span.lang::after { border-left:5px solid #80bd01; }
#text > div[lang='it'] > span.lang::before { border-right:5px solid #28714e; }
#text > div[lang='it'] > span.lang::after { border-left:5px solid #28714e; }
#text > div[lang='cs'] > span.lang::before { border-right:5px solid #00a6cf; }
#text > div[lang='cs'] > span.lang::after { border-left:5px solid #00a6cf; }

div.mirrorix { background-image: url('../images/mirrorix-pictogram.png'); width:102px; }