/* line 17, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

/* line 2, ../sass/custom.slider.scss */
.sliderBox { display: inline-block; }

/* line 5, ../sass/custom.slider.scss */
.sliders { position: relative; top: 0px; left: 0px; }

/* line 10, ../sass/custom.slider.scss */
.sliders li { position: absolute; top: 0px; left: 0px; list-style-type: none; }

/* line 17, ../sass/custom.slider.scss */
.triggers { z-index: 100; display: inline-block; }

/* line 21, ../sass/custom.slider.scss */
.triggers li { display: inline-block; cursor: pointer; padding: 0 5px; }

/* line 26, ../sass/custom.slider.scss */
.triggers li.active { font-weight: bold; }

/* line 29, ../sass/custom.slider.scss */
.control { opacity: 0; position: absolute; top: 37px; color: #fff; display: block; width: 50%; bottom: 0; line-height: 50%; }

/* line 43, ../sass/custom.slider.scss */
.prev { left: 0; cursor: w-resize; }

/* line 47, ../sass/custom.slider.scss */
.next { right: 0; cursor: e-resize; }

/* line 19, ../sass/screen.scss */
* { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* line 25, ../sass/screen.scss */
html, body { height: 100%; font-family: "Raleway", sans-serif; font-size: 0.9375em; line-height: 1.8em; -webkit-text-size-adjust: none; }

/* line 32, ../sass/screen.scss */
html:before { content: ""; position: fixed; width: 100px; height: 64px; background: white; z-index: 1; right: -17px; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); }

/* line 44, ../sass/screen.scss */
html:lang(sv):before { background: #414141; }

/* line 47, ../sass/screen.scss */
body:before, body:after { content: ""; position: fixed; background: #414141; left: 0; right: 0; height: 27px; }

/* line 55, ../sass/screen.scss */
body#sv:before, body#sv:after { background: white; }

/* line 58, ../sass/screen.scss */
body:before { top: 0; }

/* line 61, ../sass/screen.scss */
body:after { bottom: 0; }

/* line 64, ../sass/screen.scss */
body { border-left: 30px solid #414141; border-right: 30px solid #414141; color: #414141; }
/* line 68, ../sass/screen.scss */
body#sv { border-color: white; background: #414141; color: white; }

/* line 74, ../sass/screen.scss */
.clear { clear: both; }

/* line 77, ../sass/screen.scss */
.hide { display: none; }

/* line 81, ../sass/screen.scss */
a { text-decoration: none; color: inherit; }
/* line 84, ../sass/screen.scss */
a:hover { font-weight: bold; }

/* line 88, ../sass/screen.scss */
strong { font-weight: bold; }

/* line 91, ../sass/screen.scss */
.current { font-weight: bold; }

/* line 94, ../sass/screen.scss */
header { float: left; max-width: 12em; margin-right: 3em; }

/* line 99, ../sass/screen.scss */
.logo { width: 12em; float: left; margin-left: 3em; margin-top: 3em; }
/* line 104, ../sass/screen.scss */
.logo:hover { cursor: pointer; }

/* line 108, ../sass/screen.scss */
.desc { margin-top: 10em; width: 12em; display: inline-block; left: 0; margin-left: 3em; }

/* line 115, ../sass/screen.scss */
.partners { position: absolute; bottom: 2.5em; left: 2.5em; }

/* line 120, ../sass/screen.scss */
.partnerLinks { display: none; }

/* line 123, ../sass/screen.scss */
.langNav { position: absolute; right: 3em; top: 3em; text-align: right; }

/* line 131, ../sass/screen.scss */
#fi .fi, #sv .sv, #en .en { font-weight: bold; }

/* line 134, ../sass/screen.scss */
.info { position: absolute; right: 3em; bottom: 3em; text-align: right; }
/* line 139, ../sass/screen.scss */
.info img { vertical-align: bottom; margin-top: 8px; }
/* line 143, ../sass/screen.scss */
.info img:hover { cursor: help; }

/* line 147, ../sass/screen.scss */
.projectBtn { padding: 0.3em 0.7em; font-size: 1.5em; position: absolute; transition: 0.4s all; }
/* line 152, ../sass/screen.scss */
.projectBtn:hover { background: #414141; color: white; font-weight: normal; transition: 0.7s all; }
/* line 158, ../sass/screen.scss */
#sv .projectBtn:hover { background: white; color: #414141; }

/* line 164, ../sass/screen.scss */
.visited { background: #414141; color: white; }
/* line 167, ../sass/screen.scss */
#sv .visited { background: white; color: #414141; }

/* line 172, ../sass/screen.scss */
.project { color: white; background: #414141; position: absolute; /*.maxBtn:after:hover {
	border-top: 3px solid $color1;
}*/ }
/* line 178, ../sass/screen.scss */
#sv .project { color: #414141; }
/* line 181, ../sass/screen.scss */
.project .header { background: #414141; padding: 0.5em 6em 0.5em 1.4em; font-size: 0.9em; cursor: move; }
/* line 186, ../sass/screen.scss */
#sv .project .header { background: white; }
/* line 190, ../sass/screen.scss */
.project .name { display: inline; text-transform: uppercase; font-weight: lighter; margin-right: 1em; }
/* line 196, ../sass/screen.scss */
.project .closeBtn, .project .maxBtn { width: 30px; z-index: 100; display: inline; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; color: white; }
/* line 208, ../sass/screen.scss */
.project .closeBtn:hover, .project .maxBtn:hover { cursor: pointer; }
/* line 212, ../sass/screen.scss */
#sv .project .closeBtn, #sv .project .maxBtn { color: #414141; }
/* line 216, ../sass/screen.scss */
.project .closeBtn { font-size: 1.7em; line-height: 1.6em; }
/* line 220, ../sass/screen.scss */
.project .maxBtn { right: 29px; font-size: 1.5em; }
/* line 224, ../sass/screen.scss */
.project .maxBtn.pressed:after { border-top-width: 1px; border-bottom: 3px solid white; }
/* line 227, ../sass/screen.scss */
#sv .project .maxBtn.pressed:after { border-top-width: 1px; border-bottom: 3px solid #414141; }
/* line 232, ../sass/screen.scss */
.project .maxBtn:after { content: ""; position: absolute; top: 16px; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border: 1px solid white; border-top: 3px solid white; }
/* line 242, ../sass/screen.scss */
#sv .project .maxBtn:after { border: 1px solid #414141; border-top: 3px solid #414141; }
/* line 251, ../sass/screen.scss */
.project img { max-width: 450px; max-height: 450px; vertical-align: bottom; }

/* line 258, ../sass/screen.scss */
section { float: left; width: 65%; width: calc(100% - 169px - 217px - 6em); min-height: 100%; padding: 1.5em; }

/* line 266, ../sass/screen.scss */
.top { z-index: 2; }

/* line 267, ../sass/screen.scss */
.bottom { z-index: 1; }

/* line 269, ../sass/screen.scss */
.bx-wrapper { min-width: 500px; background: white; }

/* line 273, ../sass/screen.scss */
.bx-wrapper img { display: block; }

/* line 278, ../sass/screen.scss */
.bx-wrapper li { width: auto !important; }

/* line 281, ../sass/screen.scss */
.triggers { display: inline-block; /*&:before {
	content:"|";
	position: absolute;
	left:0;
}*/ }
/* line 289, ../sass/screen.scss */
.triggers li:hover { font-weight: bold; }

/* line 296, ../sass/screen.scss */
.bx-pager-item { display: inline; padding: 0 0.3em; }

/* line 300, ../sass/screen.scss */
.bx-controls-direction { position: absolute; top: 50%; z-index: 100; width: 100%; }

/* line 306, ../sass/screen.scss */
.bx-prev { float: left; padding: 0.5em; }

/* line 310, ../sass/screen.scss */
.bx-next { float: right; padding: 0.5em; }

/* line 314, ../sass/screen.scss */
.active { font-weight: bold; }

/* line 317, ../sass/screen.scss */
.ui-resizable { position: absolute !important; }

/* line 320, ../sass/screen.scss */
.notes { position: absolute; bottom: 0.5em; left: 1.3em; font-size: 0.8em; opacity: 0.8; }

/* line 328, ../sass/screen.scss */
.snapper { position: absolute; top: 27px; left: 0; right: 0; bottom: 27px; }

/* line 336, ../sass/screen.scss */
.notification-bar { width: 100%; text-align: center; padding: 2px 0; position: fixed; top: 0; z-index: 1000; }
/* line 343, ../sass/screen.scss */
.notification-bar p { color: red; margin-bottom: 0; }
/* line 347, ../sass/screen.scss */
.notification-bar a { color: #00cd00; text-decoration: underline; }

/* line 352, ../sass/screen.scss */
.project.gi ul { color: #414141 !important; }
/* line 354, ../sass/screen.scss */
.project.gi ul p { margin-bottom: 1.5em; }
/* line 357, ../sass/screen.scss */
.project.gi ul li { padding: 10px 15px; background: white; }
/* line 360, ../sass/screen.scss */
.project.gi ul li ul, .project.gi ul li li { position: relative; list-style-type: disc; }
/* line 365, ../sass/screen.scss */
.project.gi ul li ul { padding: 0 0 0 1em; }
/* line 368, ../sass/screen.scss */
.project.gi ul li li { padding: 0; }

@media screen and (max-width: 700px), (max-height: 630px) { /* line 375, ../sass/screen.scss */
  header, section { float: left; }
  /* line 378, ../sass/screen.scss */
  header { max-width: none; margin: 0; }
  /* line 382, ../sass/screen.scss */
  .projectBtn { position: relative; top: 0 !important; left: 0 !important; float: left; width: 100%; padding-left: 0; }
  /* line 390, ../sass/screen.scss */
  .projectBtn:hover, .projectBtn:visited, .visited { background-color: white; color: #414141; font-weight: bold; }
  /* line 395, ../sass/screen.scss */
  #sv .projectBtn:hover, #sv .projectBtn:visited, #sv .visited { font-weight: bold; background-color: #414141; color: white; }
  /* line 400, ../sass/screen.scss */
  .projectBtn:after { content: attr(title); font-size: 0.6em; padding-left: 0.4em; }
  /* line 405, ../sass/screen.scss */
  section { margin-top: 3em; padding: 0 1.5em; min-height: 0; width: 100%; }
  /* line 411, ../sass/screen.scss */
  .logo, .desc { margin-left: 1.5em; margin-top: 1.5em; }
  /* line 415, ../sass/screen.scss */
  .desc { margin-top: 2em; margin-right: 1.5em; width: auto; }
  /* line 420, ../sass/screen.scss */
  .info { position: relative; float: left; width: 100%; text-align: left; top: 0; left: 0; padding: 0 1.5em; margin-top: 3em; }
  /* line 429, ../sass/screen.scss */
  .info img { margin-top: 0.5em; }
  /* line 434, ../sass/screen.scss */
  .langNav { z-index: 2; right: 3em; top: 3em; }
  /* line 439, ../sass/screen.scss */
  .project { position: relative !important; top: auto !important; left: auto !important; margin: 1em 0 2em; float: left; max-width: 100% !important; width: 100%; }
  /* line 447, ../sass/screen.scss */
  .project .header { max-width: 100%; padding-right: 2.5em; }
  /* line 451, ../sass/screen.scss */
  .project img { max-width: 100%; }
  /* line 455, ../sass/screen.scss */
  .project .maxBtn { display: none; }
  /* line 459, ../sass/screen.scss */
  .sliders li { max-width: 100%; }
  /* line 462, ../sass/screen.scss */
  .snapper { position: relative; top: -18px; padding-right: 1.5em; padding-top: 1.5em; margin-right: -18px; min-height: 100%; overflow: hidden; margin-bottom: -18px; }
  /* line 474, ../sass/screen.scss */
  body, html { height: auto; }
  /* line 477, ../sass/screen.scss */
  body { padding-bottom: 1.5em; border: 18px solid #414141; }
  /* line 481, ../sass/screen.scss */
  body:before, body:after, html:after, html:before { display: none; }
  /* line 484, ../sass/screen.scss */
  .snapper:before { position: absolute; width: 80px; height: 34px; right: -35px; top: -10px; left: auto; content: ""; background: white; z-index: 1; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); }
  /* line 498, ../sass/screen.scss */
  html:lang(sv) .snapper:before { background: #414141; }
  /* line 501, ../sass/screen.scss */
  .partnerLinks { display: block; margin: 1.5em 0 0 1.5em; }
  /* line 505, ../sass/screen.scss */
  .project.gi ul li { position: relative; } }