/* ::::: null ::::: */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
html { font-size: 62.5%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: outside none none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
body { line-height: 1.5em; position: relative; }
a { text-decoration: none; line-height: inherit; }
a:focus { outline: medium none; }
p a, p a:visited { line-height: inherit; }
ul, ol { margin-bottom: 18px; }
ul { list-style: outside none none; }
ol { list-style: outside none decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: outside none square; }
ul.circle { list-style: outside none circle; }
ul.disc { list-style: outside none disc; }
li { margin-bottom: 12px; }
ul.large li { line-height: 21px; }
table { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 3px; margin: 0px 0px 18px; border: 1px solid rgb(221, 221, 221); }
table thead, table tfoot { background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: rgb(34, 34, 34); }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: medium none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: medium none; }
table tbody tr.even, table tbody tr.alt { background: rgb(249, 249, 249) none repeat scroll 0% 0%; }
table tbody tr:nth-child(2n) { background: rgb(249, 249, 249) none repeat scroll 0% 0%; }
table tbody tr td { color: rgb(51, 51, 51); padding: 9px 10px; vertical-align: top; border: medium none; }
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }
h1, h2, h3, h4, h5, h6 { color: rgb(24, 24, 24); font-weight: normal; line-height: 1.25; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 4.6rem; margin-bottom: 12px; }
h2 { font-size: 3.5rem; margin-bottom: 9px; }
h3 { font-size: 2.8rem; margin-bottom: 9px; }
h4 {
	font-size: 2.1rem;
	margin-bottom: 3px;
	text-align: left;
}
h5 { font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
h6 {
	font-size: 1.5rem;
	font-weight: normal;
	text-align: left;
}
.subheader { color: rgb(119, 119, 119); font-weight: 300; margin-bottom: 24px; }
p { font-size: 1.3rem; line-height: 1.25; margin: 0px 0px 18px; }
p img { margin: 0px; }
p.lead { font-size: 1.8rem; line-height: 1.5; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small { color: rgb(119, 119, 119); }
blockquote, blockquote p { line-height: 20px; color: rgb(119, 119, 119); }
blockquote { margin: 0px 0px 18px; padding: 9px 20px 0px 19px; border-left: 1px solid rgb(221, 221, 221); }
blockquote cite { display: block; font-size: 1.2rem; color: rgb(85, 85, 85); }
blockquote cite::before { content: "— "; }
blockquote cite a, blockquote cite a:visited { color: rgb(85, 85, 85); }
hr { border-style: solid; border-color: rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px 0px; clear: both; margin: 12px 0px 18px; height: 0px; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgb(34, 34, 34); border-bottom: 1px solid rgb(221, 221, 221); cursor: help; }
abbr { text-transform: none; }
.print-only { display: none ! important; }
@media print {
  * { background: transparent none repeat scroll 0% 0% ! important; color: black ! important; text-shadow: none ! important; filter: none ! important; }
  p a, p a:visited { color: rgb(68, 68, 68) ! important; text-decoration: underline; }
  p a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  pre, blockquote { border: 1px solid rgb(153, 153, 153); page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 {  }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none ! important; }
  .print-only { display: block ! important; }
}
.container {  }
.row { width: 100%; max-width: 1110px; min-width: 727px; margin: 0px auto; box-sizing: border-box; padding: 0px 20px; }
.row .row { min-width: 0px; max-width: none; }
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0px; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + .end[class*="column"] { float: left; }
.row .one { width: 4.3%; }
.row .two { width: 13%; }
.row .three { width: 21.679%; }
.row .four { width: 30.37%; }
.row .five { width: 39.1%; }
.row .six { width: 47.8%; }
.row .seven { width: 56.5%; }
.row .eight { width: 65.2%; }
.row .nine { width: 73.9%; }
.row .ten { width: 82.6%; }
.row .eleven { width: 91.3%; }
.row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 13.1%; }
.row .offset-by-two { margin-left: 21.8%; }
.row .offset-by-three { margin-left: 30.5%; }
.row .offset-by-four { margin-left: 39.2%; }
.row .offset-by-five { margin-left: 47.9%; }
.row .offset-by-six { margin-left: 56.6%; }
.row .offset-by-seven { margin-left: 65.3%; }
.row .offset-by-eight { margin-left: 74%; }
.row .offset-by-nine { margin-left: 82.7%; }
.row .offset-by-ten { margin-left: 91.4%; }
.row .centered { float: none; margin: 0px auto; }
.row .offset-by-one:first-child { margin-left: 8.7%; }
.row .offset-by-two:first-child { margin-left: 17.4%; }
.row .offset-by-three:first-child { margin-left: 26.1%; }
.row .offset-by-four:first-child { margin-left: 34.8%; }
.row .offset-by-five:first-child { margin-left: 43.5%; }
.row .offset-by-six:first-child { margin-left: 52.2%; }
.row .offset-by-seven:first-child { margin-left: 60.9%; }
.row .offset-by-eight:first-child { margin-left: 69.6%; }
.row .offset-by-nine:first-child { margin-left: 78.3%; }
.row .offset-by-ten:first-child { margin-left: 87%; }
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
.push-one { left: 8.7%; }
.push-two { left: 17.4%; }
.push-three { left: 26.1%; }
.push-four { left: 34.8%; }
.push-five { left: 43.5%; }
.push-six { left: 52.2%; }
.push-seven { left: 60.9%; }
.push-eight { left: 69.6%; }
.push-nine { left: 78.3%; }
.push-ten { left: 87%; }
.pull-one { right: 8.7%; }
.pull-two { right: 17.4%; }
.pull-three { right: 26.1%; }
.pull-four { right: 34.8%; }
.pull-five { right: 43.5%; }
.pull-six { right: 52.2%; }
.pull-seven { right: 60.9%; }
.pull-eight { right: 69.6%; }
.pull-nine { right: 78.3%; }
.pull-ten { right: 87%; }
img, object, embed { max-width: 100%; }
img {  }
#map_canvas img, .map_canvas img { max-width: none ! important; }
.row::before, .row::after, .clearfix::before, .clearfix::after { content: ""; display: table; }
.row::after, .clearfix::after { clear: both; }
.row, .clearfix {  }
.block-grid { display: block; overflow: hidden; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.two-up { margin-left: -4%; }
.block-grid.two-up > li { margin-left: 4%; width: 46%; margin-bottom: 4%; }
.block-grid.three-up { margin-left: -2%; }
.block-grid.three-up > li { margin-left: 2%; width: 31.3%; margin-bottom: 2%; }
.block-grid.four-up { margin-left: -2%; }
.block-grid.four-up > li { margin-left: 2%; width: 23%; margin-bottom: 2%; }
.block-grid.five-up { margin-left: -1.5%; }
.block-grid.five-up > li { margin-left: 1.5%; width: 18.5%; margin-bottom: 1.5%; }
@media handheld, only screen and (max-width: 767px) {
  h1 { font-size: 3.2rem; line-height: 1.3; }
  h2 { font-size: 2.8rem; line-height: 1.3; }
  h3 { font-size: 2.1rem; line-height: 1.3; }
  h4 { font-size: 1.8rem; line-height: 1.2; }
  h5 { font-size: 1.6rem; line-height: 1.2; }
  h6 { font-size: 1.5rem; line-height: 1.2; }
  body, p { font-size: 1.3rem; line-height: 1.4; }
}
@media only screen and (max-width: 767px) {
  body { width: 100%; min-width: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .container { min-width: 0px; margin-left: 0px; margin-right: 0px; }
  .row { width: 100%; min-width: 0px; margin-left: 0px; margin-right: 0px; }
  .row .row .column, .row .row .columns { padding: 0px; }
  .column, .columns { width: auto ! important; float: none; margin-left: 0px; margin-right: 0px; }
  .column:last-child, .columns:last-child { margin-right: 0px; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column::before, .columns::before, .column::after, .columns::after { content: ""; display: table; }
  .column::after, .columns::after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0px ! important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0px; }
  .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
  .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0px; }
  .row .phone-one { width: 21.68% ! important; }
  .row .phone-two { width: 47.8% ! important; }
  .row .phone-three { width: 73.9% ! important; }
  .row .phone-four { width: 100% ! important; }
  .row .push-one-phone { left: 26.08%; }
  .row .push-two-phone { left: 52.2%; }
  .row .push-three-phone { left: 78.3%; }
  .row .pull-one-phone { right: 26.08%; }
  .row .pull-two-phone { right: 52.2%; }
  .row .pull-three-phone { right: 78.3%; }
}
@media only screen and (max-width: 767px) {
  .block-grid.mobile { margin-left: 0px; }
  .block-grid.mobile > li { float: none; width: 100%; margin-left: 0px; }
}
.show-on-phones { display: none ! important; }
.show-on-tablets { display: none ! important; }
.show-on-desktops { display: block ! important; }
.hide-on-phones { display: block ! important; }
.hide-on-tablets { display: block ! important; }
.hide-on-desktops { display: none ! important; }
@media only screen and (max-width: 1280px) and (min-width: 768px) {
  .hide-on-phones { display: block ! important; }
  .hide-on-tablets { display: none ! important; }
  .hide-on-desktops { display: block ! important; }
  .show-on-phones { display: none ! important; }
  .show-on-tablets { display: block ! important; }
  .show-on-desktops { display: none ! important; }
}
@media only screen and (max-width: 767px) {
  .hide-on-phones { display: none ! important; }
  .hide-on-tablets { display: block ! important; }
  .hide-on-desktops { display: block ! important; }
  .show-on-phones { display: block ! important; }
  .show-on-tablets { display: none ! important; }
  .show-on-desktops { display: none ! important; }
}
table.show-on-desktops { display: table ! important; }
table.hide-on-phones { display: table ! important; }
table.hide-on-tablets { display: table ! important; }
@media only screen and (max-width: 1280px) and (min-width: 768px) {
  .touch table.hide-on-phones { display: table ! important; }
  .touch table.hide-on-desktops { display: table ! important; }
  .touch table.show-on-tablets { display: table ! important; }
}
@media only screen and (max-width: 767px) {
  table.hide-on-tablets { display: table ! important; }
  table.hide-on-desktops { display: table ! important; }
  table.show-on-phones { display: table ! important; }
}
@media only screen and (max-width: 767px) {
  div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 18px; }
  form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { border-radius: 2px; }
  form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }
  form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }
  form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }
  form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }
  form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; }
}


body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
body, button, input, select, textarea { color: rgb(17, 17, 17); font-family: "Open Sans", sans-serif; }
a { color: rgb(85, 85, 85); }
a:hover { color: rgb(27, 159, 220) ! important; transition: all 150ms linear 0s; }
.highlight { background: rgb(102, 153, 204) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-shadow: none; }
*::-moz-selection { background: rgb(102, 153, 204) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-shadow: none; }
#search-description { display: none; }
p { font: 1.5em "Open Sans", sans-serif; }
span.arrow { font-size: 0.6em; margin-left: 2px; position: relative; vertical-align: middle; opacity: 0.5; }
a:hover span.arrow { right: -2px; transition: all 150ms linear 0s; }
header { border-bottom: 1px solid rgb(180, 180, 180); line-height: 100px; }
header .logo { border-right: 1px solid rgb(180, 180, 180); }

/* ::::: logo links ::::: */
header .logo a { background: transparent url('../images/logo1.svg') no-repeat scroll left 22px; width: 150px; height: 100%; }
header .logo a:hover { opacity: 0.7; }
header h6 { color: rgb(153, 153, 153); font-size: 1.3em; line-height: 100px; margin-left: -20px; opacity: 0; }
header nav { border-right: 1px solid rgb(180, 180, 180); box-sizing: border-box; height: 100px; padding-right: 45px; min-height: 100%; text-align: right; }
header nav span { color: rgb(211, 211, 211); font-size: 6em; font-weight: 100; margin: 0px 15px; }
header nav a { color: rgb(34, 34, 34); position: relative; top: -17px; font-size: 1.6em; }
header .icon { position: relative; width: 4% ! important; height: 100%; }

/* ::::: logo rechts ::::: */
header .icon .ir { background: transparent url('../images/logo2.svg') no-repeat scroll left 22px; width: 30px; height: 100%; }
@media only screen and (max-width: 767px) {
  header .row * { border: medium none ! important; padding: 0px ! important; text-align: center ! important; }
  header nav { font-size: 0.7em; height: 50px; line-height: 50px; margin: 0px 0px 30px; }
  header nav a { top: -20px; }
}
footer {  }
footer .connect { border-top: 1px solid rgb(180, 180, 180); border-bottom: 1px solid rgb(180, 180, 180); font-size: 1.3em; line-height: 1.6em; padding: 35px 0px; }
footer .connect h6 { border-bottom: 1px solid rgb(180, 180, 180); margin-bottom: 12px; padding-bottom: 12px; }

/* ::::: logo unten ::::: */
footer .connect .logo { background: transparent url('../images/logo1.svg') no-repeat scroll 0px 0px; width: 150px; height: 100%; }
footer .connect a { display: block; }
footer .copyright { line-height: 40px; padding: 35px 0px; }
footer .copyright div { width: 45%; }

/* ::::: logo unten mitte ::::: */
footer .copyright .icon { background: transparent url('../images/logo2.svg') no-repeat scroll 0px; margin: 0px auto; width: 40px; height: 40px; }
footer .copyright .icon:hover { cursor: pointer; opacity: 0.5; }
footer .blue-bar { background: rgb(102, 153, 204) none repeat scroll 0% 0%; padding: 15px 0px; width: 100%; }
footer .blue-bar #tetris { background: rgb(170, 170, 170) none repeat scroll 0% 0%; height: 600px; }
footer #pong { margin: 20px auto; text-transform: uppercase; }
footer #pong .text.computer { float: left; text-align: right; width: 45%; }
footer #pong .text.user { float: right; text-align: left; width: 45%; }
footer #pong .slash { font-weight: 300; font-size: 30px; position: relative; margin: 0px 10px; }
footer #pong .win-lose { font-size: 24px; margin-top: 110px; }
@media only screen and (max-width: 1100px) {
  footer .hide { display: none ! important; }
  footer .connect { font-size: 1.1em; line-height: 1.8em; }
}
@media only screen and (max-width: 767px) {
  footer .connect h6 { border-top: 1px solid rgb(180, 180, 180); margin: 20px 0px 10px; padding: 10px 0px; }
  footer .copyright { font-size: 0.7em; }
  footer .copyright div { float: none ! important; text-align: center ! important; width: 100%; }
}
.home { margin: 35px 0px; }
.home .image { color: rgb(255, 255, 255); overflow: hidden; text-align: center; }
.home .image > img, .home .image .overlay, home .image .see-more { display: block; position: absolute; top: 0px; left: 50%; }
.home .image > .overlay { background: rgba(0, 0, 0, 0.4) url('../images/dots.png') repeat scroll center center; display: none; width: 100%; height: 100%; }
.home .image .see-more { cursor: pointer; color: rgb(255, 255, 255); opacity: 0; font-weight: 300; position: relative; text-align: center; top: 25px; width: 100%; height: 100%; z-index: 3; }
.home .feature { padding-bottom: 35px; }
.home .feature .image { display: block; height: 400px; overflow: hidden; position: relative; }
.home .feature .image img, .home .image .overlay { margin-left: -395px; max-width: 790px; width: 790px ! important; }
.home .feature .image .see-more { line-height: 400px; }
.home .feature .image .see-more span.arrow { margin-left: 3px ! important; margin-right: 0px ! important; opacity: 1 ! important; }
.home .feature .description { border-left: 1px solid rgb(180, 180, 180); box-sizing: border-box; overflow: hidden; padding-left: 4.4%; height: 400px; }
.home .feature .description .title, .home .feature .description p { padding-left: 300px; margin-left: -300px; }
.home .feature .description .title { border-bottom: 1px solid rgb(180, 180, 180); margin-top: 70px; padding-bottom: 20px; }
.home .feature .description .title a { color: rgb(17, 17, 17); }
.home .feature .description .title small { font: 1em "Open Sans", sans-serif; }
.home .feature .description p {
	border-bottom: 1px solid rgb(180, 180, 180);
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.4em;
	text-align: left;
}
.home .feature .description .see-more {
	margin-left: 1px;
	text-align: left;
}
.home .secondary { border-top: 1px solid rgb(180, 180, 180); border-bottom: 1px solid rgb(180, 180, 180); padding: 35px; }
.home .secondary .row > div { overflow: hidden; }
.home .secondary .image { position: relative; width: 100%; height: 200px; }
.home .secondary .image > img, .home .secondary .image .see-more { left: 50%; margin-left: -162px; max-width: 324px; padding: 0px; width: 324px ! important; height: 200px; }
.home .secondary .image .see-more { line-height: 200px; }
.home .secondary .image .see-more .arrow { opacity: 1; }
.home .secondary h6 { border-top: 1px solid rgb(180, 180, 180); font-size: 1.5em; margin-top: 25px; padding-top: 20px; }
.home .secondary h6 span { font-size: 2em; font-weight: 100; margin: 0px 5px; position: relative; bottom: -5px; }
.home .secondary h6 small { font: 0.7em "Open Sans", sans-serif; }
.home .press { display: block; padding-top: 35px; }
.home .press .description { border-right: 1px solid rgb(180, 180, 180); box-sizing: border-box; overflow: hidden; padding-right: 4.4%; text-align: right; height: 300px; }
.home .press .description .title, .home .press .description p { padding-right: 300px; margin-right: -300px; }
.home .press .description .title { border-bottom: 1px solid rgb(180, 180, 180); margin-top: 20px; padding-bottom: 20px; }
.home .press .description .title a {
	color: rgb(17, 17, 17);
	text-align: left;
}
.home .press .description p { border-bottom: 1px solid rgb(180, 180, 180); padding-top: 20px; padding-bottom: 20px; font: 1.5em/1.4em "Open Sans", sans-serif; }
.home .press .description .see-more { margin-left: 1px; }
.home .press .image { background: rgb(170, 170, 170) url('../images/press.jpg') no-repeat scroll center center; height: 300px; }
.home .press .image .see-more { line-height: 300px; }
.home .press .image .see-more .arrow { opacity: 1; }
.home .what { border-top: 1px solid rgb(180, 180, 180); cursor: pointer; margin: 35px 0px -35px; overflow: hidden; width: 100%; }
.home .what a { color: rgb(34, 34, 34); display: block; font-weight: 300; padding: 35px 0px; width: 100%; transition: all 150ms linear 0s; }
.home .what a span.arrow { opacity: 1; color: rgb(187, 187, 187); transition: all 150ms linear 0s; }
.home .what a:hover { background: rgb(102, 153, 204) none repeat scroll 0% 0%; color: rgb(255, 255, 255) ! important; }
.home .what a:hover span.arrow { color: rgb(255, 255, 255); right: 0px; margin-left: 7px; }
@media only screen and (max-width: 1100px) {
  .home .secondary { padding: 35px 0px 30px; }
  .home .secondary h6 { padding: 15px 0px; }
  .home .secondary h6 span { display: none; }
  .home .secondary h6 small { display: block; margin-top: 3px; }
  .home .feature .description p, .home .press .description p {
	font-size: 1.2em;
	text-align: left;
}
  .home h1 { font-size: 3.3em; }
  .home h4 { font-size: 1.7em; }
}
@media only screen and (max-width: 767px) {
  .home .feature .image { height: 140px; }
  .home .feature .image img { left: 0px ! important; margin-left: 0px ! important; width: 100% ! important; }
  .home .description { border: medium none ! important; padding: 0px ! important; height: auto ! important; }
  .home .description .title { margin-top: 35px ! important; }
  .home .press { padding-top: 0px; }
  .home .press .description { text-align: left ! important; }
  .home .press .image { display: none; }
  .home .what h1 { font-size: 2.2em; margin-bottom: 0px; }
  .home .what h1 a { padding-left: 5px; padding-right: 5px; }
  .home .what a span.arrow { display: none; }
}
.work {  }
.work .white-fade { background: transparent url('../images/white-overlay.png') repeat-x scroll 0% 0%; opacity: 0; position: fixed; top: -300px; width: 100%; height: 300px; z-index: 99; }
.work .work-menu-container { height: 150px; }
.work .work-menu { background: rgba(0, 0, 0, 0.4) url('../images/dots.png') repeat scroll center center; padding: 20px 0px 0px; }
.work .work-menu.fixed { position: fixed; top: 0px; width: 100%; z-index: 100; }
.work .work-menu h5 {  }
.work .work-menu a { background-position: 10px center; color: rgb(255, 255, 255); display: block; font-weight: 300; font-size: 1.5em; padding-left: 15px; margin: 0px 0px 10px -15px; transition-property: background; }
.work .work-menu a:hover, .work .work-menu a.selected { background: transparent url('../images/arrow-selected.png') no-repeat scroll 0px center; color: rgb(0, 0, 0) ! important; font-weight: 400; position: relative; top: -1px ! important; }
.work .work-menu .bar { color: rgb(255, 255, 255); letter-spacing: 1px; padding-top: 1px; height: 19px; text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.1); }
.work .work-menu .bar .text { display: none; }
.work .work-menu .bar img { display: none; margin: 0px 5px; }
.work .project { position: relative; margin-top: 20px; margin-bottom: 20px; }
.work .project .sidebar { float: right; margin-right: -20px; padding-left: 20px; width: 340px; }
.work .project .sidebar * { opacity: 0; margin: 0px 0px 20px; }
.work .project .sidebar .title { background: transparent url('../images/arrow-left.png') no-repeat scroll left center; font-size: 1.2em; padding-left: 15px; line-height: 12px; letter-spacing: 1px; text-transform: uppercase; }
.work .project .sidebar h5 { font-size: 1.3em; }
.work .project .sidebar p { line-height: 1.5em; }
.work .project .sidebar.fixed { position: fixed; top: 35px; }
.work .project .sidebar.fixed.bottom { position: absolute; }
.work .project .images { float: left; width: 670px; }
.work .project .images .image { background: transparent url('../images/dots.png') repeat scroll center center; margin-bottom: 5px; }
.work .project .images .image img { display: block; margin: 0px auto; }
.work .project .images .separator { margin: 30px 0px 29px; border-top: 1px solid rgb(238, 238, 238); height: 1px; }
@media only screen and (max-width: 1100px) {
  .work .white-fade { display: none; }
  .work .work-menu-container { height: auto ! important; }
  .work .work-menu.fixed { position: static ! important; }
  .work .work-menu .bar * { display: none ! important; }
  .work .project .images, .work .project .sidebar { float: none; margin: 0px ! important; width: 100%; }
  .work .project .sidebar { border-bottom: 1px solid rgb(170, 170, 170); padding: 20px 0px; margin-bottom: 20px ! important; }
  .work .project .sidebar h3 { border-bottom: 1px solid rgb(170, 170, 170); }
  .work .project .sidebar .title { display: none; }
  .work .project .sidebar.fixed { position: static ! important; }
  .work .project .sidebar .back-to-top { display: none; }
  .work .project .images .image { background: transparent none repeat scroll 0% 0%; }
}
@media only screen and (max-width: 767px) {
  .work .work-menu h5 { margin-bottom: 20px; }
}
.autoplatform {  }
.autoplatform p { line-height: 2em; }
.autoplatform .tagline { margin-top: 50px; }
.autoplatform .tagline h1 { font-size: 3em; margin: 0px 0px 30px; padding: 0px; font-weight: 300; }
.autoplatform .tagline p { margin: 10px 0px; }
.autoplatform .horizontal-line { background: transparent url('../images/arrows.svg') no-repeat scroll center 0px; border-bottom: 1px solid rgb(180, 180, 180); margin: 0px auto; width: 40%; height: 4px; }
.autoplatform .horizontal-line.down { background-position: center -12px; border-top: 1px solid rgb(180, 180, 180); border-bottom: medium none; }
.autoplatform .capabilities { border-top: 1px solid rgb(180, 180, 180); border-bottom: 1px solid rgb(180, 180, 180); overflow: hidden; padding: 40px 0px 0px; }
.autoplatform .capabilities .titles h4 { border-bottom: 1px solid rgb(180, 180, 180); margin-right: -20.5%; padding-right: 20.5%; margin-bottom: 20px; padding-bottom: 10px; }
.autoplatform .capabilities .titles h6 a.selected { color: rgb(27, 159, 220) ; }
.autoplatform .capabilities .line { background: transparent url('../images/arrows.svg') no-repeat scroll 0px 58px; border-right: 1px solid rgb(180, 180, 180); left: -4px; position: relative; width: 4px; height: 400px; }
.autoplatform .capabilities .descriptions { margin: 50px 0px 0px; overflow: hidden; float: right; width: 69.6%; }
.autoplatform .capabilities .descriptions, .autoplatform .capabilities .descriptions .description { height: 400px; }
.autoplatform .capabilities p { line-height: 2em; }
.position svg, .concept svg, .endure svg {  }
.autoplatform .process h4 { border-bottom: 1px solid rgb(180, 180, 180); margin: 30px 0px 0px; padding-bottom: 10px; }
.autoplatform .process .icons { margin: 35px auto; position: relative; }
.autoplatform .process .icons .circle { background: transparent url('../images/blue-circle.svg') no-repeat scroll center center / 75px 75px; position: absolute; margin-left: -1px; top: -5px; left: 1px; width: 16.6667%; height: 75px; }
.autoplatform .process .icons .icon { border-left: 1px solid rgb(180, 180, 180); box-sizing: border-box; cursor: pointer; position: relative; float: left; width: 16.6667%; z-index: 999; }
.autoplatform .process .icons .icon.learn { border: 0px none; }
.autoplatform .process .icons .icon .image { margin: 0px auto; width: 65px; height: 65px; }
.autoplatform .process .icons .icon .image path { fill: rgb(170, 170, 170); }
.autoplatform .process .icons .icon .image line, .autoplatform .process .icons .icon .image rect { stroke: rgb(170, 170, 170); }
.autoplatform .process .icons .icon:hover .image path { fill: rgb(51, 51, 51); }
.autoplatform .process .icons .icon:hover .image line, .autoplatform .process .icons .icon:hover .image rect { stroke: rgb(51, 51, 51); }
.autoplatform .process .icons .icon.selected .image path { fill: rgb(51, 51, 51); }
.autoplatform .process .icons .icon.selected .image line, .autoplatform .process .icons .icon.selected .image rect { stroke: rgb(51, 51, 51); }
.autoplatform .process .icons h6 { color: rgb(85, 85, 85); font-size: 1.4em; letter-spacing: 1px; margin: 10px 0px 5px; text-transform: uppercase; }
.autoplatform .process .horizontal-line { margin-bottom: 20px; }
.autoplatform .process .descriptions { margin-bottom: 35px; overflow: hidden; }
.autoplatform .process .descriptions, .autoplatform .process .descriptions .description { height: 40px; }
@media only screen and (max-width: 1110px) {
  .autoplatform p { font-size: 1.3em; }
  .autoplatform .tagline h1 { font-size: 4em; }
  .autoplatform .capabilities { padding: 45px 0px 0px; }
  .autoplatform .capabilities h6 { font-size: 1.23em; }
  .autoplatform .process .descriptions .description p { font-size: 1.1em; }
}
@media only screen and (max-width: 767px) {
  .autoplatform .tagline h1 { font-size: 1.3em; }
  .autoplatform .tagline p { font-size: 1em; }
  .autoplatform .capabilities .titles { text-align: left; }
  .autoplatform .capabilities .titles h4 { margin-right: 0px; padding-right: 0px; }
  .autoplatform .capabilities .descriptions, .autoplatform .capabilities .descriptions .description { height: 450px; }
  .autoplatform .process .icons .icon { border: 0px none; margin-bottom: 20px; width: 33.3333%; }
  .autoplatform .process .icons .icon h6 { font-size: 1em; }
  .autoplatform .process .descriptions, .autoplatform .process .descriptions .description { height: 80px; }
}
.contact { margin: 40px 0px 30px; }
.contact h3 { border-bottom: 1px solid rgb(170, 170, 170); margin-bottom: 30px; padding-bottom: 15px; }
.contact h5 { border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 5px; margin-bottom: 30px; }
.contact .person { margin-top: 5px; margin-bottom: 40px; }
.contact .person img { float: left; margin-right: 10px; }
.contact .person p { color: rgb(170, 170, 170); margin: 0px 0px 5px; font-style: italic; font-size: 12px; }
.contact form {  }
.contact form h5 { margin-bottom: 40px; }
.contact form .response {  }
.contact form .response p { line-height: 1.5em; }
.contact form label { display: block; margin-top: 20px; }
.contact form input.text, .contact form textarea { border-width: medium medium 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(170, 170, 170); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; outline: medium none; width: 100%; }
.contact form input.text:focus, .contact form textarea:focus { border-color: rgb(0, 0, 0); }
.contact form input.text { font-size: 1.6em; }
.contact form textarea { font-size: 1.3em; line-height: 1.3em; }
.contact form input.submit { background: transparent none repeat scroll 0% 0%; border: medium none; cursor: pointer; display: block; font-size: 1.3em; margin-top: 10px; padding: 10px 1px; text-align: left; width: 101%; }
.contact form input.submit:hover { background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 10px; transition: all 150ms linear 0s; }
.contact .secondary { border-top: 1px solid rgb(180, 180, 180); margin: 40px 0px 50px; padding-top: 40px; }
.contact .secondary p { line-height: 2em; margin: 0px; }
.contact .secondary h3.second { margin-top: 30px; }
.contact .secondary .collaborators .row { margin: 0px; padding: 0px; }
.contact .secondary .inquiries p, .contact .secondary .collaborators p { font-size: 1.3em; }
@media only screen and (max-width: 1110px) {
  .contact h6 { font-size: 1.3em; }
  .contact .secondary h3 { margin-top: 30px; }
  .contact .secondary p, .contact .secondary .collaborators p { font-size: 1.1em; }
  .contact form input, .contact form textarea { border-radius: 0px; padding: 0px; }
}
@media only screen and (max-width: 767px) {
  .contact h6 { font-size: 1em; }
  .contact form input, .contact form textarea { border-radius: 0px; padding: 0px; }
}
.jobs { overflow: hidden; padding-bottom: 50px; }
.jobs p { line-height: 1.4em; }
.jobs h6 { border-bottom: 1px solid rgb(170, 170, 170); padding-bottom: 5px; color: rgb(0, 0, 0); margin: 35px 0px 20px; }
.jobs ul { list-style-type: disc; margin: 0px 0px 0px 15px; }
@media only screen and (max-width: 767px) {
  .jobs p { font-size: 15px ! important; }
  .jobs .five { margin-top: 50px; }
}
.blog { margin-top: 50px; }
.blog .post { border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 50px; margin-bottom: 50px; }
.blog .post h3 { color: rgb(119, 119, 119); border-bottom: 1px solid rgb(180, 180, 180); padding-bottom: 10px; }
.blog .post img { margin: 20px 0px; width: 100%; height: auto; }
.blog .post p { font-size: 1em; line-height: 1.7em; }
.blog .post .row { margin: 0px; padding: 0px; }
.blog .info { border-top: 1px solid rgb(180, 180, 180); font-size: 1.3em; margin-top: 50px ! important; }
.blog .info div { border-left: 1px solid rgb(180, 180, 180); box-sizing: border-box; text-align: center; }
.blog .info div:first-child { border: medium none; }
.blog .info div a { display: block; padding: 20px 0px; }
.blog #pagination { font-size: 1.6em; margin-bottom: 50px; text-align: center; }
.blog #pagination .current, .blog #pagination .slash, .blog #pagination .total { margin: 0px 5px; }
.blog #pagination .past { margin-right: 10px; }
.blog #pagination .past .arrow { font-size: 14px; margin-right: 5px; vertical-align: top; }
.blog #pagination .past:hover .arrow { right: 0px ! important; left: -2px ! important; }
.blog #pagination .future { margin-left: 10px; }
.blog #pagination .future .arrow { font-size: 11px; margin-left: 4px; margin-top: -1px; vertical-align: middle; }
@media only screen and (max-width: 767px) {
  .blog .info div { border-top: 1px solid rgb(180, 180, 180); border-left: 0px none; text-align: left; }
  .blog #pagination .past .arrow { vertical-align: middle; }
}
.four-o-four { margin: 60px 0px; }
.four-o-four h3 { margin-bottom: 10px; }
.four-o-four h6 { border-bottom: 1px solid rgb(170, 170, 170); margin-bottom: 15px; padding-bottom: 15px; }
.four-o-four .images { margin-top: 30px; }


#basic-modal-content { display: none; }
#simplemodal-overlay { background-color: rgb(0, 0, 0); }
#simplemodal-container { height: 524px; width: 915px; color: rgb(187, 187, 187); background-color: rgb(0, 0, 0); padding: 0px; }
#simplemodal-container .simplemodal-data { padding: 0px; }
#simplemodal-container code { background: rgb(20, 20, 20) none repeat scroll 0% 0%; border-left: 3px solid rgb(101, 180, 61); color: rgb(187, 187, 187); display: block; font-size: 12px; margin-bottom: 12px; padding: 4px 6px 6px; }
#simplemodal-container a { color: rgb(221, 221, 221); }
#simplemodal-container a.modalCloseImg { background: transparent url('../images/x.png') no-repeat scroll 0% 0%; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -16px; cursor: pointer; }
#simplemodal-container h3 { color: rgb(132, 184, 217); }
#modalLogo { margin-top: 15px; text-align: center; margin-bottom: 25px; }
#modalWelcome { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; color: rgb(255, 255, 255); font-size: 18px; text-align: left; margin-left: 40px; }
#modalText { font-family: "Courier New",Courier,monospace; font-size: 12px; font-weight: 700; text-align: left; margin-left: 40px; color: rgb(255, 255, 255); margin-right: 40px; margin-top: 15px; line-height: 23px; }
#modalContinue { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; color: rgb(255, 255, 255); font-size: 12px; text-align: left; margin-left: 40px; margin-top: 35px; }
#modalBest { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; color: rgb(255, 255, 255); font-size: 14px; text-align: left; margin-left: 569px; margin-top: -20px; line-height: 18px; }
@media only screen and (min-width: 320px) and (max-width: 730px) {
  #modalLogo img { width: 200px; margin-bottom: 25px; }
  #modalContinue { display: none; }
  #simplemodal-container { height: 350px; width: 320px; color: rgb(187, 187, 187); background-color: rgb(0, 0, 0); padding: 12px; }
  #modalBest { margin-left: 40px; margin-top: 20px; }
}
@media only screen and (min-width: 731px) and (max-width: 1199px) {
  #simplemodal-container { height: 700px; width: 700px; color: rgb(187, 187, 187); background-color: rgb(0, 0, 0); padding: 12px; }
  #modalBest { margin-left: 450px; }
}


/* ::::: gallery css ::::: */
#inner_content {
	float:left;
	overflow:hidden;
	margin-bottom:10px;
}
@media only screen and (min-width: 320px) and (max-width: 730px) {
	#inner_content {
		width:100% !important;
		margin-bottom:10px;
	}
}