* { margin: 0; padding: 0; }
html { min-height: 100%; margin: 0 0 1px; }
/*! html5 -------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
summary::-webkit-details-marker { display: none }
/*! headers ------- */
.header-a { }
.ha-b { margin-bottom: 12px; color: #172934; font: bold 3.6em/1 MuseoSlab900,Georgia,Arial,serif; letter-spacing: -0.04em; text-transform: uppercase; }
.header-b { margin-bottom: 20px; color: #172934; font: normal 1.4em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; text-transform: uppercase; }
.hb-a { margin-bottom: 5px; float: left; }
.ie7 .hb-a { padding-bottom: 20px; }
.header-c { float: left; margin-bottom: 0; padding-left: 20px; color: #fff; font: normal 2.4em/54px MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.hc-a { padding-right: 90px; background: url(../images/contact-nav-container-bg.png) 100% 100% no-repeat; }
.hc-b { padding-right: 98px; background: url(../images/faq-header-ico.png) 100% -5px no-repeat; }
.hc-c { padding-right: 94px; background: url(../images/what-we-do-header-ico.png) 100% -5px no-repeat; }
.header-d { display: table; width: 73px; height: 68px; color: #172934; background: url(../images/header-d-bg.png) 0 0 no-repeat; font: normal 1.2em/1.16 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; }
.header-d span { display: table-cell; vertical-align: middle; padding: 1px 6px 0 0; text-align: center; }
.ie7 .header-d span { display: block; }
.hd-a { color: #fff; background-position: 0 -68px; }
.hd-b { color: #fff; background-position: 0 -136px; }
.hd-c { color: #fff; background-position: 0 -204px; }
.hd-d { color: #fff; background-position: 0 -272px; }
.hd-e { color: #fff; background-position: 0 -340px; }
.hd-f { color: #fff; background-position: 0 -408px; }
.hd-g { color: #fff; background-position: 0 -476px; }
.hd-h { color: #fff; background-position: 0 -544px; }
.header-e { margin-bottom: 0; color: #172934; font: normal 1.5em/1.31 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.he-a { }
.he-a mark { color: #4bad0e; }
.header-f { margin-bottom: 10px; padding: 5px 0 5px 30px; background: url(../images/warning-ico.png) 0 50% no-repeat; font-size: 1.2em; color: #fd713a; }
.header-fastpr { overflow: hidden; width: 112px; height: 30px; margin-bottom: 5px; background: url(../images/fastpr-logo.png) 0 0 no-repeat; text-indent: -10001px; }
/*! containers ---- */
.art-a { overflow: hidden; width: 450px; padding-bottom: 14px; background: url(../images/news-box-bottom.png) 0 100% no-repeat; }
.art-a .wrapper-c { overflow: hidden; height: 139px; padding: 15px 0 0 20px; background: url(../images/news-box-top.png) 0 0 no-repeat; }
.art-a .image { float: left; margin-bottom: 0; padding-top: 5px; text-align: center; }
.art-a .content { margin-left: 110px; }
.art-a .content h1 { margin-bottom: 1px; color: #172934; font: normal 1.3em/1.2 Segoe UI Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; }
.art-a .content p { line-height: 1.38; }
.art-a .content p a:hover { text-decoration: underline; }
.js .art-a { display: none; }
.js .art-a:first-child { display: block; }
.js .art-a .wrapper-c { height: auto; }
.box-a { position: relative; z-index: 15; overflow: hidden; width: 100%; margin-top: -225px; background: url(../images/fade-1.png) 0 0 repeat-x; }
.box-b { position: relative; overflow: hidden; width: 100%; height: 168px; }
.box-c { z-index: 10; position: relative; overflow: hidden; height: 587px; margin-top: -66px; }
.ie7 .box-c { margin-top: 0; /*padding-top: 1px;*/ }
.bc-a { width: 100%; height: auto; }
.hbox-a { overflow: hidden; width: 100%; }
.hbox-c { overflow: hidden; width: 100%; padding-top: 64px; }
.hbox-c .header-a { float: left; width: 370px; }
.hbox-c p { float: left; width: 575px; color: #4e2906; font: normal 1.6em/1.5 MuseoSans500,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-align: left; }
.hbc-a { padding-top: 45px; }
.hbc-a p { width: 665px; margin-bottom: 40px; color: #2d7819; }
.hbc-a p a { color: #2d7819; border-bottom: 1px dotted #2d7819; }
.hbc-a p a:hover { border: none; }
.hbc-b { padding-top: 37px; }
.hbc-b p { width: 100%; margin-bottom: 50px; color: #172934; font-size: 1.6em; letter-spacing: -0.02em; text-align: left; }
.hbox-d { overflow: hidden; width: 100%; margin-bottom: 15px; padding-bottom: 1px; border-bottom: 1px solid #e2e2e2; }
.hbox-d h2 { float: left; }
.hbox-d p { float: right; margin-bottom: 0; }
.cycle-nav-container { z-index: 20; position: absolute; width: 860px; top: 450px; left: 50%; overflow: hidden; background-color: rgba(255,255,255,0); margin-left: 370px; }
.cycle-a .cycle-item { overflow: hidden; width: 100%; height: 728px; }
.cycle-a .cycle-item .wrapper-a { position: relative; margin-top: 60px; }
.cycle-a .cycle-item .content { position: relative; z-index: 5; width: 430px; float:right; padding: 120px 0 0 0;}
.cycle-a .cycle-item .content p { color: #4e2906; font: normal 1.6em/1.31 MuseoSans500,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: -0.02em; }
.cycle-a .cycle-item .content p cite { font-style: normal; font-weight: bold; }
.cycle-a .cycle-item .vis-box { position: absolute; z-index: 3; right: 0; top: 0; -moz-user-select: none; -khtml-user-select: none; }
.cycle-a .cycle-item .vis-box * { -moz-user-select: none; -khtml-user-select: none; }
/*! Home page visuals ---- */
/*! hitmo ---- */
.cycle-a .hitmo {
background-color: #f37021;
}
.cycle-a .hitmo .header-a {
font-family:"helvetica_25_ultralightRg", Arial, Helvetica, sans-serif;
font-size: 42px;
text-transform: uppercase;
color: #fff;
float: right;
margin: 40px 0 0 0;
}
.cycle-a .hitmo p { }
.cycle-a .hitmo .vis-box { top: 0; left: 0; }
/*! fastpr ---- */
.cycle-a .fastpr {
background-color: #a6ce39;
}
.cycle-a .fastpr .header-a {
font-family:"helvetica_25_ultralightRg", Arial, Helvetica, sans-serif;
font-size: 42px;
text-transform: uppercase;
color: #4b7017;
float: right;
margin: 50px 0 0 0;
}
.cycle-a .fastpr .content p { color: #155c92; }
.cycle-a .fastpr .vis-box { top: 0px; left: 0; }
/*! akademia ---- */
.cycle-a .akademia {
background-color: #feb933;
}
.cycle-a .akademia .header-a {
font-family:"helvetica_25_ultralightRg", Arial, Helvetica, sans-serif;
font-size: 42px;
text-transform: uppercase;
color: #9f4e05;
float: right;
margin: 30px 0 0 0;
}
.cycle-a .akademia .content p { color: #c3601b; }
.cycle-a .akademia .vis-box { top: 0px; left: 0; }
/*! End Home page projects ---- */
/*! fastpr ---- */
.box-d.fastpr {
background: url(../images/project-visuals/vis-fastpr-bg-1b.jpg) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/project-visuals/vis-fastpr-noise.png) 0 0,
url(../images/project-visuals/vis-fastpr-bg-1b.jpg) 50% 0 no-repeat,
url(../images/project-visuals/vis-fastpr-bg.png) 0 0 repeat-x;
background-color: #89d0f2; }
.box-d.fastpr .header-a { color: #155b91; }
.box-d.fastpr .content p { color: #155c92; }
.box-d.fastpr .special-box { position: absolute; top: 91px; right: 10px; }
.box-d.fastpr .special-box * { float: right; clear: right; }
.box-d.fastpr .vis-box .image-a { position: absolute; top: 33px; right: 219px; background: url(../images/portfolio-visuals/layer-fastpr.png) 0 -1000px no-repeat; }
.box-d.fastpr blockquote p,
.box-d.fastpr .cite { color: #155b91; }
.box-d.fastpr .noise { background: url(../images/project-visuals/vis-fastpr-noise.png) 0 0; }
/*! akademia ---- */
.box-d.akademia {
background: url(../images/project-visuals/vis-akademia-bg-1b.jpg) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/project-visuals/vis-akademia-noise.png) 0 0,
url(../images/project-visuals/vis-akademia-bg-1b.jpg) 50% 0 no-repeat,
url(../images/project-visuals/vis-akademia-bg.png) 0 0 repeat-x;
background-color: #e0ddaa; }
.box-d.akademia .header-a { color: #c3601b; }
.box-d.akademia .content p { color: #c3601b; }
.box-d.akademia .content p .link-b,
.box-d.akademia .content p .link-b:hover:after { color: #c3601b; }
.box-d.akademia .content p .link-b:hover { color: #fff; }
.box-d.akademia blockquote p,
.box-d.akademia .cite { color: #c3601b; }
.box-d.akademia .noise { background: url(../images/project-visuals/vis-akademia-noise.png) 0 0; }
.box-d.akademia .list-h li { color: #7a7857; background-color: #cdca9e; }
.box-d.akademia .vis-box .image-a { position: absolute; top: 28px; right: 89px; background: url(../images/portfolio-visuals/layer-akademia.png) 0 -1000px no-repeat; }
/*! portfolio main ---- */
.box-d.portfolio-all {
background: url(../images/project-visuals/vis-portfolio-bg.png) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/project-visuals/vis-portfolio-noise.png) 0 0,
url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 200px no-repeat,
url(../images/fade-3.png) 0 0 repeat-x,
url(../images/project-visuals/vis-portfolio-bg.png) 50% 0 no-repeat;
background-color: #ffae04; }
/* IE lt 9 multibcg fix*/
.box-d.portfolio-all .noise { background: url(../images/project-visuals/vis-portfolio-noise.png) 0 0; }
.box-d.portfolio-all .fade-1 { padding: 155px 0 0 0; background: url(../images/fade-3.png) 0 0 repeat-x; }
.box-d.portfolio-all .hitmo-bg { padding-bottom: 50px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% -155px; }
.box-d.portfolio-all .fade { padding-bottom: 0; }
.ielt9 .box-d.portfolio-all { padding-top: 0; }
/*! End Portfolio visuals ---- */
/*! contact main ---- */
.box-d.contact {
background: url(../images/pages-visuals/contact-top.png) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/pages-visuals/contact-noise.png) 0 0,
url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 220px no-repeat,
url(../images/fade-4.png) 0 100px repeat-x,
url(../images/pages-visuals/contact-top.png) 50% 0 no-repeat;
background-color: #8cd04a; }
/* IE lt 9 multibcg fix*/
.box-d.contact .noise { background: url(../images/project-visuals/vis-portfolio-noise.png) 0 0; }
.box-d.contact .fade-1 { padding: 155px 0 0 0; background: url(../images/fade-4.png) 0 100px repeat-x; }
.box-d.contact .hitmo-bg { padding-bottom: 50px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 85px no-repeat; }
.box-d.contact .fade { padding-bottom: 0; }
.ielt9 .box-d.contact { padding-top: 0; }
/*! faq main ---- */
.box-d.faq {
background: url(../images/pages-visuals/faq-top.jpg) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/pages-visuals/faq-noise.png) 0 0,
url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 240px no-repeat,
url(../images/pages-visuals/faq-fade.png) 0 100px repeat-x,
url(../images/pages-visuals/faq-top.jpg) 50% 0 no-repeat;
background-color: #8fbcc1; }
/* IE lt 9 multibcg fix*/
.box-d.faq .noise { background: url(../images/pages-visuals/faq-noise.png) 0 0; }
.box-d.faq .fade-1 { padding: 155px 0 0 0; background: url(../images/pages-visuals/faq-fade.png) 0 100px repeat-x; }
.box-d.faq .hitmo-bg { padding-bottom: 50px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 85px no-repeat; }
.box-d.faq .fade { padding-bottom: 0; }
.ielt9 .box-d.faq { padding-top: 0; }
/*! what we do main ---- */
.box-d.what-we-do {
background: url(../images/pages-visuals/what-we-do-top.jpg) 50% 0 no-repeat;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/pages-visuals/what-we-do-noise.png) 0 0,
url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 240px no-repeat,
url(../images/pages-visuals/what-we-do-fade.png) 0 100px repeat-x,
url(../images/pages-visuals/what-we-do-top.jpg) 50% 0 no-repeat;
background-color: #d2c58e; }
/* IE lt 9 multibcg fix*/
.box-d.what-we-do .noise { background: url(../images/pages-visuals/what-we-do-noise.png) 0 0; }
.box-d.what-we-do .fade-1 { padding: 155px 0 0 0; background: url(../images/pages-visuals/what-we-do-fade.png) 0 100px repeat-x; }
.box-d.what-we-do .hitmo-bg { padding-bottom: 50px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 85px no-repeat; }
.box-d.what-we-do .fade { padding-bottom: 0; }
.ielt9 .box-d.what-we-do { padding-top: 0; }
/*! team main ---- */
.box-d.team {
padding-top: 20px;
background: url(../images/fade-2.png) 0 100% repeat-x,
url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% -100px no-repeat,
url(../images/pages-visuals/team-noise.png) 0 0;
background-color: #fff; }
/* IE lt 9 multibcg fix*/
.box-d.team .noise { background: url(../images/pages-visuals/team-noise.png) 0 0; }
.box-d.team .fade-1 { padding: 155px 0 0 0; background: url(../images/pages-visuals/what-we-do-fade.png) 0 100px repeat-x; }
.box-d.team .hitmo-bg { padding-bottom: 50px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg.png) 50% 85px no-repeat; }
.box-d.team .fade { padding-bottom: 0; }
.ielt9 .box-d.team { padding-top: 0; }
.box-e { position: absolute; z-index: 20; top: 101px; left: 50%; overflow: hidden; width: 974px; margin-left: -487px; background: url(../images/box-e-bg.png) 0 0 repeat-y; /*background-color: #172934;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; }
.be-a { width: 944px; padding-right: 30px; background-color: #0f2431; }
.be-b { width: 974px; padding-right: 0; background-color: #0f2431; overflow: visible; }
.be-c { background: url(../images/box-e-c.jpg) 0 0 no-repeat; }
.box-f-container { position: relative; }
.box-f { position: relative; z-index: 10; overflow: hidden; width: 100%; margin: 40px 0; padding: 5px 0; background-color: #172934; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-background-clip: padding-box; -moz-user-select: none; -khtml-user-select: none; }
.js .box-f { }
.bf-a { width: 600px; margin: 30px auto 20px auto; background-color: #3e5461; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box-g { float: right; width: 550px; height: 410px; margin-top: -5px; overflow: auto; }
.box-g:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.box-h { overflow: hidden; width: 100%; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e9e9e9; }
.box-h:last-child { border: none; }
.box-i { margin-bottom: 25px; padding: 15px; border: 2px solid #fd7946; background-color: #fff; }
.box-j { display: none; clear: both; width: 162px; padding: 1px; border: 1px solid #2e414e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box-j h2 { margin-bottom: 0; color: #6f808b; font-size: 1.2em; font-weight: normal; line-height: 1.3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box-j h2 a { display: block; padding: 3px 25px 4px 11px; color: #6f808b; text-decoration: none; background: #243642 url(../images/keyboard-hint-trigger.png) 140px -90px no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; }
.box-j h2 a:hover { color: #adb8bf; background-position: 140px 10px; }
.box-j h2 a.hidden { background-position: 140px -290px; }
.box-j h2 a.hidden:hover { color: #adb8bf; background-position: 140px -190px; }
.box-j h3 { margin: 0 -8px; padding: 0 15px; color: #6f808b; font: normal 1.4em/1.4 MuseoSlab700,Georgia,Arial,serif; text-align: center; }
.box-j h3 strong { font-weight: normal; color: #adb8bf; }
.box-j .image { margin: -45px 0 0 0; text-align: center; }
.box-j .image img { display: block; margin: 0 auto; }
.box-j .images-hint,
.box-j .projects-hint { position: relative; margin: 0 -1px; padding: 0; border-bottom: 3px solid #2b3e4b; }
.box-j .images-hint { margin: 14px -1px 0 -1px; }
.box-j .projects-hint h3 { padding-top: 14px; }
.box-j .projects-hint .image { margin-top: -55px; }
.box-j .hint-a { position: absolute; bottom: 16px; left: -8px; width: 70px; margin-bottom: 0; color: #6f808b; font-size: 1.1em; line-height: 1.3; letter-spacing: -0.02em; text-align: right; }
.box-j .hint-b { position: absolute; bottom: 16px; right: -8px; width: 70px; margin-bottom: 0; color: #6f808b; font-size: 1.1em; line-height: 1.3; letter-spacing: -0.02em; }
.box-j .projects-hint .hint-a,
.box-j .projects-hint .hint-b { bottom: 10px; }
.project-section-a .box-j { display: block; position: absolute; left: 50%; top: 0; margin-left: 321px; }
.box-k { position: relative; margin-bottom: 45px; min-height: 183px; background: #fff url(../images/box-k-bg.png) 0 50% no-repeat; border: 1px solid #e8eef1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 0px 0px rgba(60, 82, 92, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(60, 82, 92, 0.2); box-shadow: 1px 1px 0px 0px rgba(60, 82, 92, 0.2); }
.box-k .header-e { padding: 74px 0 0 218px; }
.box-k p { padding-left: 218px; color: #55656f; }
.box-k .list-m { position: absolute; bottom: 10px; left: 100px; }
.box-l { }
.js .box-l { width: 100%; position: absolute; height: 650px; }
.box-l summary { display: none; }
.box-l nav { position: relative; width: 100%; height: 650px; background: url(../images/box-l-bg.png) 216px 0 no-repeat; }
.js .box-l nav { background: none; }
.ielt9 .box-l nav { background: url(../images/box-l-bg.png) 216px 0 no-repeat !important; }
.box-l nav .fade-bg { z-index: 1; position: absolute; width: 100%; height: 650px; /*background: url(../images/box-l-bg.png) 216px 0 no-repeat;*/ }
.box-l nav .fade-bg.type-1 { background: url(../images/box-l-bg.png) 216px 0 no-repeat; }
.box-l ol { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; }
.box-l ol li { display: block; position: relative; counter-increment: section; width: 205px; height: 160px; }
.js .box-l ol li { display: none; }
.ielt9 .box-l ol li { display: block; cursor: pointer; }
.ielt9 .box-l ol li h1 { cursor: pointer; }
.js.ielt9 .box-l ol li { display: block; }
.box-l ol li:before { position: absolute; z-index: 10; left: 12px; top: 16px; content: counter(section, decimal) " "; color: #fff; font: normal 1.38em/1 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; }
.ie .box-l ol li:before { display: none; }
.ie .box-l ol li .counter { position: absolute; top: 16px; left: 12px; color: #fff; font: normal 1.38em/1 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; }
.box-l ol li a { /*position: relative; z-index: 5;*/ display: block; width: 205px; height: 49px; background-color: #1e62bf; color: #172934; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; }
.box-l ol li.active a:before { content: ' '; position: absolute; z-index: 10; left: -12px; display: block; width: 15px; height: 49px; background: url(../images/summary-box-arrows.png) 0 0 no-repeat; }
.box-l ol li a:hover { position: relative; z-index: 15; }
.box-l ol li.active a:hover { position: static }
.box-l ol li a h1 { float: right; width: 158px; height: 39px; margin: 5px -5px 10px 0; padding: 7px 10px 3px 10px; background-color: #fff; font-weight: normal; font-size: 1em; line-height: 1.2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }
.box-l ol li.lined a h1 { height: 34px; padding: 15px 10px 0 10px; }
.box-l ol li a h1 span { display: block; }
.box-l ol li a:hover h1 { padding-left: 37px; }
.js .box-l ol li a:hover h1 { padding-left: 10px; /* background-color: #f8f8f8;*/ }
.box-l ol li.active a h1 { background-color: #f8f8f8 !important; }
.box-l ol li a:hover h1:before { content: ' '; position: absolute; z-index: 10; left: 10px; top: 20px; display: block; width: 20px; height: 19px; background: url(../images/bullets-8.png) 0 0 no-repeat; }
.js .box-l ol li a:hover h1:before { content: none; width: 0; height: 0; background: none; }
.box-l ol li a p { margin-bottom: 0; padding-left: 42px; color: #657883; font-size: 0.9em; }
.box-l .expanded ol { }
.box-l .expanded ol li { position: absolute; }
.box-l .expanded ol li.item-1 { left: 181px; top: 35px; }
.box-l .expanded ol li.item-2 { left: 621px; top: 74px; }
.box-l .expanded ol li.item-3 { left: 17px; top: 233px; }
.box-l .expanded ol li.item-4 { left: 378px; top: 286px; }
.box-l .expanded ol li.item-5 { left: 735px; top: 347px; }
.box-l .expanded ol li.item-6 { left: 529px; top: 512px; }
.box-l .expanded ol li.item-7 { left: 141px; top: 545px; }
.box-l .collapsed { width: 230px; float: right; }
.box-l .collapsed ol { width: 230px; float: right; /*position: fixed;*/ }
.box-l .collapsed ol li { position: absolute; height: 65px; left: auto !important; right: 10px !important; }
.ielt9 .box-l .collapsed ol li { padding-right: 10px; }
.box-l ol li.item-2 a { background-color: #61c1ff; }
.box-l ol li.item-3 a { background-color: #0eb916; }
.box-l ol li.item-4 a { background-color: #a7df11; }
.box-l ol li.item-5 a { background-color: #e8bf00; }
.box-l ol li.item-6 a { background-color: #e67c00; }
.box-l ol li.item-7 a { background-color: #e63100; }
.box-l ol li.item-2 a:hover h1:before { background-position: -20px 0; }
.box-l ol li.item-3 a:hover h1:before { background-position: -40px 0; }
.box-l ol li.item-4 a:hover h1:before { background-position: -60px 0; }
.box-l ol li.item-5 a:hover h1:before { background-position: -80px 0; }
.box-l ol li.item-6 a:hover h1:before { background-position: -100px 0; }
.box-l ol li.item-7 a:hover h1:before { background-position: -120px 0; }
.box-l ol li.item-1 a .bullet { background-position: 0 -100px; }
.box-l ol li.item-2 a .bullet { background-position: -20px -100px; }
.box-l ol li.item-3 a .bullet { background-position: -40px -100px; }
.box-l ol li.item-4 a .bullet { background-position: -60px -100px; }
.box-l ol li.item-5 a .bullet { background-position: -80px -100px; }
.box-l ol li.item-6 a .bullet { background-position: -100px -100px; }
.box-l ol li.item-7 a .bullet { background-position: -120px -100px; }
.box-l ol li.item-2.active a:before { background-position: 0 -49px; }
.box-l ol li.item-3.active a:before { background-position: 0 -98px; }
.box-l ol li.item-4.active a:before { background-position: 0 -147px; }
.box-l ol li.item-5.active a:before { background-position: 0 -196px; }
.box-l ol li.item-6.active a:before { background-position: 0 -245px; }
.box-l ol li.item-7.active a:before { background-position: 0 -294px; }
.box-l ol li a .bullet { display: block; z-index: 20; width: 20px; height: 19px; position: absolute; top: 20px; /*top: 20px;*/ left: -20px; background: url(../images/sprites-set-2.png) 0 0 no-repeat; }
.ielt9 .box-l ol li a h1 { border: 1px solid #e2e2e2; }
.box-m { position: relative; padding: 5px; color: #172934; counter-increment: tsection; }
.box-m > h1 { height: 48px; padding-left: 50px; font: normal 1.7em/48px MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
.ielt9 .box-m > h1 { border-bottom: 1px solid #eeeceb; }
.box-m > h1:before { position: absolute; z-index: 10; left: 5px; top: 5px; width: 37px; height: 48px; line-height: 48px; content: counter(tsection, decimal) " "; color: #fff; background-color: #1e62bf; text-align: center; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; }
.box-m.item-1 > h1:before { }
.box-m.item-2 > h1:before { background-color: #61c1ff; }
.box-m.item-3 > h1:before { background-color: #0eb916; }
.box-m.item-4 > h1:before { background-color: #a7df11; }
.box-m.item-5 > h1:before { background-color: #e8bf00; }
.box-m.item-6 > h1:before { background-color: #e67c00; }
.box-m.item-7 > h1:before { background-color: #e63100; }
.box-n { }
.box-n summary { display: none; }
.box-n nav { position: relative; width: 974px; height: 666px; background: url(../images/pages-visuals/what-we-do-bg.png) 170px 30px no-repeat; }
/*.box-n nav { position: relative; width: 974px; height: 666px; background: url(../temp/svg-field.png) 0 0 no-repeat; }*/
.js .box-n nav { background: none; }
.ielt9 .box-n nav { background: url(../images/pages-visuals/what-we-do-bg.png) 170px 30px no-repeat !important; }
.box-o { }
.js .box-o { position: absolute !important; left: -10001px !important; overflow: hidden !important; /*display: none;*/ }
.box-p { width: 650px; margin: 0 auto 40px auto; }
.box-r { width: 100%; min-height: 446px; padding-top: 209px; background: url(../images/pages-visuals/team-maciek.png) 50% 0 no-repeat; }
.js .box-r.loading { background: none; }
.js .box-r.loading .wrapper-e { background: url(../images/ajax-loader-1.gif) 260px 115px no-repeat; }
.box-r .contact { float: right; width: 482px; margin: -30px -45px 0 0; }
.box-r .data-box-a { width: 420px; min-height: 163px; margin-bottom: 11px; padding: 0 0 1px 62px; background: url(../images/pages-visuals/paint-1.png) 0 0 no-repeat; }
.box-r .data-box-a h1 { margin-bottom: 3px; padding-top: 32px; color: #fff; font: bold 3.6em/1 MuseoSlab900,Georgia,Arial,serif; text-transform: uppercase; }
.box-r .data-box-a p.role { margin-bottom: 0; padding-left: 3px; color: #ffae21; font: normal 1.6em/1.2 MuseoSans500,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.box-r .summary { clear: right; float: right; width: 350px; padding-right: 25px; color: #172934; /*font: normal 1.6em/1.3 MuseoSans500,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;*/ }
.box-r .wrapper-e { position: relative; }
.br-a { background: url(../images/pages-visuals/team-pawel.png) 50% -20px no-repeat; }
.js .loading.br-a .wrapper-e { background: url(../images/ajax-loader-1.gif) 790px 30px no-repeat; }
.br-a .contact { float: left; width: 528px; margin: -60px 0 0 -60px; }
.br-a .summary { clear:left; float: left; padding: 0 0 0 30px; }
.br-a .list-p { clear:left; float: left; padding: 0 0 0 30px; }
.br-a .data-box-a { width: 438px; padding-left: 90px; background: url(../images/pages-visuals/paint-2.png) -10px 0 no-repeat; }
#parallax { position: absolute; width: 500px; height: 500px; top: 0; left: 90px; /*overflow: hidden;*/ /*border: 1px solid #000;*/ }
.parallax-container-a { position: absolute; width: 590px; height: 500px; top: -80px; left: -90px; overflow: hidden; /*border: 1px solid #000;*/ }
.letter-a { display: block; width: 500px; height: 500px; z-index: 5; position: absolute; text-align: center; font-size: 20em; /*border: 1px solid #000;*/ overflow: hidden; text-indent: -10001px; }
#letter-h { width: 600px; height: 600px; margin-left: -50px; background: url(../images/pages-visuals/letter-h.png) 133px 139px no-repeat; }
#letter-o { width: 800px; height: 800px; margin-left: -150px; background: url(../images/pages-visuals/letter-o.png) 531px 240px no-repeat; }
#letter-t { width: 1000px; height: 1000px; margin-left: -250px; background: url(../images/pages-visuals/letter-t.png) 473px 242px no-repeat; }
#letter-m { z-index: 10; width: 1200px; height: 1200px; margin-left: -350px; background: url(../images/pages-visuals/letter-m.png) 663px 328px no-repeat; }
#letter-i { z-index: 10; width: 1400px; height: 1400px; margin-left: -450px; background: url(../images/pages-visuals/letter-i.png) 455px 235px no-repeat; }
#parallax2 { position: absolute; width: 550px; height: 600px; top: 0; right: 40px; /*overflow: hidden;*/ /*border: 1px solid #000;*/ }
.parallax-container-b { position: absolute; width: 590px; height: 500px; top: -110px; right: -90px; overflow: hidden; /*border: 1px solid #000;*/ }
.parallax-layer { display: block; width: 293px; height: 308px; position: absolute; overflow: hidden; text-indent: -10001px; }
#pelement-1 { left: 167px; top: 134px; width: 293px; height: 308px; background: url(../images/pages-visuals/light-ball.png) 0 0 no-repeat; }
#pelement-2 { left: 286px; top: 242px; width: 132px; height: 122px; background: url(../images/pages-visuals/particles-1.png) 0 0 no-repeat; }
#pelement-3 { left: 206px; top: 194px; width: 187px; height: 134px; background: url(../images/pages-visuals/particles-2.png) 0 0 no-repeat; }
#pelement-4 { left: 242px; top: 217px; width: 163px; height: 123px; background: url(../images/pages-visuals/particles-3.png) 0 0 no-repeat; }
#pelement-5 { left: 231px; top: 207px; width: 128px; height: 181px; background: url(../images/pages-visuals/particles-4.png) 0 0 no-repeat; }
#pelement-6 { left: 181px; top: 188px; width: 218px; height: 128px; background: url(../images/pages-visuals/particles-5.png) 0 0 no-repeat; }
#pelement-7 { left: 276px; top: 198px; width: 139px; height: 180px; background: url(../images/pages-visuals/particles-6.png) 0 0 no-repeat; }
.cols-two-a { width: 100%; margin-bottom: 35px !important; }
.primary-ta { float: left; width: 493px; min-height: 200px; }
.secondary-ta { float: left; width: 462px; min-height: 200px; }
.cols-two-b { position: relative; z-index: 5; overflow: hidden; width: 994px; margin: 0 auto; }
.primary-tb { position: relative; z-index: 10; float: left; width: 373px; padding: 0 0 0 10px; }
.secondary-tb { position: relative; z-index: 5; float: left; width: 620px; margin-left: -10px; padding-top: 253px; }
.cols-two-c { overflow: hidden; width: 100%; }
.primary-tc { float: left; width: 718px; }
.secondary-tc { float: right; width: 200px; }
.cols-two-d { position: relative; width: 100%; min-height: 650px; }
.primary-td { float: right; width: 230px; }
.secondary-td { width: 726px; margin: 80px auto 0 auto; }
.js .secondary-td { float: left; position: absolute; left: -10001px; overflow: hidden; /*display: none;*/ margin-top: 0; }
.content-container { border: 1px solid #bcc8c9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.28); }
.content-container .scrollable-holder { position: relative; overflow: hidden; width: 100%; height: 1550px; }
.content-container .content-scrollable { position: absolute; top: 0; left: 0; width: 100%; height: 666em; }
.cycle-button-a { position: absolute; right: 0; top: 180px; z-index: 20; overflow: hidden; width: 41px; cursor: pointer; }
.cycle-button-a .cbutton-wrapper { margin: 50px 0; padding-left: 41px; background: url(../images/cycle-navbutton.png) 0 0 no-repeat; }
.cycle-button-a:hover .cbutton-wrapper { background-position: 0 -85px; }
.cba-a { right: auto; left: 0; }
.cba-a .cbutton-wrapper { float: right; padding: 0 41px 0 0; background-position: 100% -170px; }
.cba-a:hover .cbutton-wrapper { background-position: 100% -255px; }
.ie7 .cba-a .cbutton-wrapper { position: relative; left: -98px; }
.ie7 .cba-a:hover .cbutton-wrapper { position: relative; left: 0; }
.image-container-a { width: 600px; padding: 0 10px; margin: 0 auto; background: url(../images/shadow-1.png) -1px 0 no-repeat; -moz-user-select: none; -khtml-user-select: none; }
.image-container-a .image-b { position: relative; overflow: hidden; width: 100%; background: url(../images/ajax-loader.gif) -666em 0 no-repeat; -moz-user-select: none; -khtml-user-select: none; }
.image-container-a .image-b img { display: block; -moz-user-select: none; -khtml-user-select: none; }
.facebook-like-box { overflow: hidden; float: left; padding: 19px 0 0 20px; }
.facebook-like-box iframe { border: none; overflow: hidden; width: 110px; height: 21px; }
.more-container-a { clear: both; display: block; }
.js .more-container-a { display: none; }
.nav-wrapper { float: right; }
.sec-a { overflow: hidden; width: 100%; margin-bottom: 15px; }
.sec-a header { float: left; width: 92px; }
.sec-a article { float: left; width: 252px; padding-top: 6px; }
.sec-a article h3 { margin-bottom: 0; color: #172934; font: normal 1.3em/1.38 Segoe UI Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; }
.sec-a article p { margin-bottom: 18px; color: #172934; font-size: 1.3em; line-height: 1.38; }
.sec-a article blockquote { margin: 0; padding: 0; }
.sec-a article blockquote p { margin-bottom: 9px; }
.sec-a article p.cite { margin-bottom: 0; font-style: italic; }
.sec-a article p.cite cite { /*font: normal italic 1em/1.38 Segoe UI Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;*/ }
.project-section-a { clear: both; background-color: #fff; }
.js .project-section-a { z-index: 9999; position: absolute; display: none; width: 100%; top: 0; left: 0; padding-top: 13px; background: url(../images/mark.png) 0 0 no-repeat; }
.js .project-section-a .project-section-inner { overflow: hidden; width: 100%; background: #172934 url(../images/folder-gradient-bg.png) 0 0 repeat-x; }
.js .project-section-a .project-section-inner-a { position: relative; width: 100%; padding-bottom: 40px; background: url(../images/project-visuals/portfolio-hitmo-logo-bg-1.png) 50% 0 no-repeat }
.wrapper-a { width: 1000px; margin: 0 auto; }
.wrapper-a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper-b { width: 997px; margin: 0 auto 25px auto; height: 158px; padding: 4px 0 0 0; background: url(../images/shadows-1.png) 0 100% no-repeat; }
.wrapper-b:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*! lists --------- */
ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
.list-a { float: left; list-style: none; margin: 0; padding: 18px 2px 0 31px; }
.list-a li { float: left; padding-left: 5px; font-size: 1em; }
.list-a li a { display: block; width: 23px; height: 26px; margin-right: 2px; color: #fff; background: url(../images/sprites-set-2.png) -50px 0 no-repeat; text-decoration: none !important; line-height: 22px; text-align: center; }
.list-a li a:hover { background-position: -25px 0; }
.list-a li.active a { width: 25px; margin-right: 0; color: #aaa29a; background-position: 0 0; }
.list-a li abbr { text-decoration: none; border: none; }
.list-b { position: relative; float: left; list-style: none; margin: 0; padding: 5px 1px 2px 9px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: background 0.15s ease-in; -moz-transition: background 0.15s ease-in; -o-transition: background 0.15s ease-in; transition: background 0.15s ease-in; }
.list-b:hover { padding: 4px 0 1px 8px; border: 1px solid rgba(255,255,255,0.0); background-color: rgba(255,255,255,0.21); }
.ielt9 .list-b:hover { padding: 5px 1px 2px 9px; }
.list-b li { float: left; padding-right: 8px; }
.list-b li a { display: block; overflow: hidden; width: 32px; height: 35px; background: url(../images/cycle-nav-icons.png) 0 0 no-repeat; text-indent: -10001px; outline: none; }
.list-b li.hitmo a { }
.list-b li.hitmo a:hover { background-position: 0 -35px; }
.list-b li.hitmo a.active { background-position: 0 -70px; }
.list-b li.fastpr a { background-position: -32px 0; }
.list-b li.fastpr a:hover { background-position: -32px -35px; }
.list-b li.fastpr a.active { background-position: -32px -70px; }
.list-b li.thinkmedia a { background-position: -64px 0; }
.list-b li.thinkmedia a:hover { background-position: -64px -35px; }
.list-b li.thinkmedia a.active { background-position: -64px -70px; }
.list-b li.arkana a { background-position: -96px 0; }
.list-b li.arkana a:hover { background-position: -96px -35px; }
.list-b li.arkana a.active { background-position: -96px -70px; }
.list-b li.bioway a { background-position: -128px 0; }
.list-b li.bioway a:hover { background-position: -128px -35px; }
.list-b li.bioway a.active { background-position: -128px -70px; }
.list-b li.nana a { background-position: -160px 0; }
.list-b li.nana a:hover { background-position: -160px -35px; }
.list-b li.nana a.active { background-position: -160px -70px; }
.list-b li.akademia a { background-position: -192px 0; }
.list-b li.akademia a:hover { background-position: -192px -35px; }
.list-b li.akademia a.active { background-position: -192px -70px; }
.list-b li.ancora a { background-position: -256px 0; }
.list-b li.ancora a:hover { background-position: -256px -35px; }
.list-b li.ancora a.active { background-position: -256px -70px; }
.list-b li.pixad a { background-position: -288px 0; }
.list-b li.pixad a:hover { background-position: -288px -35px; }
.list-b li.pixad a.active { background-position: -288px -70px; }
.list-b li.other a { background-position: -224px 0; }
.list-b li.other a:hover { background-position: -224px -35px; }
.list-b li.other a.active { background-position: -224px -70px; }
.lb-a { position: relative; float: right; padding: 11px 0 0 0; background: none !important; }
.lb-a:hover { padding: 11px 0 0 0; background: none !important; border: none; }
.ielt9 .lb-a:hover { padding: 11px 0 0 0; }
.lb-a li { padding-right: 10px; }
.lb-a li a { background-image: url(../images/cycle-nav-icons_sub.png); }
.list-c { position: relative; list-style: none; margin: 0; padding: 0 0 0 10px; }
.list-c li { position: relative; width: 246px; float: left; }
.list-c li a { position: relative; display: block; height: 119px; padding: 17px 12px 0 107px; background: url(../images/sprites-set-1.png) 0 0 no-repeat; text-decoration: none !important; }
.list-c li a:hover { top: 3px; }
.js .list-c li a:hover { top: 0; }
.list-c li a h2 { margin-bottom: 6px; color: #fff; font: normal 1.23em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif !important; text-transform: uppercase; letter-spacing: -0.02em; }
.list-c li a p { font-size: 1em; color: #a1aaaf; line-height: 1.23; }
.list-c li a .more-b { top: -50px; }
.list-c li a:hover .more-b { top: -4px; }
.js .list-c li a:hover .more-b { top: -50px; }
.list-c li.what-we-do a:hover { background-position: 0 -136px; }
.list-c li.team a { background-position: -246px 0; }
.list-c li.team a:hover { background-position: -246px -136px; }
.list-c li.team .more-b { background-position: -25px -272px; }
.list-c li.faq a { background-position: -492px 0; }
.list-c li.faq a:hover { background-position: -492px -136px; }
.list-c li.faq .more-b { background-position: -50px -272px; }
.list-c li.contact a { background-position: -738px 0; }
.list-c li.contact a:hover { background-position: -738px -136px; }
.list-c li.contact .more-b { background-position: -75px -272px; }
.list-d { list-style: none; margin: 0; padding: 0; }
.list-d li { position: relative; float: left; width: 226px; padding: 0 20px 0 0; }
.list-d li a { position: relative; z-index: 10; display: block; width: 140px; padding: 0 0 0 86px; }
.list-d li:after,
.list-d li .after { position: absolute; z-index: 5; left: 0; top: 0; display: block; content: ''; overflow: hidden; width: 74px; height: 83px; background: url(../images/sprites-set-1.png) 0 -302px no-repeat; text-indent: -10001px; }
.list-d li.bioway:after,
.list-d li.bioway .after { background-position: -75px -302px; }
.list-d li.fastpr:after,
.list-d li.fastpr .after { background-position: -150px -302px; }
.list-d li.ancora:after,
.list-d li.ancora .after { background-position: -450px -302px; }
.list-d li.pixad:after,
.list-d li.pixad .after { background-position: -525px -302px; }
.list-d li.akademia:after,
.list-d li.akademia .after { background-position: -375px -302px; }
.list-d li.nana:after,
.list-d li.nana .after { background-position: -300px -302px; }
.list-d li.thinkmedia:after,
.list-d li.thinkmedia .after { background-position: -225px -302px; }
.list-d li.bioway h2 { color: #69bd73; }
.list-d li.arkana h2 { color: #000000; }
.list-d li.fastpr h2 { color: #155B91; }
.list-d li.ancora h2 { color: #1d2c87; }
.list-d li.pixad h2 { color: #4f3219; }
.list-d li.akademia h2 { color: #c3601b; }
.list-d li.nana h2 { color: #5cabcd; }
.list-d li.thinkmedia h2 { color: #ff6000; }
.list-d li blockquote { margin: 0; padding: 0; }
.list-d li h2 { margin-bottom: 2px; font: normal 1em/1.2 Segoe UI Semibold,Helvetica Neue,Helvetica,Arial,sans-serif; }
.list-d li a:hover h2 { text-decoration: underline; }
.list-d li h2 cite { font-style: normal; }
.list-d li p { color: #55656f; line-height: 1.34; }
.list-e { float: left; list-style: none; margin: 0; padding: 2px 6px 0 6px; }
.list-e li { float: left; }
.list-e li a { display: block; overflow: hidden; width: 13px; height: 13px; background: url(../images/sprites-set-2.png) -63px -47px no-repeat; text-indent: -10001px; }
.list-e li a:hover,
.list-e li a.active { background-position: -50px -47px; }
.ie7 .list-e { padding-top: 0; }
.list-f { overflow: hidden; width: 98px; height: 85px; list-style: none; margin: 0; padding: 0; }
.list-f li { }
.list-f li img { display: block; }
.list-g { position: relative; z-index: 5; list-style: none; margin: 0; padding: 0; }
.js .list-g { overflow: hidden; height: 50px; }
.list-g li { float: left; list-style: none; }
.list-g ul { margin: 0; padding: 0 0 5px 19px; width: 330px; overflow: hidden; }
.js .list-g ul { padding-bottom: 5px; }
.list-g ul li { width: auto; padding-left: 5px; }
.list-g ul li a { display: block; width: 50px; overflow: hidden; outline: none; -moz-user-select: none; -khtml-user-select: none; }
.list-g ul li a img { display: block; -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-user-select: none; -khtml-user-select: none; }
.list-g ul li a.active img,
.list-g ul li a:hover img { -moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.list-g ul li a.active { width: 46px; border: 2px solid #fff; }
.list-g ul li a.active img { margin: -2px; }
/*.js .list-g ul li a:hover img { -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.js .list-g ul li a.active img { -moz-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }*/
.lg-a ul { width: 550px; }
.list-h { overflow: hidden; width: 100%; list-style: none; margin: 0; padding: 0; }
.list-h li { float: left; height: 20px; margin: 5px 5px 0 0; padding: 0 9px; color: #2d667b; background-color: #79c5e9; font-size: 1.1em; line-height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.list-i { position: relative; list-style: none; margin: 0; padding: 62px 0 0 0; }
.list-i li { position: relative; float: left; width: 243px; padding-bottom: 32px; font-size: 1em; }
.list-i li a { position: relative; z-index:10; display: block; width: 100%; height: 300px; color: #172934; text-decoration: none; background: url(../images/list-i-bg.png) 50% 177px no-repeat; outline: none; }
.list-i li a:hover { z-index: 15; }
.list-i li a .image { position: relative; margin-bottom: 0; z-index: 2; }
.list-i li a .image img { display: block; margin: 0 auto; }
.list-i li a h2 { }
.list-i li a p { color: #7a7a7a; font-size: 1.3em; /*letter-spacing: -0.01em;*/ }
.list-i li a h2 { margin-bottom: 3px; font: bold 1.8em/0.8 MuseoSlab700,Georgia,Arial,serif; letter-spacing: -0.02em; }
.list-i li a .l-content { padding: 0 0 0 30px; }
.list-i li a .image-container { width: 100%; height: 186px; position: relative; padding-bottom: 32px; }
.list-i li a .more-c { display: none; overflow: hidden; position: absolute; z-index: 5; top: -9px; left: 23px; width: 197px; height: 217px; background: url(../images/list-i-hover.png) 0 0 no-repeat; text-indent: -10001px; }
.js .list-i li a .more-c { display: none; }
.list-i li a.misc .more-c { top: -5px; left: 29px; background: url(../images/list-i-hover-1.png) 0 0 no-repeat; }
.js .list-i li a.misc .more-c { }
.list-i li a:hover .more-c { display: block; }
.js .list-i li a:hover .more-c { display: none; }
.svg-container { position: absolute; z-index: 3; height: 100%; left: 0; top: -10px; width: 100%; }
.misc .svg-container { }
.li-a { }
.li-a li { width: 324px; }
.li-a li a { background: url(../images/list-i-a-bg.png) 50% 177px no-repeat; }
.li-a li a .l-content { padding: 0 0 0 42px; }
.li-a li a .more-c { display: none; overflow: hidden; position: absolute; z-index: 5; top: -9px; left: 13px; width: 296px; height: 217px; background: url(../images/list-i-hover-2.png) 0 0 no-repeat; text-indent: -10001px; }
.li-a li a:hover .more-c { display: block }
.js .li-a li a .more-c { display: none; }
.list-j { float: right; list-style: none; margin: 0; padding: 0; }
.list-j li { float: left; width: 215px; height: 54px; border-left: 1px solid #334956; font-size: 1.2em; outline: none; }
.list-j li a { position: relative; z-index: 10; display: block; height: 54px; color: #fff; text-decoration: none; background: url(../images/bullet-5.png) 0 0 no-repeat; outline: none; }
.list-j li.item-1 a { padding-left: 40px; background-position: 16px 18px; }
.list-j li.item-2 a { padding-left: 68px; background-position: 41px 18px; }
.list-j li.item-3 a { padding-left: 63px; background-position: 36px 18px; }
.list-j li.item-1 a:hover { background-position: 16px -36px; }
.list-j li.item-2 a:hover { background-position: 41px -36px; }
.list-j li.item-3 a:hover { background-position: 36px -36px; }
.list-j li.item-1.active a { background-position: 16px -89px; }
.list-j li.item-2.active a { background-position: 41px -89px; }
.list-j li.item-3.active a { background-position: 36px -89px; }
.list-j li a strong { display: block; padding-top: 10px; font: normal 1.16em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.list-j li a span { display: block; color: #9db0bb; }
.list-k { list-style: none; margin: 0; padding: 0; }
.list-k li { float: left; width: 101px; padding: 3px 0 0 1px; background: url(../images/list-k-item-bg.png) 0 3px no-repeat; }
.list-k li:first-child { /*background: none;*/ background: url(../images/slider-item-1.png) 0 3px no-repeat; }
.list-k li:first-child a { color: #fff !important; }
.list-k li.active a { color: #fff; z-index: 11 !important; background-position: 50% -120px !important; }
.list-k li a { overflow: hidden; display: block; height: 56px; color: #364c59; text-align: center; background: url(../images/list-k-item-hover.png) 50% -120px no-repeat; text-decoration: none !important; cursor: default; }
.list-k li.item a { cursor: pointer; }
.list-k li.item a:hover { background: url(../images/list-k-item-hover.png) 50% 0 no-repeat; }
.list-k li a span.item-content { position: relative; z-index: 15; display: block; width: 100%; }
.list-k li a span.item-content span { }
.list-l { list-style: none; margin: 0; padding: 0 0 0 35px; }
.list-l li { padding-bottom: 4px; color: #fd7946; font-size: 1.2em; }
.list-m { list-style: none; margin: 0; padding: 0; }
.list-m li { float: left; margin-right: 11px; padding: 2px 0 0 10px; border-left: 1px solid #e9e9e9; font-size: 1.2em; }
.list-m li:first-child { padding-left: 0; border: none; }
.list-m li a { color: #5f8195; text-decoration: none !important; }
.list-m li a:hover { color: #172934; }
.lm-a { clear: both; margin: 15px -25px 0 -25px; padding: 10px 0 10px 115px; background-color: #eaeff2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.lm-a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.lm-b { position: relative; float: left; left: 50%; }
.lm-b li { position: relative; float: left; left: -50%; }
.list-n { }
.list-n li { }
.list-o { list-style: none; margin: 0; padding: 0; }
.list-o li { width: 185px; position: absolute; }
.js .list-o li { display: none; }
.list-o li.item-a * { text-align: right; }
.list-o li a { display: block; color: #172934; text-decoration: none !important; outline: none; }
.list-o li a h1 { margin-bottom: 3px; font: normal 1.23em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; }
.list-o li a p { color: #657883; font-size: 0.9em; padding-right: 15px; }
.list-o li.item-a a p { padding-left: 15px; padding-right: 0; }
.list-o li.item-1 { top: 78px; left: 45px; }
.list-o li.item-2 { top: 5px; left: 325px; }
.list-o li.item-3 { top: 57px; left: 693px; }
.list-o li.item-4 { top: 260px; left: 772px; }
.list-o li.item-5 { top: 507px; left: 494px; }
.list-o li.item-6 { top: 346px; left: 93px; }
.list-p { clear: both; float: right; width: 350px; list-style: none; margin: 0; padding: 0 25px 0 0; }
.list-p li { float: left; padding: 5px 5px 0 0; font-size: 1.1em; }
.list-p li span { display: block; height: 20px; padding: 0 9px; background: url(../images/list-p-item-bg.png) 0 0 repeat-x; white-space: nowrap; line-height: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 1px 0px 0px rgba(207, 214, 223, 1); -moz-box-shadow: 0px 1px 0px 0px rgba(207, 214, 223, 1); box-shadow: 0px 1px 0px 0px rgba(207, 214, 223, 1); }
.list-r { float: left; list-style: none; margin: 10px 0 0 0; padding: 0; }
.list-r li { float: left; padding: 0 1px 0 0; }
.list-r li a { display: block; width: 37px; height: 37px; overflow: hidden; text-indent: -10001px; background: url(../images/social-btns.png) 0 0 no-repeat; }
.list-r li.behance a { background-position: 0 0; }
.list-r li.behance a:hover { background-position: 0 -37px; }
.list-r li.facebook a { background-position: -38px 0; }
.list-r li.facebook a:hover { background-position: -38px -37px; }
.list-r li.twitter a { background-position: -77px 0; }
.list-r li.twitter a:hover { background-position: -77px -37px; }
/*! quotation ---- */
blockquote, q { quotes: none; font-style: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*! links --------- */
a { color: #5f8195; text-decoration: none; }
a:hover, a:focus, a:active { color: #5f8195; text-decoration: none; }
.link-a {
display: block;
float: left;
height: 19px;
padding-right: 27px;
line-height: 20px;
color: #fcf364;
text-decoration: none;
font-family:"helvetica35-thinthin", Arial, Helvetica, sans-serif;
margin: 10px 0 0 80px;
font-size: 18px;
text-transform: uppercase;
}
.link-a:hover { color: #172934; background-position: 100% -19px; text-decoration: none; }
.link-b {
display: block;
float: left;
height: 19px;
padding-right: 27px;
line-height: 20px;
color: #fcf364;
text-decoration: none;
font-family:"helvetica35-thinthin", Arial, Helvetica, sans-serif;
margin: 10px 0 0 0;
font-size: 18px;
text-transform: uppercase;
}
.link-b:hover { color: #fff; background-position: 100% -19px; text-decoration: none; }
.link-c {
display: block;
float: left;
height: 19px;
padding-right: 27px;
line-height: 20px;
color: #fff;
text-decoration: none;
font-family:"helvetica35-thinthin", Arial, Helvetica, sans-serif;
margin: 5px 0 0 55px;
font-size: 18px;
text-transform: uppercase;
}
.link-c:hover { color: #ee7730; background-position: 100% -19px; text-decoration: none; }
/*! images -------- */
img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
/*! other --------- */
pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre-wrap; }
address { font-style: normal; }
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
mark { background: none; }