html { margin:0; padding:0; width:100%; height:100%; }
body { overflow-x:hidden; font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 150%; width:100%; margin: 0; padding: 0; background:#000; color: #fff; }
img { border: 0; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; }
a { text-decoration: none; color: #fff; outline:0; }
a:hover { color:#fff; }

input[type="checkbox"], input[type="radio"]{ border:0; }
span.error { color: #CF3738; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.required { font-weight: bold; }
form table .right{ width:150px; }
.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
img.left { float: left; }
img.right { float: right; }

article, address, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

div.success, div.error, div.info, div.notice, div.progress { text-align:left; margin: 10px; padding: 8px 10px 10px 28px; }
div.success { background: #CDEFA6 url(/images/icon_success.png) no-repeat 5px 10px; border: 1px solid #9BCC54; color: #648434; }
div.error { background: #FFD5D5 url(/images/icon_error.png) no-repeat 5px 10px; border: 1px solid #FFACAD; color: #CF3738; }
div.info { background: #A8CDE3 url(/images/icon_info.png) no-repeat 5px 10px; border: 1px solid #6ABCE2; color: #1C6B8B; }
div.notice { background: #FFF3A3 url(/images/icon_notice.png) no-repeat 5px 10px; border: 1px solid #E7BD72; color: #B79000; }
div.progress { background: #fff8d0 url(/images/icon_progress.gif) no-repeat 5px 10px; border: 1px solid #B79000; color: #B79000; }

.anim { transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0) translateZ(0px); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.anim3 { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0) translateZ(0px); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.anim2 { transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -webkit-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(0, 0, 0) translateZ(0px); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@font-face {
    font-family: 'SourceSansBold';
    src: url('/images/source-sans-pro.bold-webfont.eot');
    src: url('/images/source-sans-pro.bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/source-sans-pro.bold-webfont.svg#source_sans_probold') format('svg'),
         url('/images/source-sans-pro.bold-webfont.woff') format('woff'),
         url('/images/source-sans-pro.bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansLight';
    src: url('/images/sourcesanspro-light-webfont.eot');
    src: url('/images/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'),
         url('/images/sourcesanspro-light-webfont.woff') format('woff'),
         url('/images/sourcesanspro-light-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSans';
    src: url('/images/source-sans-pro.regular-webfont.eot');
    src: url('/images/source-sans-pro.regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/source-sans-pro.regular-webfont.svg#source_sans_proregular') format('svg'),
         url('/images/source-sans-pro.regular-webfont.woff') format('woff'),
         url('/images/source-sans-pro.regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#container{ width:100%; padding:1px 0 0 0; position:relative; }

#container.news{ background:url(/images/bg-news.jpg) center top no-repeat; }
#container.works{ background:url(/images/bg-works.jpg) center top no-repeat; }
#container.services{ background:url(/images/bg-services.jpg) center top no-repeat; }
#container.aboutus{ background:url(/images/bg-aboutus.jpg) center top no-repeat; }
#container.neolab{ background:url(/images/bg-neolab.jpg) center top no-repeat; }
#container.career{ background:url(/images/bg-career.jpg) center top no-repeat; }
#container.notfound{ background:url(/images/bg-notfound.jpg) center top no-repeat; }

#container.works.subpage.tchibo{ background:url(/images/bg-works-tchibo.jpg) center top no-repeat; }

#container.news #content{ margin:370px 0 0 0; }
#container.news #blocks{ margin:-370px auto 0; }

#container.works #content{ margin:370px 0 0 0; }
#container.works #blocks{ margin:-370px auto 0; }

#container.works.subpage #content{ margin:370px 0 0 0; }
#container.works.subpage #blocks{ margin:-370px auto 0; }

#container.services #content{ margin:370px 0 0 0; }
#container.services #blocks{ margin-top:-370px; }

#container.career #content{ margin:370px 0 0 0; }
#container.career #blocks{ margin-top:-370px; }

#container.aboutus #content{ margin:340px 0 0 0; }
#container.aboutus #blocks{ margin-top:-340px; }

#container.neolab #content{ margin:410px 0 0 0; }
#container.neolab #blocks{ margin-top:-410px; }

#container.notfound #content{ margin:340px 0 0 0; }
#container.notfound #blocks{ margin-top:-340px; }

#bgs{  }
#bgs > div{ position:absolute; top:0; width:100%; height:100%; min-height:800px; }

header{ z-index:201; position:relative; height:110px; position:fixed; top:0; width:100%; }
header .center{ position:fixed; top:0; z-index:5; width:948px; margin:0 auto; position:relative; height:110px; }
header .center .logo{ position:absolute; left:0; top:35px; display:block; width:112px; height:40px; background:url(/images/logo.png) left top no-repeat; }
header .center nav{ position:absolute; right:0; top:4px; display:block; padding:0; margin:0; list-style:none; }
header .center nav ul, .newline  nav ul{ padding:0; margin:0; list-style:none; }
header .center nav ul li, .newline  nav li{ padding:0; margin:0; list-style:none; display:inline-block; }
header .center nav ul li a, .newline  nav li a{ padding:45px 10px 0; display:block; height:31px; background:url(/images/menubutton.png) left bottom repeat-x; font-size:14px; font-family:'SourceSans'; text-shadow:0 2px 8px rgba(0,0,0,0.8); text-transform:uppercase; color:#fff; }
header .center nav ul li a:hover, header .center nav ul li a.active, .newline  nav ul li a:hover, .newline  nav ul li a.active{ color:#ffcc00; background-position:left top; }
header .center .lang, , .newline  lang{ text-align:left; position:absolute; display:block; left:120px; top:35px; padding:0; margin:0; list-style:none; }
header .center .lang li, .newline  .lang li{ padding:0; margin:0; list-style:none; }
header .center .lang li a, .newline  .lang a{ padding:0 0 0 45px; display:block; width:62px; height:40px; font-size:10px; font-family:arial; color:#ffffff; text-transform:uppercase; }
header .center .lang > li a, .newline .center .lang > li a{ text-shadow:0 2px 2px rgba(0,0,0,0.5); height:28px; padding:12px 0 0 45px; background:url(/images/lang-globe.png) 10px 9px no-repeat; }
.newline .center .lang > li:hover a{ background-color:#000; }
.newline .center .lang > li:hover ul{ display:block; }
.newline .center .lang li ul{ display:none; padding:0; margin:0; list-style:none; }
.newline .center .lang li ul li a{ background-position:-18px -29px; }
.newline .center .lang li ul li a:hover{ color:#ffcc00; background-position:10px -29px; }
#hbar{ background:#000; z-index:1; position:fixed; top:0; left:0; width:100%; height:4px; }

#content{ padding:110px 0 0 0; margin:520px 0 0 0; position:relative; z-index:2; background:url(/images/pattern.png); }

#content .bg{ background:url(/images/pattern.png); }

#content .innerContent{ margin:0 auto; padding:1px 0; width:948px; position:relative; z-index:3; }
#blocks{ position:relative; width:980px; height:1px; margin:-520px auto 0; }
#blocks .bk1{ position:absolute; left:-50px; top:110px; width:25px; height:27px; background:url(/images/bk1.png) left top no-repeat; }
#blocks .bk2{ z-index:200; position:absolute; left:-110px; top:300px; width:82px; height:78px; background:url(/images/bk2.png) left top no-repeat; }
#blocks .jk1{ z-index:200; position:absolute; right:-100px; top:60px; width:75px; height:70px; background:url(/images/jk1.png) left top no-repeat; }
#blocks .jk2{ position:absolute; right:-110px; top:290px; width:13px; height:13px; background:url(/images/jk2.png) left top no-repeat; }

#infinity{ width:1575px; margin:10px auto 40px; height:290px; left:-330px; overflow:hidden; }
#infinity .images{ margin-top:15px; }
#infinity .images > div.elem{ opacity:0.3; position:relative; width:225px; height:255px; display:inline-block; }
#infinity .images > div.elem a{ display:block; position:absolute; left:0; top:0; width:225px;height:225px; z-index:501; background:url(/images/pixel.png); }
#infinity .images > div.elem img{ position:absolute; left:0; top:0; transform:scale(1,1); -webkit-transform:scale(1,1); width:225px; height:225px; }
#infinity .images > div.elem img.sec{ opacity:0; }
#infinity .images > div.elem span{ font-family:'SourceSansLight'; color:#ccc; text-transform:uppercase; width:100%; position:absolute; left:0; bottom:-20px; text-align:center; font-size:20px; display:block; padding:0; }
#infinity .images > div.elem.active{ opacity:1; z-index:3;  }
#infinity .images > div.elem.active img{ z-index:500; opacity:0; transform:scale(1.1,1.1) !important; -webkit-transform:scale(1.1,1.1) !important; }
#infinity .images > div.elem.active img.sec{ opacity:1; }
#infinity .images > div.elem.active span{ color:#efefef; }
#infinity .prev{ font-size:0; text-align:center; color:#000; padding:0; position:absolute; left:240px; top:14px; width:225px; height:225px; background:url(/images/infinitynav.png) left top no-repeat; }
#infinity .next{ font-size:0; text-align:center; color:#000; padding:0; position:absolute; right:200px; top:14px; width:225px; height:225px; background:url(/images/infinitynav.png) left bottom no-repeat;}

.infinity-title{ text-align:center; line-height:120%; font-size:35px; color:#ffcc00; font-family:'SourceSansLight'; text-transform:uppercase; padding:20px 20px 20px 0; }
	
#frontnewsbox{ position:relative; z-index:2; text-align:center; width:100%; background:url(/images/frontnewsbg.jpg) center center no-repeat; margin:0 auto 0; padding:1px 0 40px; }
#frontnewsbox section{ margin:0 auto; width:980px; }
#frontnewsbox section article{ text-align:left; vertical-align:top; display:inline-block; margin:10px; width:465px;height:230px; background:#000000; }
#frontnewsbox section article .image{ overflow:hidden; width:230px; height:230px; background:#ffcc00; float:left; margin:0 20px 0 0; }
#frontnewsbox section article .image a:hover img{ opacity:0.8; }
#frontnewsbox section article .image a img{ transition:all 0.3s ease; width:230px; height:230px; }
#frontnewsbox section article .title{ line-height:120%; font-size:18px; color:#ffcc00; font-family:'SourceSans'; text-transform:uppercase; padding:20px 20px 20px 250px; width:195px; }
#frontnewsbox section article .title a{ line-height:100%; color:#ffcc00; }
#frontnewsbox section article .lead{ line-height:119%; font-size:15px; color:#fff; font-family:'SourceSans'; padding:0 20px 0 0; height:107px; overflow:hidden; width:195px; }
#frontnewsbox > .title{ text-shadow:0 2px 8px rgba(0,0,0,0.8); margin:40px 0 30px; text-align:center; font-size:35px; color:#fff; font-family: 'SourceSansLight'; text-transform:uppercase; }
#frontnewsbox .morenews{ text-shadow:0 2px 8px rgba(0,0,0,0.8); display:inline-block; margin:34px auto 0; font-size:18px; color:#ffffff; text-transform:uppercase; font-family: 'SourceSans'; }

#meetus{ padding:20px 0; position:relative; z-index:2; }
#meetus .title{ line-height:100%; text-align:center; line-height:120%; font-size:35px; color:#fffefe; font-family:'SourceSansLight'; text-transform:uppercase; padding:0; margin:10px 0 0 0; }
#meetus .c{ position:relative; height:330px; width:948px; margin:0 auto; }
#meetus .c .name{ position:absolute; left:40px; top:90px; }
#meetus .c .name > *{ display:block; line-height:100%; text-transform:uppercase; width:285px; text-align:right; }
#meetus .c .name b{ font-size:40px; color:#ffd21c; font-family:'SourceSans'; }
#meetus .c .name i{ font-style:normal; font-size:24px; color:#ffffff; font-family:'SourceSansLight'; }
#meetus .c .image{ width:231px; height:231px; overflow:hidden; position:absolute; left:350px; top:33px; }
#meetus .c .image img{ width:231px; height:231px; }
#meetus .c .quote{ line-height:100%; width:330px; font-size:24px; color:#ffffff; font-family:'SourceSansLight'; position:absolute; left:610px; top:90px; }
#meetus .c .anchor{ line-height:100%; font-family:'SourceSansLight'; width:223px; text-align:center; position:absolute; left:350px; top:302px; }
#meetus .c .anchor a{ text-transform:uppercase; font-size:18px; color:#fff; font-family:'SourceSans'; transition:all 0.3s ease; }
#meetus .c .anchor a:hover{ color:#ffcc00; }

#meetus.sec{ width:1920px; margin:0 0 0 -490px; background:rgba(255,255,255,0.08); }
#meetus.sec .cc{ width:948px; margin:0 auto; }
#meetus.sec .cc .title{ display:none; }
#meetus.sec .cc .c{ height:220px; }
#meetus.sec .cc .c .name b{ font-size:28px; }
#meetus.sec .cc .c .name i{ font-size:17px; }
#meetus.sec .cc .c .image{ width:148px; height:148px; overflow:hidden; position:absolute; left:390px; top:33px; }
#meetus.sec .cc .c .image img{ width:148px; height:148px; }
#meetus.sec .cc .c .quote{ font-size:20px; }
#meetus.sec .cc .c .anchor{ display:none; }

#neomedia{ position:relative; z-index:2; background:url(/images/neomedia.png) center top no-repeat; height:419px; }
#neomedia .cc{ width:948px; height:419px; margin:0 auto; position:relative; }
#neomedia .cc span{ text-shadow:0 2px 8px rgba(0,0,0,0.3); line-height:100%; text-transform:uppercase; display:block; position:absolute; left:360px; top:50px; font-size:57px; font-family:'SourceSansLight'; }
#neomedia .cc span b{ font-weight:normal; font-family:'SourceSansBold'; }
#neomedia .cc .text{ text-shadow:0 2px 8px rgba(0,0,0,0.8); line-height:100%; font-size:18px; font-family:'SourceSansLight'; position:absolute; left:40px; top:135px; width:850px; text-align:center; }
#neomedia .cc a { height: 330px; left: 40px; position: absolute; top: 50px; width: 850px; z-index: 10; }

#promobox{ width:946px; height:348px; margin:0 auto; padding:0 0 40px 0; }
#promobox .pagination{ margin-top:15px !important; }
#promobox .pagination li{ display:inline-block; font-size:0; width:6px; height:6px; margin:0 20px; background:rgba(0,0,0,0.5); }
#promobox .pagination li.current{ background:#fff; }
#promobox .caption{ line-height:100%; background:transparent !important; text-transform:uppercase; font-size:20px !important; }

#fblocks{ position:relative; width:980px; height:1px; margin:0 auto; }
#fblocks .bk1{ z-index:3; position:absolute; left:-50px; top:110px; width:75px; height:70px; background:url(/images/fbk1.png) left top no-repeat; }
#fblocks .bk2{ z-index:200; position:absolute; left:-50px; top:350px; width:13px; height:13px; background:url(/images/fbk2.png) left top no-repeat; }
#fblocks .jk1{ z-index:200; position:absolute; right:-30px; top:180px; width:25px; height:27px; background:url(/images/fjk1.png) left top no-repeat; }
#fblocks .jk2{ z-index:3; position:absolute; right:-110px; top:370px; width:82px; height:78px; background:url(/images/fjk2.png) left top no-repeat; }

footer{ position:relative; height:210px; background:url(/images/pattern.png); }
footer .c{ position:relative; height:210px; width:948px; margin:0 auto; }
footer .c ul{  font-family:'SourceSansLight'; font-size:16px; position:absolute; left:0; top:40px; padding:0; margin:0; list-style:none; }
footer .c ul li{ line-height:100%; position:relative; padding:0 0 0 68px; margin:0; display:inline-block; height:85px; vertical-align:top; border-bottom:1px solid #262626; }
footer .c ul li p{ padding:0; margin:5px 0 0 0; }
footer .c ul li b{ color:#ffcc00; font-family:'SourceSansBold'; font-weight:normal; }
footer .c ul li > i{ position:absolute; left:0; top:0; width:52px; height:52px; background:url(/images/footerlogos.png) left top no-repeat; }
footer .c ul li.i{ width:237px; }
footer .c ul li.i i{ background-position:0 0; }
footer .c ul li.i i a{ display:block; width:100%; height:100%; }
footer .c ul li.t{ width:170px; }
footer .c ul li.t i{ background-position:0 -52px; }
footer .c ul li.t b{ display:inline-block; width:40px; min-height:5px; }
footer .c ul li.e{ width:169px; }
footer .c ul li.e i{ background-position:0 -104px; }
footer .c ul li.s{ width:156px; padding:0;  font-size:0; }
footer .c ul li.s a{ width:52px; height:52px; background:url(/images/footerlogos.png); display:inline-block; }
footer .c ul li.s a i{ display:block; width:52px; height:52px; background:url(/images/footerlogoshover.png); }
footer .c ul li.s a:hover i{ opacity:1 !important; }
footer .c ul li.s a.sf{ background-position:0 -156px; }
footer .c ul li.s a.sf i{ opacity:0; background-position:0 0; }
footer .c ul li.s a.sy{ background-position:0 -208px; }
footer .c ul li.s a.sy i{ opacity:0; background-position:-52px 0; }
footer .c ul li.s a.si{ background-position:0 -260px; }
footer .c ul li.s a.si i{ opacity:0;  background-position:-104px 0; }
footer .copyright{ width:948px; text-transform:uppercase; position:absolute; left:0; top:158px; font-size:14px; font-family:'SourceSansLight'; color:#595959; }
footer .copyright .fb-like{ float:right; }

#navbar{ margin:20px 0 10px; position:relative; height:35px; z-index:3; }
#navbar a.backbutton{ text-transform:uppercase; display:inline-block; color:#fff; font-family:'SourceSansLight'; font-size:14px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,0.8); }
#navbar .filter{ position:absolute; right:0; top:0; }
#navbar .filter .lrsmenu{ position:relative; background:#000; }
#navbar .filter .lrsmenu span{ text-transform:uppercase; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'SourceSansLight'; line-height:100%; display:block; padding:10px 11px; font-size:14px; color:#fff; }
#navbar .filter .lrsmenu span i{ margin:0 0 0 10px; width:11px; height:5px; display:inline-block; vertical-align:middle; background:url(/images/select-arrow.jpg) left top no-repeat; }
#navbar .filter .lrsmenu .options{ background:#000; display:none; z-index:2; min-width:220px; font-family:'SourceSansLight'; font-size:14px; text-transform:uppercase; }
#navbar .filter .lrsmenu .options ul{ padding:0; margin:0; list-style:none; }
#navbar .filter .lrsmenu .options ul .lrs-option{ cursor:pointer; padding:3px 35px 3px 20px; }
#navbar .filter .lrsmenu .options ul .lrs-option:first-child{ padding-top:12px; }
#navbar .filter .lrsmenu .options ul .lrs-option:last-child{ padding-bottom:12px; }
#navbar .filter .lrsmenu .options ul .lrs-option.selected{ background:#000; color:#ffcc00; }
#navbar .filter .lrsmenu .options:hover ul .lrs-option{ background:#000; color:#fff; }
#navbar .filter .lrsmenu .options ul .lrs-option:hover{ background:#000; color:#ffcc00; }
#navbar .filter .lrsmenu .options .slider{ width:20px; background:#000; }
#navbar .filter .lrsmenu .options .slider .handler{ width:6px; background:rgba(255,255,255,0.3); border-radius:5px; }

#news-left{  width:466px; float:left; }
#news-right{  width:466px; float:right; }
.news-col{  }
.news-col article{ position:relative; box-shadow:0 0 10px 1px rgba(0,0,0,0.5); background:#fff; margin:0 0 15px; }
.news-col article .image{ width:100%; }
.news-col article .image img{ width:100%; height:auto; }
.news-col article .title{ padding:25px 25px 5px; font-size:30px; color:#474747; text-transform:uppercase; font-family:'SourceSansLight'; line-height:100%; }
.news-col article .title a{ font-size:30px; color:#474747; text-transform:uppercase; font-family:'SourceSansLight'; }
.news-col article .date{ padding:5px 25px 15px; font-size:10px; color:#807f7f; text-transform:uppercase; font-family:arial; line-height:100%; }
.news-col article .tags{ padding:0 25px; }
.news-col article .tags a{ padding:4px 6px; line-height:100%; margin:2px 0; background:#666666; display:inline-block; font-size:10px; color:#fff; text-transform:uppercase; font-family:'SourceSansLight'; }
.news-col article .tags a:hover{ background:#D03C46; }
.news-col article .lead{ text-align:justify; line-height:130%; font-family:'SourceSans'; font-weight:bold; padding:15px 25px 15px; font-size:14px; color:#474747; }
.news-col article .lead a{ color:#474747; text-decoration:underline; }
.news-col article .text{ text-align:justify; line-height:130%; font-family:'SourceSans'; padding:5px 25px 25px; font-size:14px; color:#474747; }
.news-col article .text p{ padding-top:0; margin-top:0; }
.news-col article .text a{ color:#474747; text-decoration:underline; }
.news-col article .footer{ height:30px; padding:0 25px; position:relative; }
.news-col article .footer .buttons{ height:30px; position:absolute; left:25px; bottom:0; }
.news-col article .footer .share{ height:28px; position:absolute; right:25px; bottom:0; font-size:11px; text-transform:uppercase; color:#8d8d8d; font-family:'SourceSansLight'; font-weight:bold; }
.news-col article .footer .share a{ vertical-align:middle; width:28px; height:28px; display:inline-block; }
.news-col article .footer .share a:hover{ background-position:left bottom; }
.news-col article .footer .share .tw{ margin:0 0 0 10px; background:url(/images/news/share-tw.jpg) left top no-repeat; }
.news-col article .footer .share .fb{ background:url(/images/news/share-fb.jpg) left top no-repeat; }
.news-col article .footer .buttons .button{ color:#fff; font-size:11px; font-family:arial; text-transform:uppercase; height:22px; padding:8px 10px 0; display:inline-block; }
.news-col article .footer .buttons .button i{ margin:0 5px 0 0; display:inline-block; vertical-align:inherit; width:11px; height:9px; transform:rotate(-90deg); transition:all 0.3s ease; }
.news-col article .footer .buttons .button:hover i{ transform:rotate(0deg); }
.news-col article .footer .buttons .button.close{ background:#d03c46; }
.news-col article .footer .buttons .button.close i{ transform:rotate(0deg); background:url(/images/news/news-close.jpg) left top no-repeat; }
.news-col article .footer .buttons .button.open i{ background:url(/images/news/news-open.jpg) left top no-repeat; }
.news-col article .footer .buttons .button.open{ background:#808080; }
.news-col article.facebook{  }
.news-col article.facebook .topbar{ position:absolute; left:0; top:0; width:466px; height:29px; background:url(/images/news/topbar.png) left top no-repeat; }
.news-col article.facebook .title{ text-transform:none; font-weight:bold; font-size:14px; color:#474747; padding:15px 25px; }
.news-col article.facebook .footer{ text-align:right; height:28px; }
.news-col article.facebook .footer a{ padding:6px 35px 0 0; font-size:11px; font-weight:bold; height:22px; text-transform:uppercase; color:#3b5998; display:inline-block; background:url(/images/news/fb-continue.png) right top no-repeat; }
.news-col article.rs{ background:#000; }
.news-col article.rs .title{ color:#ffcc00; font-size:24px; padding:25px; }
.news-col article.rs .latestnews{  }
.news-col article.rs .latestnews .entry{ border-top:1px solid #28262b; padding:15px 0 0 0; }
.news-col article.rs .latestnews .entry:first-child{ border:0; padding:0; }
.news-col article.rs .latestnews .entry .title{ font-size:20px; color:#fff; padding:0 25px 10px; }
.news-col article.rs .latestnews .entry .title a{ font-size:20px; color:#fff; text-decoration:none; }
.news-col article.rs .latestnews .entry .title a:hover{ color:#ffcc00; }
.news-col article.rs .latestnews .entry .lead{ font-size:14px; color:#fff; padding:0 25px; font-weight:normal; font-family:'SourceSansLight'; }
.news-col article.rs .latestnews .entry .dat{ font-size:10px; color:#808080; padding:0 25px; font-weight:normal; font-family:arial; }

#works-list{ width:948px; }
#works-list article{ height:230px; background:#fff; color:#8d8d8d; margin:0 0 20px 0; }
#works-list article .image{ width:230px; height:230px; overflow:hidden; float:left; margin:0 30px 0 0; }
#works-list article .image img{ width:230px; height:230px; }
#works-list article .category{ text-transform:uppercase; padding:40px 0 0 0; line-height:100%; font-family:'SourceSansBold'; color:#8d8d8d; font-size:20px; }
#works-list article .title{ text-transform:uppercase; padding:5px 0; line-height:100%; font-family:'SourceSansBold'; color:#000000; font-size:30px; }
#works-list article .title a{ font-family:'SourceSansBold'; color:#000000; font-size:30px; }
#works-list article .lead{ height:50px; overflow:hidden; padding:5px 30px 10px 0; line-height:100%; font-family:'SourceSans'; color:#8d8d8d; font-size:18px; }
#works-list article .buttons{  }
#works-list article .buttons .button{ display:inline-block; vertical-align:top; padding:8px 12px; text-transform:uppercase; font-size:16px; color:#ffffff; font-family:'SourceSansLight'; }
#works-list article .buttons .more{ background:#8d8d8d; }
#works-list article .buttons .more:hover{ background:#ffcc00; color:#000; }
#works-list article .buttons .more i{ transition:all 0.3s ease; transform:rotate(45deg); margin:0 8px 0 0; display:inline-block; width:8px; height:8px; border-color:#fff #fff transparent transparent; border-width:1px; border-style:solid; }
#works-list article .buttons .more:hover i{ border-color:#000 #000 transparent transparent; }

#works-header{ position:relative; min-height:230px; }
#works-header .logo{ width:155px; height:155px; float:left; margin:0 26px 0 0; background:rgba(0, 0, 0, 0.2); }
#works-header .logo img{ width:155px; height:155px; }
#works-header .title{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-family:'SourceSansBold'; color:#fff; font-size:40px; text-transform:uppercase; line-height:100%; }
#works-header .subtitle{ text-shadow:0 2px 8px rgba(0,0,0,0.8);  padding:5px 0 0 0; font-family:'SourceSans'; color:#fff; font-size:20px; line-height:100%; }
#works-header .tags{ padding:20px 0 0 0; margin:0; display:block; list-style:none; }
#works-header .tags li{ padding:0; margin:0 5px 2px; display:inline-block; }
#works-header .tags li:first-child{ margin-left:0; }
#works-header .tags li a{ font-family:'SourceSans'; font-size:12px; text-transform:uppercase; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); padding:3px 5px; text-align:center; }
#works-header .tags li a:hover{ background:#D03C46; }
#works-header .tags li.date a{ cursor:default; color:#808080; font-weight:bold; }
#works-header .tags li.date a:hover{ background:rgba(0,0,0,0.5); }

#works-list-subpage{  }
#works-list-subpage .selected{ float:left; width:725px; height:400px; background:#ffc700; }
#works-list-subpage .blocks{ width:176px; float:right; padding:0; margin:0; list-style:none; text-align:center; font-size:0; line-height:100%; }
#works-list-subpage .blocks li{ width:86px; height:86px; display:inline-block; background:#ffc700; margin:0 1px 1px 0; vertical-align:top; }
#works-list-subpage .blocks li a{ display:block; width:100%; height:100%; position:relative; }
#works-list-subpage .blocks li a img{ width:86px; height:86px; }
#works-list-subpage .blocks li a span{ position:absolute; left:0; top:0; width:86px; height:86px; z-index:10; }
#works-list-subpage .blocks li a.video span{ background:url(/images/videoplayer.png) center center no-repeat; }
#works-list-subpage .blocks li a:hover span, #works-list-subpage .blocks li a.active span{ box-shadow:0 0 0 4px #FFFFFF inset; }
#works-list-subpage .openclose{ display:block; width:100%; margin:10px 0; padding:0px; height:15px; background:url(/images/openclose.png) center top no-repeat; }
#works-list-subpage .openclose.closed{ background-position:center bottom; }
#works-information{ background:#fff; min-height:200px; width:1920px; margin-left:-490px; }
#works-information .centered{ margin:0 auto; width:948px; }
#works-information .centered .ls{ width:625px; float:left; padding:25px 0; }
#works-information .centered .ls .title{ text-align:justify; font-size:16px; color:#474747; font-family:'SourceSansBold'; }
#works-information .centered .ls .text{ text-align:justify; font-size:14px; color:#474747; font-family:'SourceSans'; }
#works-information .centered .ls .text a{ color:#474747; text-decoration:underline; }
#works-information .centered .rs{ width:270px; float:right; }
#works-information .centered .rs .box{ background:#f2f2f2; margin:0 0 20px 0; padding:20px 0; }
#works-information .centered .rs .box .title{ padding:6px 0 0 30px; line-height:100%; height:22px; background:url(/images/box-titles.png) left top no-repeat; color:#474747; font-family:'SourceSansBold'; font-size:16px; text-transform:uppercase; }
#works-information .centered .rs .box .title.sec{ background:url(/images/box-titles.png) left -28px no-repeat; }
#works-information .centered .rs .box ul{ padding:0 20px; margin:20px 0 0 0; list-style:none; }
#works-information .centered .rs .box ul li{ padding:0; margin:5px 0; }
#works-information .centered .rs .box ul li a{ color:#474747; font-size:14px; font-family:'SourceSans'; }

#services-title{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:48px; font-family:'SourceSansBold'; color:#fff; text-align:center; text-transform:uppercase; line-height:150%; }
#aboutus-title{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:48px; font-family:'SourceSansBold'; color:#fff; text-align:center; text-transform:uppercase; line-height:150%; }
#services-subtitle{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:20px; font-family:'SourceSansLight'; color:#fff; text-align:center; line-height:150%; }
#services-lead{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:16px; color:#fff; font-family:'SourceSans'; text-align:justify; margin:120px 0 0 0; }
#aboutus-lead{ text-shadow:0 2px 8px rgba(0,0,0,0.8); vertical-align:top; -moz-column-count:2; -webkit-column-count:2; -ms-column-count:2; column-count:2; -moz-column-gap:60px; -webkit-column-gap:60px; column-gap:60px; font-size:16px; color:#fff; font-family:'SourceSans'; text-align:justify; margin:120px 0 0 0; padding:0 0 20px 0; }
#aboutus-lead p{ padding-top:0; margin-top:0; line-height:120%; }
#neolab-lead{ text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:20px; color:#fff; font-family:'SourceSansLight'; text-align:center; margin:20px 0 0 0; padding:0 0 20px 0; }
#neolab-lead p{ padding-top:0; margin-top:0; line-height:120%; }
#neolab-meetus{  }
#neolab-meetus h1{ line-height:100%; padding:0;margin:40px auto; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }
#aboutus-leaders-title{ padding:0; margin:50px auto; }
#aboutus-leaders-title h1{ line-height:100%; padding:0;margin:0 auto; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }

#neolab-brands{ text-align:left; }
#neolab-brands > article{ width:428px; min-height:170px; display:inline-block; vertical-align:top; text-align:left; margin:0 42px 0 0; }
#neolab-brands > article .image{ width:210px; height:170px; background:rgba(255,255,255,0.1); margin:0 32px 32px 0; float:left; }
#neolab-brands > article .image img{ width:210px; height:170px; }
#neolab-brands > article .title{ font-size:24px; text-transform:uppercase; color:#fff; font-family:'SourceSansLight'; line-height:100%; font-weight:bold; }
#neolab-brands > article .title a{ color:#fff; text-decoration:none; }
#neolab-brands > article .description{ font-family:'SourceSansLight'; color:#a8a8a8; font-size:15px; line-height:100%; padding:15px 15px 15px 0; }
#neolab-brands > article .description a{ transition:all 0.3s ease; margin:0 2px 2px 0; line-height:100%; padding:6px 10px; display:inline-block; background:#222; font-size:14px; font-family:'SourceSansLight'; color:#ffcc00; text-transform:uppercase; }
#neolab-brands > article .description a:hover{ color:#000; background:#ffcc00; }
#neolab-brands > article .description p{ padding:0; margin:0; }


#neolab-knowledge { background: rgba(0, 0, 0, 0.5); font-size: 0; margin: 0 0 0 -490px; padding:40px 0; text-align: center; width: 1920px; }
#neolab-knowledge h1{ padding:0; margin:0 0 40px; }
#neolab-knowledge article{ display:inline-block; width:472px; min-height:300px; vertical-align:top; }
#neolab-knowledge article .image{ width:472px; height:154px; background:rgba(255,255,255,0.1);margin:0 0 15px 0; }
#neolab-knowledge article .image img{ width:472px; height:154px; }
#neolab-knowledge article .title{ text-transform:uppercase; line-height:100%; margin:0 0 15px 0; font-size:24px; color:#fff; font-family:'SourceSansLight'; font-weight:bold; line-height:100%; text-align:center; }
#neolab-knowledge article .title a{ color:#fff; text-decoration:none; }
#neolab-knowledge article .description{ text-align:justify; font-size:16px; color:#a7a7a7; font-family:'SourceSansLight'; line-height:100%; padding:0 30px; }
#neolab-knowledge article .description a{ transition:all 0.3s ease; margin:0 2px 10px 0; line-height:100%; padding:6px 10px; display:inline-block; background:#222; font-size:14px; font-family:'SourceSansLight'; color:#ffcc00; text-transform:uppercase; }
#neolab-knowledge article .description a:hover{ background:#ffcc00; color:#000; }
#neolab-knowledge article.dmtk .description{ padding:0; }

#neolab-publishing{ text-align:center; }
#neolab-publishing > article{ width:428px; min-height:170px; display:inline-block; vertical-align:top; text-align:left; margin:0 42px 0 0; }
#neolab-publishing > article .image{ width:210px; height:170px; background:rgba(255,255,255,0.1); margin:0 32px 32px 0; float:left; }
#neolab-publishing > article .image img{ width:210px; height:170px; }
#neolab-publishing > article .title{ font-size:20px; text-transform:uppercase; color:#fff; font-family:'SourceSansLight'; line-height:100%; font-weight:bold; }
#neolab-publishing > article .title a{ color:#fff; text-decoration:none; }
#neolab-publishing > article .description{ font-family:'SourceSansLight'; color:#a8a8a8; font-size:15px; line-height:100%; padding:15px 15px 15px 0; }
#neolab-publishing > article .description a{ transition:all 0.3s ease; margin:0 2px 2px 0; line-height:100%; padding:6px 10px; display:inline-block; background:#222; font-size:14px; font-family:'SourceSansLight'; color:#ffcc00; text-transform:uppercase; }
#neolab-publishing > article .description a:hover{ background:#ffcc00; color:#000; }
#neolab-publishing > article .description p{ padding-top:0; margin-top:0; }

#aboutus-meetus{  }
#aboutus-meetus h1{ line-height:100%; padding:0;margin:40px auto; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }
#aboutus-people-list{ width:920px; margin:60px auto 0; font-size:0; position:relative; }
#aboutus-people-list .entry{ position:relative; width:230px; height:230px; display:inline-block; vertical-align:top; background:rgba(255,255,255,0.2); }
#aboutus-people-list .entry img{ display:block; position:absolute; left:0; top:0; width:230px; height:230px; z-index:5; }
#aboutus-people-list .entry img.sec{ display:block; position:absolute; left:0; top:0; z-index:10; opacity:0; }
#aboutus-people-list .entry.last{ background:url(/images/aboutus-block.png) left top no-repeat; }
#aboutus-people-list .entry.last.en{ background-position:left bottom; }
#aboutus-people-list .entry a{ display:block; width:100%; height:100%; }
.aboutus-leaders{ width:1920px; margin:0 0 115px -490px; background:rgba(255,255,255,0.08); }
.aboutus-leaders .entries{ margin:0 auto; width:920px; font-size:0; text-align:center; }
.aboutus-leaders .entries .entry{ height:278px; width:230px; position:relative; display:inline-block; vertical-align:top; }
.aboutus-leaders .entries .entry .image{ position:absolute; left:0; bottom:0; width:230px;  text-align:center; }
.aboutus-leaders .entries .entry .image img{ display:block; margin:0 auto; }
.aboutus-leaders .entries .entry .image img.sec{ display:none; }
.aboutus-leaders .entries .entry .position{ position:absolute; left:0; bottom:-70px; width:230px; margin-top:5px; line-height:100%; font-size:14px; font-family:'SourceSans'; color:#fff; text-transform:uppercase; text-align:center; }
.aboutus-leaders .entries .entry .name{ position:absolute; left:0; bottom:-50px; width:230px; font-size:20px; font-family:'SourceSansBold'; color:#ffcc00; text-transform:uppercase; text-align:center; }

#aboutus-weworkhere{ width:1920px; margin:20px 0 40px -490px; background:rgba(255,255,255,0.08); padding:20px 0 60px; }
#aboutus-weworkhere h1{ line-height:100%; padding:0; margin:40px auto 50px; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }
#aboutus-weworkhere p{ font-family:'SourceSans'; color:#fff; font-size:16px; text-align:center; width:920px; margin:0 auto; display:block; line-height:120%; }

#aboutus-images{ margin:50px auto 0; width:932px; }

#aboutus-description{ display:table; opacity:0; transform:scale(0,0); position:absolute; left:0; top:0; width:230px; height:230px; z-index:15; background:rgba(0,0,0,0.9); }
#aboutus-description b{ position:absolute; width:210px; line-height:100%; left:10px; bottom:20px; display:block; color:#ffcc00; font-size:32px; font-family:'SourceSansLight'; font-weight:bold; text-transform:uppercase; }
#aboutus-description b span{ display:block; line-height:100%; margin:10px 0 0 0; color:#fff; font-size:16px; font-family:'SourceSansLight'; text-transform:uppercase; font-weight:normal; }
#aboutus-description b i{ font-style:normal; display:block; line-height:130%; margin:10px 0 0 0; color:#626262; font-size:10px; font-family:'arial'; text-transform:uppercase; font-weight:normal; }

#services-list{ margin:50px 0 0 -485px; width:1920px; background:rgba(0,0,0,0.5); padding:1px 0; }
#services-list .cc{ width:948px; margin:50px auto; }
#services-list .cc .ls{ padding:0; margin:0; list-style:none; float:left; width:345px; }
#services-list .cc .ls li{ padding:0; margin:5px 0; display:block; }
#services-list .cc .ls li:first-child{ margin-top:0; }
#services-list .cc .ls li a{ display:block; color:#fff; font-size:16px; font-family:'SourceSans';  }
#services-list .cc .ls li a i{ margin:0 10px 0 0; height:7px; display:inline-block; vertical-align:middle; width:4px; background:url(/images/li-arrow.png) right top no-repeat; }
#services-list .cc .ls li a b{ margin:0 0 0 10px; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(/images/482.gif) left top no-repeat; }
#services-list .cc .ls li a:hover, #services-list .ls li a.active{ color:#ffcc00; }
#services-list .cc .ls li a:hover i, #services-list .ls li a.active i{ background-position:left top; }
#services-list .cc .rs{ width:570px; float:right; }
#services-list .cc .rs .title{ line-height:100%; font-size:26px; color:#ffcc00; text-transform: uppercase; font-family:'SourceSans'; margin:0 0 5px 0; }
#services-list .cc .rs .subtitle{ line-height:100%; font-size:20px; color:#fff; font-family:'SourceSansLight'; margin:0 0 15px 0; }
#services-list .cc .rs .content{ text-align:justify; line-height:120%; font-size:16px; color:#808080; font-family:'SourceSans'; }
#services-list .cc .rs .related{ margin:40px 0 0 0; font-size:20px; font-family:'SourceSansLight'; }
#services-list .cc .rs .related ul{ padding:0; margin:20px 0 0 0; list-style:none; }
#services-list .cc .rs .related ul li{ width:110px; padding:0; margin:0 10px 10px 0; display:inline-block; vertical-align:top; }
#services-list .cc .rs .related ul li a{ font-size:12px; color:#808080; }
#services-list .cc .rs .related ul li a span{ width:110px; height:110px; display:block; background:#ffcc00; }
#services-list .cc .rs .related ul li a span img{ width:110px;height:110px; }
#services-list .cc .rs .related ul li a b{ display:block; font-weight:normal; text-align:center; margin:5px 0 0 0; }
#services-list .cc .rs .related ul li a:hover{ color:#e9ba01; }

#career-box{ width:946px; height:532px; margin:0 auto; }
#career-whodoweseek{ margin:0 0 80px 0; }
#career-whodoweseek h1{ line-height:100%; padding:0;margin:60px auto 45px; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }
#career-whodoweseek > ul{ width:360px; display:block; padding:0; margin:0; list-style:none; float:left; border-right:1px solid #3d3d3d; }
#career-whodoweseek > ul li{ display:block; padding:0; margin:20px 0; text-align:right; }
#career-whodoweseek > ul li:first-child{ margin-top:0; }
#career-whodoweseek > ul li a{ display:block; font-size:20px; color:#fff; font-family:'SourceSansLight'; padding:10px 30px 10px 0; border-right:0 solid #ffcc00; }
#career-whodoweseek > ul li a:hover, #career-whodoweseek > ul li a.active{ color:#ffcc00; border-right:4px solid #ffcc00; }
#career-whodoweseek .details{ width:550px; float:right; font-size:16px; color:#fff; font-family:'SourceSansLight'; }
#career-whodoweseek .details p{ padding-top:0; margin-top:0; }
#career-whodoweseek .details a{ color:#ffcc00; }
#career-whodoweseek .nothingtoshow{ font-size:20px; font-family:'SourceSansLight'; text-align:center; line-height:140%; margin:0 0 80px 0; }
#career-whodoweseek .nothingtoshow a{ color:#ffcc00; text-decoration:none; }

#career-sharing{ font-size:0; }
#career-sharing a{ padding:0; margin:0; display:inline-block; width:31px; height:31px; background:url(/images/icon-sharing.png) left top no-repeat; }
#career-sharing a.fb{ background-position:-62px 0; }
#career-sharing a.em{  }
#career-sharing a.tw{ background-position:-31px 0; }

#why-choose-neo{ width:1920px; height:330px; margin-left:-490px; margin-top:30px; }
#why-choose-neo .prev-button{ left:500px !important; width:22px; height:49px; font-size:0 !important; background:url(/images/whyneo/prev.png) 9px 4px no-repeat !important; }
#why-choose-neo .next-button{ right:500px !important; width:22px; height:49px; font-size:0 !important; background:url(/images/whyneo/next.png) 9px 4px no-repeat !important; }

.career-place h1{ line-height:100%; padding:0;margin:60px auto 45px; display:block; font-family:'SourceSansLight'; color:#ffcc00; font-size:35px; text-align:center; text-transform:uppercase; }
.career-place p{ font-family:'SourceSansLight'; font-size:16px; color:#fff; text-align:center; line-height:140%; }
#flipper1, #flipper2{ margin:40px 0; }

#news-paginator{ margin:0 0 20px 0; }
#news-paginator.loading a{ background:url(/images/483.gif) center top no-repeat; }
#news-paginator a{ display:block; width:100%; margin:10px 0; padding:0px; height:15px; background:url(/images/openclose.png) center bottom no-repeat; }

#works-paginator{ margin:0 0 20px 0; }
#works-paginator.loading a{ background:url(/images/483.gif) center top no-repeat; }
#works-paginator a{ display:block; width:100%; margin:10px 0; padding:0px; height:15px; background:url(/images/openclose.png) center bottom no-repeat; }

#notfound-title{ text-transform:uppercase; margin:0 0 80px 0; text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:120px; text-align:center; font-family:'SourceSansLight'; color:#fff; line-height:100%; }
#notfound-subtitle{ text-transform:uppercase; margin:0 0 20px 0; text-shadow:0 2px 8px rgba(0,0,0,0.8); font-size:35px; text-align:center; font-family:'SourceSansLight'; color:#ffcc00; line-height:100%; }
#notfound-text{ text-shadow:0 2px 8px rgba(0,0,0,0.8); margin:0 0 200px 0; font-size:20px; text-align:center; font-family:'SourceSansLight'; color:#fff; line-height:100%; }

#nomoretoshow{ font-size:24px; text-align:center; color:#fff; font-family:'SourceSansLight'; background:rgba(0,0,0,0.5); padding:80px 0 0 0; height:95px; margin:0 0 18px 0; }

#container.mobile{ width:auto; }
#container.mobile header{ padding:0; margin:0; height:47px; background:#000; position:relative; }
#container.mobile header .logo{ z-index:10; display:block; position:absolute; left:10px; top:10px; width:77px; height:26px; background:url(/images/logo-mobile.png) left top no-repeat; background-size:77px 26px; }
#container.mobile header > ul{ display:block; position:absolute; right:0; top:0; width:100%; height:47px; padding:0; margin:0; list-style:none; }
#container.mobile header > ul > li{ width:100%; height:47px; position:relative; }
#container.mobile header > ul > li > a{ display:block; position:absolute; right:10px; top:12px; width:24px; height:21px; background:url(/images/menubutton-mobile.png) left top no-repeat; background-size:24px 21px; }
#container.mobile header > ul ul{ width:100%; padding:0 0 20px 0; margin:0; position:absolute; left:0; top:47px; display:none; list-style:none; background:rgba(0,0,0,0.9); }
#container.mobile header > ul ul li{ margin:0; display:block; text-align:center; }
#container.mobile header > ul ul li a{ text-transform:uppercase; display:block; padding:5px 0; color:#fff; line-height:100%; font-size:21px; color:#fff; font-family:'SourceSansLight'; }
#container.mobile header > ul ul li a:hover, #container.mobile header > ul ul li a.active{ color:#ffcc00; }
#container.mobile #content{ padding:0; margin:0; position:relative; z-index:2; }
#container.mobile #blocks, #container.mobile .infinity-title, #container.mobile #infinity{ display:none; }
#container.mobile #mobile-neolab{ display:block; }
#container.mobile #frontnewsbox{ width:100%; background:transparent; padding:0; margin:0; }
#container.mobile #frontnewsbox .entries{ width:100%; }
#container.mobile #frontnewsbox .title{ font-size:18px; }
#container.mobile #frontnewsbox section article{ background:#fff; height:105px; width:100%; padding:0; margin:0 0 5px 0; }
#container.mobile #frontnewsbox section article .image{ width:105px; height:105px; }
#container.mobile #frontnewsbox section article .image img{ width:105px; height:105px; }
#container.mobile #frontnewsbox section article .title{ padding:10px 10px 10px 105px; width:auto; }
#container.mobile #frontnewsbox section article .title a{ color:#000; font-size:18px; }
#container.mobile #frontnewsbox section article .lead{ display:none; }
#container.mobile #meetus, #container.mobile #fblocks{ display:none; }
#container.mobile #neomedia{display:none; }
#container.mobile footer{ clear:both; width:auto; height:140px; padding:30px 0 0 0; text-align:center; }
#container.mobile footer .c{ text-align:center; height:140px; width:auto; position:relative; display:inline-block; }
#container.mobile footer ul{ padding:0; margin:0; list-style:none; position:relative; top:0; }
#container.mobile footer ul li{ display:inline-block; padding:0; margin:0 10px; width:52px; height:52px; border:0; background:url(/images/footerlogos.png) left top no-repeat; }
#container.mobile footer ul li a{ display:block; width:100%; height:100%; }
#container.mobile footer ul li.t{ background-position:left -52px; }
#container.mobile footer ul li.e{ background-position:left -104px; }
#container.mobile footer ul li.l{ background-position:left -312px; }
#container.mobile footer ul li.l ul{ padding:0; margin:0; left:0; top:0; position:absolute; display:block; }
#container.mobile footer ul li.l ul li{ padding:0; margin:0; background:transparent; }
#container.mobile footer ul li.l ul li{ padding:0; margin:0; background:transparent; }
#container.mobile footer ul li.l .flchooser{ position:relative; }
#container.mobile footer ul li.l .flchooser.on ul{ display:block; }
#container.mobile footer ul li.l .flchooser ul{ display:none; height:52px; background:#000; position:absolute; left:auto; top:0; right:0; width:278px; font-size:0; }
#container.mobile footer ul li.l .flchooser ul li{ width:138px; display:inline-block; font-size:0; }
#container.mobile footer ul li.l .flchooser ul li a{ width:139px; height:37px; padding:15px 0 0 0; font-size:18px; font-family:'SourceSansLight'; color:#fff; line-height:100%; display:block; }
#container.mobile footer ul li.l .flchooser ul li a:hover{ color:#ffcc00; }
#container.mobile footer .copyright{ text-align:left; position:absolute; left:8px; top:75px; width:200px; }
#container.mobile footer .sharing{ padding:0; margin:0; text-align:right; list-style:none; position:absolute; left:auto; right:10px; top:70px; width:200px; letter-spacing:21px; }
#container.mobile footer .sharing li{ padding:0; margin:0; display:inline-block; width:26px; height:26px; background:url(/images/footerlogos.png) left top no-repeat; background-size:26px auto; }
#container.mobile footer .sharing li a{ display:block; width:100%; height:100%; }
#container.mobile footer .sharing li.sf{ background-position:left -78px; }
#container.mobile footer .sharing li.sy{ background-position:left -104px; }
#container.mobile footer .sharing li.si{ background-position:left -130px; }
#container.mobile #content .innerContent{ width:auto; }
#container.mobile #news-left{ width:auto; float:none; }
#container.mobile .news-col article.facebook .topbar{ width:100%; }
#container.mobile #news-left .image img{ width:100%; height:auto; }
#container.mobile #news-right{ display:block; float:none; width:auto; }
#container.mobile #works-list{ width:100%; }
#container.mobile #works-list article{ height:105px; margin:0 0 5px 0; }
#container.mobile #works-list article .image{ width:105px; height:105px; margin:0 5px 0 0; }
#container.mobile #works-list article .image img{ width:105px; height:105px; }
#container.mobile #works-list article .category{ padding:8px 0 0 0; font-size:10px; }
#container.mobile #works-list article .title{ font-size:18px; padding:5px 5px 0 0; }
#container.mobile #works-list article .title a{ font-size:18px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#container.mobile #works-list article .lead{ padding:5px 5px 5px 0; font-size:15px; height:40px; overflow:hidden; }
#container.mobile #works-list article .buttons{ display:none; }
#container.mobile #navbar{ height:auto; padding:0 20px; }
#container.mobile #navbar .filter{ position:relative; right:auto; top:auto; margin:20px 0 0 0; }
#container.mobile select[name="filterclient"]{ width:100px; }
#container.mobile #aboutus-lead{ padding:20px; margin:0;  -moz-column-count:1; -webkit-column-count:1; -ms-column-count:1; column-count:1; }
#container.mobile #neolab-lead{ padding:0 20px; width:auto; }
#container.mobile #neolab-brands, #container.mobile #neolab-publishing{ width:auto; margin:0 20px; }
#container.mobile #neolab-brands article, #container.mobile #neolab-publishing article{ display:block; width:auto; margin:0; clear:both; }
#container.mobile #neolab-brands article .image, #container.mobile #neolab-publishing article .image{  }
#container.mobile #neolab-knowledge{ width:auto; margin:0; }
#container.mobile #neolab-knowledge article{ width:100%; margin:0 0 20px 0; }
#container.mobile #neolab-knowledge article .image{ width:auto; height:auto; }
#container.mobile #neolab-knowledge article .image img{ width:100%; height:auto; display:block; }
#container.mobile #works-header{ min-height:190px; margin-top:40px; }
#container.mobile #works-header .logo{ margin-left:20px; }
#container.mobile #works-header .title{ margin-left:20px;  padding-right:20px; }
#container.mobile #works-header .subtitle{ padding-right:20px; }
#container.mobile #works-header .tags{ display:none; }
#container.mobile #works-information{ width:auto; margin:0; }
#container.mobile #works-information .centered{ width:auto; }
#container.mobile #works-information .centered .ls{ display:block; float:none; width:auto; padding:20px; }
#container.mobile #works-information .centered .rs{ display:block; float:none; width:auto; }
#container.mobile #works-list-subpage{ display:none; }
#container.mobile #services-title{ padding:0 20px; font-size:30px; }
#container.mobile #services-subtitle{ display:none; }
#container.mobile #services-lead{ margin:20px 0; padding:0 20px; }
#container.mobile #career-box{ width:100% !important; height:auto !important; }
#container.mobile #career-box video{ width:100%; height:auto; }
#container.mobile #career-whodoweseek .nothingtoshow{ padding:0 20px; }
#container.mobile #career-whodoweseek ul li a{ text-align:center; border:0 !important; }
#container.mobile #why-choose-neo, #container.mobile #flipper1, #container.mobile .career-place, #container.mobile #flipper2{ display:none; }
#container.mobile #aboutus-people-list{ padding:0; margin:0 auto; width:464px; letter-spacing:0; font-size:0; }
#container.mobile #aboutus-people-list .entry{ padding:0; margin:0; letter-spacing:0; font-size:0; }
#container.mobile .aboutus-leaders{ width:460px; margin:0 0 115px; background:transparent; }
#container.mobile .aboutus-leaders .entries{ width:auto; }
#container.mobile #aboutus-weworkhere{ width:auto; margin:20px 0; }
#container.mobile #aboutus-weworkhere p{ width:auto; margin:20px 0; padding:0 20px; }
#container.mobile #aboutus-images{ width:auto; }
#container.mobile #aboutus-images img{ width:100%; height:auto; }

#container.mobile .aboutus-leaders{ width:460px; margin:0 auto; overflow:hidden; height:356px; }
#container.mobile .aboutus-leaders .entries{ position:relative; overflow:hidden; width:460px; height:356px; }
#container.mobile .aboutus-leaders .entries .prev{ position:absolute; left:0; top:0; width:140px; height:356px; background:url(/images/infinitynav.png) -90px 60px no-repeat; }
#container.mobile .aboutus-leaders .entries .prev.inactive{ opacity:0.5; }
#container.mobile .aboutus-leaders .entries .next{ position:absolute; right:0; top:0; width:140px; height:356px; background:url(/images/infinitynav.png) 0 -170px no-repeat; }
#container.mobile .aboutus-leaders .entries .next.inactive{ opacity:0.5; }
#container.mobile .aboutus-leaders .entries .images{ width:460px; height:356px; left:0; margin:0; position:relative; overflow:hidden; }
#container.mobile .aboutus-leaders .entries .images > div{ position:absolute; }
#container.mobile .aboutus-leaders .entries .images a.active{ opacity:0.5; }
#container.mobile .aboutus-leaders .entries .images > div > *{ float:left; }
#container.mobile .aboutus-leaders .entries .images > div > *{ width:230px; height:265px; margin:0; }
#container.mobile #career-whodoweseek > ul{ width:auto; padding:0 20px; display:block; float:none; margin:0 auto; }
#container.mobile #career-whodoweseek .details{ width:auto; padding:0 20px; display:block; float:none; margin:0 auto; }
#container.mobile #services-list{ width:auto; margin:50px 0 0; padding:1px 0; margin:10px 0 0 ; }
#container.mobile #services-list .cc{ width:auto; margin:20px auto; }
#container.mobile #services-list .cc .ls{ display:block; float:none; width:auto; padding:0 20px; }
#container.mobile #services-list .cc .rs{ margin-top:20px; display:block; float:none; width:auto; padding:0 20px; }

#mobile-neolab{ margin:40px 0 0 0; position:relative; display:none; height:415px; background:url(/images/neolab_mobile_bg.png) no-repeat left top; background-size:cover; text-align:center; }
#mobile-neolab a{ display:block; margin:0 auto; width:582px; height:146px; background:url(/images/neolab_mobile_logos.png) left top no-repeat; background-size:cover; }
#mobile-neolab span{ margin:45px 0 35px 0; text-shadow:0 2px 8px rgba(0,0,0,0.3); line-height:100%; text-transform:uppercase; display:inline-block; font-size:57px; font-family:'SourceSansLight'; }
#mobile-neolab span b{ font-weight:normal; font-family:'SourceSansBold'; }
#mobile-neolab .text{ margin:0 auto 10px; width:580px; text-shadow:0 2px 8px rgba(0,0,0,0.8); line-height:100%; font-size:28px; font-family:'SourceSansLight'; text-align:center; }

#container.mobile #promobox{ margin:40px 0 0; display:block; width:640px; height:237px; padding:0; }
#container.mobile #promobox .pagination{ display:none !important; }

@media only screen and (min-width: 310px) and (max-width: 400px)
{
	#container.mobile #promobox{ display:block; width:320px; height:118px; }
	
	#container.mobile #aboutus-title{ font-size:30px; }
	#container.mobile #neolab-lead{ font-size:15px; }
	#container.mobile #neolab-brands > article .title{ font-size:20px; }
	#container.mobile #neolab-brands article .image, #container.mobile #neolab-publishing article .image{ margin:0 10px 10px 0; width:40%; height:auto; }
	#container.mobile #neolab-brands article .image img, #container.mobile #neolab-publishing article .image img{ width:100%; height:auto; display:block; }
	
	#container.mobile #works-header{ min-height:120px; }
	#container.mobile #works-header .logo{ width:77px; height:125px; }
	#container.mobile #works-header .logo img{ width:77px; height:77px; }
	#container.mobile #works-header .title{ font-size:20px; }
	#container.mobile #works-header .subtitle{ font-size:15px; }
	
	#container.mobile #aboutus-meetus h1{ font-size:30px; }
	#container.mobile #aboutus-people-list{ width:322px; overflow:hidden; }
	#container.mobile #aboutus-people-list .entry{ width:160px; height:160px; }
	#container.mobile #aboutus-people-list .entry img{ width:160px; height:160px; }
	#container.mobile #aboutus-description{ width:160px; height:160px; }
	#container.mobile #aboutus-description b{ font-size:25px; }
	#container.mobile #aboutus-description b span{ font-size:12px; }
	#container.mobile #aboutus-description b i{ display:none; }
	#container.mobile #aboutus-people-list .entry.last{ background-size:cover; }
	
	#container.mobile .aboutus-leaders{ width:320px !important; }
	#container.mobile .aboutus-leaders .entries{ width:320px !important;; }
	#container.mobile .aboutus-leaders .entries .images{ width:320px; }
	#container.mobile .aboutus-leaders .entries .images > div > *{ width:320px; height:265px; margin:0; }
	#container.mobile .aboutus-leaders .entries .entry .image{ width:320px; }
	#container.mobile .aboutus-leaders .entries .entry .name{ width:320px; }
	#container.mobile .aboutus-leaders .entries .entry .position{ width:320px; }
	
	#mobile-neolab{ height:380px; }
	#mobile-neolab a{ width:300px; height:75px; background:url(/images/neolab_mobile_logos.png)  no-repeat left top; background-size:cover; }
	#mobile-neolab .text{ width:300px; font-size:20px; margin-bottom:30px; }
}

body#dmtk-subpage{ background:linear-gradient(#de3f1e 75%, #df4f1f); }
body#dmtk-subpage #container{ text-align:center; width:980px; margin:0 auto; }
body#dmtk-subpage #container #dmtkneologo{ z-index:5; position:absolute; right:0; top:0; width:112px; height:39px; background:url(/images/dmtk-neologo.png) left top no-repeat; }
body#dmtk-subpage #dm-content{ font-family:RaleWay; position:fixed; display:block; width:886px; height:698px; background:url(/images/dmtk-sub-content.png) left top no-repeat; }
body#dmtk-subpage #dm-content h1 { display: block; font-size: 42px; height: 110px; left: 535px; line-height: 100%; margin: 0; padding: 0; position: absolute; text-align: left; text-transform: uppercase; top: 186px; width: 400px; }
body#dmtk-subpage #dm-content .text{ line-height:100%; text-align:left; font-size:18px; display:block; position:absolute; left:535px; top:343px; width:500px; height:200px; }
body#dmtk-subpage #dm-content .text b{ display:block; font-size:28px; text-transform:uppercase; margin:0 0 10px 0; }
body#dmtk-subpage footer{ width:100%; position:fixed; left:0; bottom:0; background:transparent; padding:0; margin:0; height:auto; border:0; }
body#dmtk-subpage footer ul{ padding:0; margin:0 0 50px 0; list-style:none; }
body#dmtk-subpage footer ul li{ display:inline-block; vertical-align:top; border-left:1px solid #fff; padding:0 0 0 10px; margin:0 10px 0 0; }
body#dmtk-subpage footer ul li a{ font-family:RaleWay; font-size:24px; }
body#dmtk-subpage footer ul li:first-child{ border:0; }