/*!
 * Bootstrap v2.0.3
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover,
a:active {
    outline: 0;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}
button,
input {
    *overflow: visible;
    line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    background-color: #ffffff;
}
a {
    color: #0088cc;
    text-decoration: none;
}
a:hover {
    color: #005580;
    text-decoration: underline;
}
.row {
    margin-left: -20px;
    *zoom: 1;
}
.row:before,
.row:after {
    display: table;
    content: "";
}
.row:after {
    clear: both;
}
[class*="span"] {
    float: left;
    margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1000px;
}
.span12 {
    width: 980px;
}
.span11 {
    width: 860px;
}
.span10 {
    width: 780px;
}
.span9 {
    width: 700px;
}
.span8 {
    width: 620px;
}
.span7 {
    width: 540px;
}
.span6 {
    width: 460px;
}
.span5 {
    width: 380px;
}
.span4 {
    width: 270px;
    margin-right: 50px;
}
.span3 {
    width: 220px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 58px;
}
.offset12 {
    width: 940px;
}
.offset11 {
    width: 860px;
}
.offset10 {
    width: 780px;
}
.offset9 {
    width: 700px;
}
.offset8 {
    width: 620px;
}
.offset7 {
    width: 540px;
}
.offset6 {
    width: 460px;
}
.offset5 {
    width: 380px;
}
.offset4 {
    width: 300px;
}
.offset3 {
    width: 220px;
}
.offset2 {
    width: 140px;
}
.offset1 {
    width: 60px;
}
.row-fluid {
    width: 100%;
    *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12765957%;
    *margin-left: 2.07446808%;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .span12 {
    width: 99.99999999%;
    *width: 99.9468085%;
}
.row-fluid .span11 {
    width: 91.48936169%;
    *width: 91.4361702%;
}
.row-fluid .span10 {
    width: 82.9787234%;
    *width: 82.92553191%;
}
.row-fluid .span9 {
    width: 74.4680851%;
    *width: 74.41489361%;
}
.row-fluid .span8 {
    width: 65.9574468%;
    *width: 65.90425531%;
}
.row-fluid .span7 {
    width: 57.4468085%;
    *width: 57.39361702%;
}
.row-fluid .span6 {
    width: 48.93617021%;
    *width: 48.88297872%;
}
.row-fluid .span5 {
    width: 40.42553191%;
    *width: 40.37234042%;
}
.row-fluid .span4 {
    width: 31.91489361%;
    *width: 31.86170212%;
}
.row-fluid .span3 {
    width: 23.40425532%;
    *width: 23.35106383%;
}
.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.84042553%;
}
.row-fluid .span1 {
    width: 6.38297872%;
    *width: 6.32978723%;
}
.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
.container:before,
.container:after {
    display: table;
    content: "";
}
.container:after {
    clear: both;
}
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
    display: table;
    content: "";
}
.container-fluid:after {
    clear: both;
}
p {
    margin: 0 0 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
}
p small {
    font-size: 11px;
    color: #999999;
}
.lead {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 200;
    line-height: 27px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    color: #999999;
}
h1 {
    font-size: 30px;
    line-height: 36px;
}
h1 small {
    font-size: 18px;
}
h2 {
    font-size: 24px;
    line-height: 36px;
}
h2 small {
    font-size: 18px;
}
h3 {
    font-size: 18px;
    line-height: 27px;
}
h3 small {
    font-size: 14px;
}
h4,
h5,
h6 {
    line-height: 18px;
}
h4 {
    font-size: 14px;
}
h4 small {
    font-size: 12px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 11px;
    color: #999999;
    text-transform: uppercase;
}
.page-header {
    padding-bottom: 17px;
    margin: 18px 0;
    border-bottom: 1px solid #eeeeee;
}
.page-header h1 {
    line-height: 1;
}
ul,
ol {
    padding: 0;
    margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li {
    line-height: 18px;
}
ul.unstyled,
ol.unstyled {
    margin-left: 0;
    list-style: none;
}
dl {
    margin-bottom: 18px;
}
dt,
dd {
    line-height: 18px;
}
dt {
    font-weight: bold;
    line-height: 17px;
}
dd {
    margin-left: 9px;
}
.dl-horizontal dt {
    float: left;
    width: 120px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-horizontal dd {
    margin-left: 130px;
}
hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
.muted {
    color: #999999;
}
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #ddd;
}
abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eeeeee;
}
blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22.5px;
}
blockquote small {
    display: block;
    line-height: 18px;
    color: #999999;
}
blockquote small:before {
    content: '\2014 \00A0';
}
blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
}
address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px;
}
small {
    font-size: 100%;
}
cite {
    font-style: normal;
}
.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -ms-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -ms-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
.collapse.in {
    height: auto;
}
.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
}
.nav > li > a {
    display: block;
}
.nav > li > a:hover {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav > .pull-right {
    float: right;
}
.nav .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
.nav li + .nav-header {
    margin-top: 9px;
}
.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
    padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #0088cc;
}
.nav-list [class^="icon-"] {
    margin-right: 2px;
}
.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
    *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
    display: table;
    content: "";
}
.nav-tabs:after,
.nav-pills:after {
    clear: both;
}
.nav-tabs > li,
.nav-pills > li {
    float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    color: #ffffff;
    background-color: #0088cc;
}
.nav-stacked > li {
    float: none;
}
.nav-stacked > li > a {
    margin-right: 0;
}
.nav-tabs.nav-stacked {
    border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
    border-color: #ddd;
    z-index: 2;
}
.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.nav-pills .dropdown-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
    margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
    border-top-color: #333333;
    border-bottom-color: #333333;
}
.nav > .dropdown.active > a:hover {
    color: #000000;
    cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
    border-color: #999999;
}
.tabbable {
    *zoom: 1;
}
.tabbable:before,
.tabbable:after {
    display: table;
    content: "";
}
.tabbable:after {
    clear: both;
}
.tab-content {
    overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}
.tab-content > .active,
.pill-content > .active {
    display: block;
}
.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}
.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
    margin-bottom: 18px;
}
.navbar-inner {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
}
.nav-collapse.collapse {
    height: auto;
}
.navbar {
    color: #999999;
}
.navbar .brand:hover {
    text-decoration: none;
}
.navbar .brand {
    float: left;
    display: block;
    padding: 8px 20px 12px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: #999999;
}
.navbar .navbar-text {
    margin-bottom: 0;
    line-height: 40px;
}
.navbar .navbar-link {
    color: #999999;
}
.navbar .navbar-link:hover {
    color: #ffffff;
}
.navbar .btn,
.navbar .btn-group {
    margin-top: 5px;
}
.navbar .btn-group .btn {
    margin: 0;
}
.navbar-form {
    margin-bottom: 0;
    *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
    display: table;
    content: "";
}
.navbar-form:after {
    clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
    margin-top: 5px;
}
.navbar-form input,
.navbar-form select {
    display: inline-block;
    margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
    margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
    margin-top: 0;
}
.navbar-search {
    position: relative;
    float: left;
    margin-top: 6px;
    margin-bottom: 0;
}
.navbar-search .search-query {
    padding: 4px 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #ffffff;
    background-color: #626262;
    border: 1px solid #151515;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .15);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.navbar-search .search-query:-moz-placeholder {
    color: #cccccc;
}
.navbar-search .search-query::-webkit-input-placeholder {
    color: #cccccc;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
    padding: 5px 10px;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    outline: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1000px;
}
.navbar-fixed-top {
    top: 0;
}
.navbar-fixed-bottom {
    bottom: 0;
}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
    float: right;
}
.navbar .btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin: 5px 5px 6px;
    line-height: 18px;
}
.navbar .btn-group {
    margin: 0;
    padding: 5px 5px 6px;
}
.navbar .nav > li > a:hover {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #222222;
}
.navbar .divider-vertical {
    height: 40px;
    width: 1px;
    margin: 0 9px;
    overflow: hidden;
    background-color: #222222;
    border-right: 1px solid #333333;
}
.navbar .nav.pull-right {
    margin-left: 10px;
    margin-right: 0;
}
.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222222;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    background-color: #222222;
    *background-color: #151515;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
    background-color: #080808 \9;
}
.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
}
.navbar .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}
.navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}
.navbar-fixed-bottom .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto;
}
.navbar-fixed-bottom .dropdown-menu:after {
    border-top: 6px solid #ffffff;
    border-bottom: 0;
    bottom: -6px;
    top: auto;
}
.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar .nav li.dropdown.active .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
    color: #ffffff;
}
.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.navbar .pull-right .dropdown-menu:before,
.navbar .dropdown-menu.pull-right:before {
    left: auto;
    right: 12px;
}
.navbar .pull-right .dropdown-menu:after,
.navbar .dropdown-menu.pull-right:after {
    left: auto;
    right: 13px;
}
/*!



 * Bootstrap Responsive v2.0.3



 *



 * Copyright 2012 Twitter, Inc



 * Licensed under the Apache License v2.0



 * http://www.apache.org/licenses/LICENSE-2.0



 *



 * Designed and built with all the love in the world @twitter by @mdo and @fat.



 */

.hidden {
    display: none;
    visibility: hidden;
}
.visible-phone {
    display: none !important;
}
.visible-tablet {
    display: none !important;
}
.hidden-desktop {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }
    .hidden-phone {
        display: none !important;
    }
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .visible-tablet {
        display: inherit !important;
    }
    .hidden-tablet {
        display: none !important;
    }
    .hidden-desktop {
        display: inherit !important;
    }
    .visible-desktop {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .nav-collapse {
        -webkit-transform: translate3d(0, 0, 0);
    }
    .page-header h1 small {
        display: block;
        line-height: 18px;
    }
    input[type="checkbox"],
    input[type="radio"] {
        border: 1px solid #ccc;
    }
    .form-horizontal .control-group > label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }
    .form-horizontal .controls {
        margin-left: 0;
    }
    .form-horizontal .control-list {
        padding-top: 0;
    }
    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px;
    }
    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
    }
    .modal.fade.in {
        top: auto;
    }
    .modal-header .close {
        padding: 10px;
        margin: -10px;
    }
    .carousel-caption {
        position: static;
    }
}
@media (max-width: 767px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        margin-left: -20px;
        margin-right: -20px;
    }
    .container-fluid {
        padding: 0;
    }
    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left;
    }
    .dl-horizontal dd {
        margin-left: 0;
    }
    .container {
        width: auto;
    }
    .row-fluid {
        width: 100%;
    }
    .row,
    .thumbnails {
        margin-left: 0;
    }
    [class*="span"],
    .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: auto;
        margin-left: 0;
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"],
    .uneditable-input {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .input-prepend input,
    .input-append input,
    .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .row {
        margin-left: -20px;
        *zoom: 1;
    }
    .row:before,
    .row:after {
        display: table;
        content: "";
    }
    .row:after {
        clear: both;
    }
    [class*="span"] {
        float: left;
        margin-left: 20px;
    }
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px;
    }
    .span12 {
        width: 724px;
    }
    .span11 {
        width: 662px;
    }
    .span10 {
        width: 600px;
    }
    .span9 {
        width: 538px;
    }
    .span8 {
        width: 476px;
    }
    .span7 {
        width: 414px;
    }
    .span6 {
        width: 352px;
    }
    .span5 {
        width: 290px;
    }
    .span4 {
        width: 228px;
    }
    .span3 {
        width: 166px;
    }
    .span2 {
        width: 104px;
    }
    .span1 {
        width: 42px;
    }
    .offset12 {
        width: 724px;
    }
    .offset11 {
        width: 662px;
    }
    .offset10 {
        width: 600px;
    }
    .offset9 {
        width: 538px;
    }
    .offset8 {
        width: 476px;
    }
    .offset7 {
        width: 414px;
    }
    .offset6 {
        width: 352px;
    }
    .offset5 {
        width: 290px;
    }
    .offset4 {
        width: 228px;
    }
    .offset3 {
        width: 166px;
    }
    .offset2 {
        width: 104px;
    }
    .offset1 {
        width: 42px;
    }
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }
    .row-fluid:before,
    .row-fluid:after {
        display: table;
        content: "";
    }
    .row-fluid:after {
        clear: both;
    }
    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.76243094%;
        *margin-left: 2.70923945%;
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .row-fluid .span12 {
        width: 99.99999999%;
        *width: 99.9468085%;
    }
    .row-fluid .span11 {
        width: 91.43646408%;
        *width: 91.38327259%;
    }
    .row-fluid .span10 {
        width: 82.87292817%;
        *width: 82.81973668%;
    }
    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077%;
    }
    .row-fluid .span8 {
        width: 65.74585635%;
        *width: 65.69266486%;
    }
    .row-fluid .span7 {
        width: 57.18232044%;
        *width: 57.12912895%;
    }
    .row-fluid .span6 {
        width: 48.61878453%;
        *width: 48.56559304%;
    }
    .row-fluid .span5 {
        width: 40.05524862%;
        *width: 40.00205713%;
    }
    .row-fluid .span4 {
        width: 31.49171271%;
        *width: 31.43852122%;
    }
    .row-fluid .span3 {
        width: 22.92817679%;
        *width: 22.8749853%;
    }
    .row-fluid .span2 {
        width: 14.36464088%;
        *width: 14.31144939%;
    }
    .row-fluid .span1 {
        width: 5.80110497%;
        *width: 5.74791348%;
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }
    .input12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 714px;
    }
    .input11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 652px;
    }
    .input10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 590px;
    }
    .input9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 528px;
    }
    .input8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 466px;
    }
    .input7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 404px;
    }
    .input6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 342px;
    }
    .input5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 280px;
    }
    .input4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 218px;
    }
    .input3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 156px;
    }
    .input2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 94px;
    }
    .input1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 32px;
    }
}
@media (max-width: 767px) {
    body {
        padding-top: 0;
    }
    .navbar-fixed-top {
        position: static;
        margin-bottom: 18px;
    }
    .navbar-fixed-top .navbar-inner {
        padding: 5px;
    }
    .navbar .container {
        width: auto;
        padding: 0;
    }
    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 9px;
    }
    .nav-collapse .nav > li {
        float: none;
    }
    .nav-collapse .nav > li > a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
        display: none;
    }
    .nav-collapse .nav .nav-header {
        color: #999999;
        text-shadow: none;
    }
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 6px 15px;
        font-weight: bold;
        color: #999999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #222222;
    }
    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0;
    }
    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: block;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }
    .nav-collapse .dropdown-menu .divider {
        display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
        float: none;
        padding: 9px 15px;
        margin: 9px 0;
        border-top: 1px solid #222222;
        border-bottom: 1px solid #222222;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    }
    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        overflow: hidden;
        height: 0;
    }
    .navbar .btn-navbar {
        display: block;
    }
    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 768px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.invisible {
    visibility: hidden;
}
/*



 * jQuery FlexSlider v2.0



 * http://www.woothemes.com/flexslider/



 *



 * Copyright 2012 WooThemes



 * Free to use under the GPLv2 license.



 * http://www.gnu.org/licenses/gpl-2.0.html



 *



 * Contributing author: Tyler Smith (@mbmufffin)



 */
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles



*********************************/

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you



 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
a:active,
a:focus,
a:hover,
a:selected,
a:visited {
    border: none;
    color: #9e9e9e;
    outline: none;
}
body {
    background:#202840;
    color: #eaeaea;
    height: 100%;
}
footer {
    margin-top: 40px;
}
footer img {
    cursor: pointer;
    display: block;
    height: 72px;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 327px;
}
h1,
h2,
h3 {
    color: #C86233;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
h3 {
    color: #eaeaea;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    /* text-transform: uppercase; */
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 400;
}
li {
    color: #eaeaea;
}
a,
li,
p,
ul {
    color: #eaeaea;
    font-size: 14px;
    /*font-family: "ff-din-web-pro", sans-serif;*/

    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
p {
    letter-spacing: 1px;
    line-height: 22px;
}
section {
    padding-top: 60px;
}
ul,
ol {
    list-style-type: none;
    margin: 0;
}
.relative {
    position: relative;
}
.remove-left-margin {
    margin-left: 0;
}
.fixed {
    position: fixed;
}
.red {
    color: #C86233;
}
.flexslider {
    background: none;
    border: none;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.section-header {
    padding-bottom: 40px;
}
.section-header h1 {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 18px;
    padding-left: 2px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: bold;
}
.section-header .title-bar {
    background-color: #7f7f7f;
    display: block;
    height: 1px;
    margin: 0 auto 12px auto;
    width: 60px;
}
#blueprints {
    background-image: url('../img/blueprints3.svg');
    background-position: center top;
    background-size: auto 150%;
}
#ipad_spacer {
    display: none;
    height: 1px;
    width: 100%;
}
#arrow_icons {
    bottom: 0;
    padding: 16px;
    position: fixed;
    right: 0;
    width: 35px;
    z-index: 1000;
}
#pact_icons {
    bottom: 0;
    padding: 16px;
    position: absolute;
    right: 5%;
    width: 100px;
    z-index: 1000;
}
#keyboard_icons {
    bottom: 0;
    padding: 16px;
    position: fixed;
    right: 10px;
    width: 42px;
    z-index: 1000;
}
#keyboard_icons .key {
    background: #232323;
    height: 9px;
    margin: 1px;
    width: 12px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#keyboard_icons .key.active {
    background: #333333;
}
#keyboard_icons #down,
#keyboard_icons #left,
#keyboard_icons #right {
    float: left;
}
#keyboard_icons #horizontal {
    height: 11px;
    margin: 0 auto;
    width: 42px;
}
#keyboard_icons #up {
    margin: 1px auto;
}
#loading {
    background-color: #1c1c1c;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000;
}
#spacer {
    height: 54px;
}
.navbar {
    left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99999;
    -webkit-backface-visibility: hidden;
}
.navbar .brand {
    color: #ffffff;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0 70px;
    position: relative;
    width: 400px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    /*Jojo change font size and family for Logo*/

    font-family: IrisUPC;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 58px;
}
.navbar .brand img:last-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar .brand .logo {
    bottom: 0;
    top: 0;
    height: 45px;
    left: 0;
    margin: 5px 15px;
    position: absolute;
    width: 42px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.navbar .brand:hover {
    color: #eaeaea;
}
.navbar .brand:hover img:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar .brand:hover img:last-child {
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar .btn-navbar,
.navbar .btn-navbar:hover {
    background: #1c1c1c;
    cursor: pointer;
    float: none;
    height: 15px;
    margin: 13px auto;
    padding: 0;
    width: 15px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .btn-navbar img,
.navbar .btn-navbar:hover img {
    height: 15px;
    width: 15px;
    position: absolute;
}
.navbar .nav > li {
    display: block;
    text-align: left;
    float: left;
    padding: 0px 10px 0px 10px;
}
.navbar .nav > li > a {
    color: #f0f0f0;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 58px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-family: "DIN Pro";
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
}
.navbar .nav > li > a:hover {
    color: #eaeaea;
}
.navbar .nav > li > a.last {
    padding-right: 0;
}
.navbar .nav > li > a.active {
    /*color: #eaeaea;*/

    color: #ffffff;
}
.navbar .nav > #nav-strip {
    -webkit-transition: left 0.2s ease-in;
    -moz-transition: left 0.2s ease-in;
    -ms-transition: left 0.2s ease-in;
    -o-transition: left 0.2s ease-in;
    transition: left 0.2s ease-in;
    /*background: #C86233;*/

    background: #C86233;
    display: none;
    height: 4px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    top: 0;
    width: 60px;
}
.navbar .nav > #nav-strip[pos="1"] {} .navbar .nav > #nav-strip[pos="2"] {
    left: 65px;
}
.navbar .nav > #nav-strip[pos="3"] {
    left: 135px;
}
.navbar .nav > #nav-strip[pos="4"] {
    left: 210px;
}
.navbar .navbar-inner {
    background-color: #1c1c1c;
    background-color: rgba(70, 81, 100, 0.5);
    background-image: none;
    /* border-bottom: 1px solid #232323; */
    height: 54px;
    /* edit teguh*/
    /* height:65px; */

    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background-color 0.5s ease-in;
    -moz-transition: background-color 0.5s ease-in;
    -ms-transition: background-color 0.5s ease-in;
    -o-transition: background-color 0.5s ease-in;
    transition: background-color 0.5s ease-in;
}
.navbar .navbar-inner.solid {
    background-color: #202637;
}
.navbar-fixed-top {
    position: fixed;
    left: 0;
    right: 0;
    margin-bottom: 0;
    z-index: 1030;
}
.navbar-fixed-top .navbar-inner {
    padding: 0;
}
#home {
    position: relative;
}
#home img.full-height {
    height: 100%;
    width: auto;
    max-width: none;
}
#home img.full-width {
    width: 100%;
    height: auto;
}
#home .flex-control-nav {
    bottom: auto;
    /* jojo add change



 margin-top: 106px;*/

    margin-top: 75px;
    top: 50%;
}
#home .flex-control-paging li {
    margin: 0 3px;
}
#home .flex-control-paging li a {
    background: none;
    border: 1px solid #eaeaea;
    height: 6px;
    margin: 0;
    width: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#home .flex-control-paging li a.flex-active {
    background: #eaeaea;
}
#home .image {
    overflow: hidden;
}
#home .image,
#home .slides,
#home .slides > li {
    height: 100%;
}
#home .logo {
    display: none;
}
#home .slides > li {
    position: relative;
}
#home .content {
    height: 240px;
    margin-top: -120px;
    position: absolute;
    top: 50%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
#home .content .titles h3,
#home .content .titles h4 {
    color: #eaeaea;
    font-weight: normal;
    text-align: center;
    /* -- jojo disable uppercase text --



  text-transform: uppercase;*/

    -webkit-font-smoothing: antialiased;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: bold;
}
#home .content .titles h3 {
    font-size: 115px;
    /*jojo change text format



  letter-spacing: 5px;



  */

    letter-spacing: 10px;
    line-height: 105px;
    padding-top: 10px;
}
#home .content .titles h4 {
    font-size: 26px;
    letter-spacing: 5px;
    line-height: 10px;
    margin-top: -3px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding-top: 25px;
    font-weight: 400;
    /*jojo add custom font







  text-transform:uppercase;*/
}
#home .content .top-bar {
    background-color: #eaeaea;
    color: #eaeaea;
    height: 5px;
    left: 50%;
    margin-left: -45px;
    margin-top: -120px;
    position: absolute;
    top: 50%;
    width: 90px;
    z-index: 1000;
}
#about .banner {
    /*Jojo change bg color and border for About Us module slide*/

    background-color: #202840;
    /*background-color: #1c1c1c;



  border-bottom: 1px solid #232323;



  border-top: 1px solid #232323;*/

    display: none;
    height: 475px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 60px;
    width: 100%;
}
#about .section-header h1 {
    padding-left: 4px;
}
#about #about_menu {
    margin-top: 8px;
    position: relative;
    z-index: 999;
}
#about #about_menu ul {
    list-style-type: none;
    margin: 0;
    text-align: center;
}
#about #about_menu ul li {
    background-color: #343a53;
    border-right-style: none !important;
    color: #ffffff;
    cursor: pointer;
    height: 35px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 32px;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #232323;
    font-family: DIN Pro;
    font-style: normal;
    font-weight: bold;
}
#about #about_menu ul li span {
    color: #7f7f7f;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-right: 1px;
}
#about #about_menu ul li:last-child {
    border-right-style: solid !important;
}
#about #about_menu ul li:hover {
    color: #1c1c1c;
    background-color: #a0a4b3;
    /* border: 1px solid #aa4455; */
}
#about #about_menu ul li.active {
    color: #eaeaea !important;
    cursor: default;
    background-color: #343a53;
    border: 1px solid #282828;
}
#about #about_menu ul li.active span {
    color: #C86233 !important;
}
#about #states_list {
    display: none;
    height: 70px;
    width: 100%;
    /*background-color: #232323;



  border: 1px solid #282828;*/

    border-left: none;
    border-right: none;
    border-top: none;
}
#about #states_list ul {
    clear: left;
    list-style-type: none;
    text-align: center;
}
#about #states_list ul li {
    color: #eaeaea;
    -webkit-transition: color 0.1s ease-in;
    -moz-transition: color 0.1s ease-in;
    -ms-transition: color 0.1s ease-in;
    -o-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-size: 24px;
    line-height: 70px;
    list-style: none;
    padding: 0 25px;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#about #states_list ul li:hover,
#about #states_list ul .active {
    color: #C86233;
    cursor: pointer;
}
#about #what_module h2,
#about #what_module h3 {
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    font-family: "DIN Pro";
    font-style: normal;
    font-weight: 400;
}

#about #who_module h2,
#about #who_module h3 {
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    font-family: "DIN Pro";
    font-style: normal;
    font-weight: 400;
}

#about #where_module h2,
#about #where_module h3 {
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    font-family: "DIN Pro";
    font-style: normal;
    font-weight: 400;
}

#about #what_module h2 {
    padding-bottom: 43px;
    color: #C86233;
}
#about #where_module {
    padding-top: 20px;
}
#about #where_module .jqvmap-region {
    cursor: default;
}
#about #where_module #vmap {
    height: 400px;
    margin: 0 auto;
    width: 600px;
}
#about #where_module,
#about #who_module {
    display: none;
}
#about #who_module #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#about #who_module #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#about #who_module #bios h4,
#about #who_module #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#about #who_module #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#about #who_module #bios .cv {
    background-color: #1c1c1c;
    color: #7F7F7F;
    cursor: pointer;
    float: right;
    height: 28px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #232323;
    font-family: "ff-din-web-pro", sans-serif;
    font-style: normal;
    font-weight: 600;
}
#about #who_module #bios .cv:hover {
    color: #1c1c1c;
    background-color: #C86233;
    border: 1px solid #aa4455;
}
#about #who_module #bios .cv.cv-nrb {
    border-right-style: none !important;
}
#about #who_module #bios .slides {
    left: 0;
}
#about #who_module #bios .slides,
#about #who_module #bios .slides > li {
    /* Module slide height setting*/

    height: 300px;
}
#about #who_module #thumbnails {
    text-align: center;
}
#about #who_module #thumbnails ul {
    margin: 60px 0 20px;
}
#about #who_module #thumbnails ul li {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    height: 140px;
    margin-right: 20px;
    position: relative;
    width: 140px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#about #who_module #thumbnails ul li img {
    background: white;
    cursor: pointer;
    max-width: 100%;
    height: 140px;
    width: 140px;
}
#about #who_module #thumbnails ul li.active {
    opacity: 1;
    filter: alpha(opacity=100);
}
#about #who_module #thumbnails ul li.active#about #who_module #thumbnails ul li:hover img {
    background: white;
}
#about #who_module #thumbnails ul li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#about #who_module #thumbnails ul li:last-child {
    margin-right: 0;
}
#about #who_module #thumbnails.active ul li {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#about #who_module #thumbnails.active ul li.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#about #who_module #thumbnails.active ul li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*Jojo add Our Team css*/

#about #team #bios h4,
#about #team #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#about #team #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#about #team #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#about #team #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#about #team {
    display: none;
    padding-top: 0;
}
#about #team #bios .slides {
    left: 0;
}
#about #team #bios .slides,
#about #team #bios .slides > li {
    height: 200px;
}
/*End*/
/*Jojo add Our Understanding css*/

#about #understand {
    padding-top: 0;
}
#about #understand #bios h4,
#about #understand #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#about #understand #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#about #understand #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#about #understand #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#about #understand {
    display: none;
    padding-top: 0;
}
#about #understand #bios .slides {
    left: 0;
}
#about #understand #bios .slides,
#about #understand #bios .slides > li {
    height: 200px;
}
/*End*/
/*Jojo add Our networking css*/

#about #network #bios h4,
#about #network #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#about #network #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#about #network #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#about #network #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#about #network {
    display: none;
    padding-top: 0;
}
#about #network #bios .slides {
    left: 0;
}
#about #network #bios .slides,
#about #network #bios .slides > li {
    height: 200px;
}
/*End*/
/* Jojo add PACT page style*/

#PACT .banner {
    /*Jojo change bg color and border for About Us module slide*/

    background-color: #141414;
    /*background-color: #1c1c1c;



  border-bottom: 1px solid #232323;



  border-top: 1px solid #232323;*/

    display: none;
    height: 475px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 60px;
    width: 100%;
}
#PACT .section-header h1 {
    padding-left: 4px;
}
#PACT #PACT_menu {
    margin-top: 8px;
    position: relative;
    z-index: 999;
}
#PACT #PACT_menu ul {
    list-style-type: none;
    margin: 0;
    text-align: center;
}
#PACT #PACT_menu ul li {
    background-color: #1c1c1c;
    border-right-style: none !important;
    color: #7F7F7F;
    cursor: pointer;
    height: 35px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 32px;
    text-decoration: none;
    text-transform: uppercase;
    width: 158px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #232323;
    font-family: "ff-din-web-pro", sans-serif;
    font-style: normal;
    font-weight: 600;
}
#PACT #PACT_menu ul li span {
    color: #7f7f7f;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding-right: 1px;
}
#PACT #PACT_menu ul li:last-child {
    border-right-style: solid !important;
}
#PACT #PACT_menu ul li:hover {
    color: #1c1c1c;
    background-color: #C86233;
    border: 1px solid #aa4455;
}
#PACT #PACT_menu ul li.active {
    color: #eaeaea !important;
    cursor: default;
    background-color: #232323;
    border: 1px solid #282828;
}
#PACT #PACT_menu ul li.active span {
    color: #C86233 !important;
}
#PACT #states_list {
    display: none;
    height: 70px;
    width: 100%;
    /*background-color: #232323;



  border: 1px solid #282828;*/

    border-left: none;
    border-right: none;
    border-top: none;
}
#PACT #states_list ul {
    clear: left;
    list-style-type: none;
    text-align: center;
}
#PACT #states_list ul li {
    color: #eaeaea;
    -webkit-transition: color 0.1s ease-in;
    -moz-transition: color 0.1s ease-in;
    -ms-transition: color 0.1s ease-in;
    -o-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-size: 24px;
    line-height: 70px;
    list-style: none;
    padding: 0 25px;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #states_list ul li:hover,
#PACT #states_list ul .active {
    color: #C86233;
    cursor: pointer;
}
#PACT #pact_about h2,
#PACT #pact_about h3 {
    color: #eaeaea;
    font-size: 34px;
    letter-spacing: 3px;
    line-height: 43px;
    margin: 0;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #pact_about h2 {
    padding-bottom: 43px;
    color: #C86233;
}
#PACT #where_module {
    padding-top: 20px;
}
#PACT #where_module .jqvmap-region {
    cursor: default;
}
#PACT #where_module #vmap {
    height: 400px;
    margin: 0 auto;
    width: 600px;
}
#PACT #where_module,
#PACT #legal {
    display: none;
}
#PACT #legal #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#PACT #legal #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #legal #bios h4,
#PACT #legal #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#PACT #legal #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#PACT #legal #bios .cv {
    background-color: #1c1c1c;
    color: #7F7F7F;
    cursor: pointer;
    float: right;
    height: 28px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: 1px solid #232323;
    font-family: "ff-din-web-pro", sans-serif;
    font-style: normal;
    font-weight: 600;
}
#PACT #legal #bios .cv:hover {
    color: #1c1c1c;
    background-color: #C86233;
    border: 1px solid #aa4455;
}
#PACT #legal #bios .cv.cv-nrb {
    border-right-style: none !important;
}
#PACT #legal #bios .slides {
    left: 0;
}
#PACT #legal #bios .slides,
#PACT #legal #bios .slides > li {
    height: 200px;
}
#PACT #legal #thumbnails {
    text-align: center;
}
#PACT #legal #thumbnails ul {
    margin: 60px 0 20px;
}
#PACT #legal #thumbnails ul li {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    height: 140px;
    margin-right: 20px;
    position: relative;
    width: 140px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#PACT #legal #thumbnails ul li img {
    background: white;
    cursor: pointer;
    max-width: 100%;
    height: 140px;
    width: 140px;
}
#PACT #legal #thumbnails ul li.active {
    opacity: 1;
    filter: alpha(opacity=100);
}
#PACT #legal #thumbnails ul li.active#PACT #legal #thumbnails ul li:hover img {
    background: white;
}
#PACT #legal #thumbnails ul li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#PACT #legal #thumbnails ul li:last-child {
    margin-right: 0;
}
#PACT #legal #thumbnails.active ul li {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#PACT #legal #thumbnails.active ul li.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#PACT #legal #thumbnails.active ul li:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*Jojo add Our Team css*/

#PACT #team #bios h4,
#PACT #team #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#PACT #team #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#PACT #team #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #team #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#PACT #team {
    display: none;
    padding-top: 0;
}
#PACT #team #bios .slides {
    left: 0;
}
#PACT #team #bios .slides,
#PACT #team #bios .slides > li {
    height: 200px;
}
/*End*/
/*Jojo add Our Understanding css*/

#PACT #understand {
    padding-top: 0;
}
#PACT #understand #bios h4,
#PACT #understand #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#PACT #understand #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#PACT #understand #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #understand #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#PACT #understand {
    display: none;
    padding-top: 0;
}
#PACT #understand #bios .slides {
    left: 0;
}
#PACT #understand #bios .slides,
#PACT #understand #bios .slides > li {
    height: 200px;
}
/*End*/
/*Jojo add Our networking css*/

#PACT #network #bios h4,
#PACT #network #bios .bio-meta {
    height: 30px;
    line-height: 34px;
}
#PACT #network #bios .bar {
    background-color: #232323;
    color: #232323;
    height: 1px;
    margin-bottom: 6px;
    width: 16px;
}
#PACT #network #bios h4 {
    color: #C86233;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#PACT #network #bios {
    height: 200px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
}
#PACT #network {
    display: none;
    padding-top: 0;
}
#PACT #network #bios .slides {
    left: 0;
}
#PACT #network #bios .slides,
#PACT #network #bios .slides > li {
    height: 200px;
}
/* END PACT*/

#process .tiles {
    position: relative;
    left: 10px;
}
#process .tiles .process-item {
    float: left;
    width: 320px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#process .tiles .process-item h3 {
    padding: 0 10px 5px;
}
#process .tiles .process-item h3,
#process .tiles .process-item p {
    line-height: 20px;
    padding: 0 15px;
    text-align: justify;
}
#process .tiles .process-item .tile {
    height: 230px;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
    width: 298px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background-color: #282e46;
    border: 1px solid #282828;
}
#process .tiles .process-item .tile img {
    /*Jojo change dimension of the image process*/

    /* height: 120px;
    width: 150px; */
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#process .tiles .process-item .tile h2 {
    color: #1c1c1c;
    font-size: 28px;
    letter-spacing: 3px;
    line-height: 30px;
    margin: 70px 0 72px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: bold;
}
#process .tiles .process-item .tile .symbol {
    height: 100px;
    left: 0;
    margin: -50px 0 0 0;
    position: absolute;
    top: 22%;
    /* width: 150px; */
}
#process .tiles .process-item .tile:hover {
    background-color: #a0a4b3;
    border: 1px solid #666;
}
#process .tiles .process-item .tile:hover img {
    opacity: 0;
    filter: alpha(opacity=0);
}
#process .tiles .process-item .tile:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Box no hover effect*/
#process .fixtile{
    height: 230px;
    text-align: center;
    background-color: #282e46;
    /* border: 1px solid #282828; */
    margin: 10px;
}

#process .fixtile:hover{
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.226);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#process .fixtile h2{
    font-family: 'DIN Pro';
    font-style: normal;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-top: 30px;
    color: #fdfdfd;
    padding: 0 10px;
}

#process .fixtile img{
    width: 100px;
    margin-top: 30px;
}


/* SERVICES SECTION */
#services {
    min-height: 1100px !important;
}
#services .content {
    position: absolute;
    top: 0;
    width: 100%;
}
#services .content .banner {
    background: #202840;
    display: none;
    /*jojo change value*/

    height: 320px;
    margin-bottom: -53px;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    width: 100%;
}
#services .content .banner .container {
    width: 797px;
}
#services .content .banner #counter {
    float: left;
    height: 54px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
#services .content .banner #counter div,
#services .content .banner #counter .flexslider ul li {
    color: #333333;
    float: left;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-size: 54px;
    font-weight: bold;
    height: 54px;
    line-height: 44px;
    padding-right: 3px;
    width: 30px;
}
#services .content .banner #counter div:first-child {
    float: left;
}
#services .content .banner #list {
    float: left;
    height: 300px;
    width: 560px;
}
#services .content .banner #list ul {
    height: 300px;
}
#services .content .banner #list ul li {
    /* jojo change value*/

    height: 500px;
    width: 560px;
}
#services .content .banner #list ul li h2 {
    display: block;
    color: #eaeaea;
    font-size: 40px;
    font-weight: normal;
    line-height: 54px;
    text-transform: uppercase;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 400;
}
#services .content .banner #list ul li h3 {
    line-height: 22px;
    text-transform: none;
    /*Jojo change font on Services box*/
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 200;
}
#services .content .banner #list ul li span {
    position: relative;
    top: -4px;
}
#services .content .banner #list ul li .middle-hr {
    background: #9e9e9e;
    height: 1px;
    margin: 6px 0;
    width: 20px;
}
#services .content .banner #navigation {
    cursor: pointer;
    float: left;
    padding-left: 30px;
}
#services .content .banner #navigation div {
    cursor: pointer !important;
    height: 70px;
    margin-bottom: 5px;
    position: relative;
    width: 100px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#services .content .banner #navigation div img {
    height: 36px;
    left: 50%;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#services .content .banner #navigation div img:first-child {
    opacity: 1;
    filter: alpha(opacity=100);
}
#services .content .banner #navigation div img:last-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
#services .content .banner #navigation .arrow {
    background-color: #282e46;
    /* border: 1px solid #282828; */
}
#services .content .banner #navigation .arrow img {
    margin-left: -9.5px;
    width: 19px;
}
#services .content .banner #navigation .close img {
    margin-left: -18px;
    width: 36px;
}
#services .content .tiles {
    padding-top: 73px;
}
#services .content .tiles .row {
    margin: -10px;
}
#services .content .tiles .tile {
    cursor: pointer;
    float: left;
    height: 190px;
    margin: 10px;
    position: relative;
    /*width: 298px;*/

    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background-color: #282e46;
    border: 1px solid #2e364d;
    /*Jojo change box size for Services*/

    width: 297px;
}
#services .content .tiles .tile div {
    top: 50px;
    padding-bottom: 30px;
    padding-left: 30px;
    position: absolute;
}
#services .content .tiles .tile h2 {
    color: #eeeeee;
    /*font-size: 30px;*/

    letter-spacing: 3px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-family: 'DIN Pro';
    font-style: normal;
    font-weight: 400;
    padding: 0 10px;
    /*Jojo change font size title Services*/

    font-size: 18px;
}
#services .content .tiles .tile img {
    height: 29px;
    margin: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -ms-transition: opacity 0.1s ease-in;
    -o-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}
#services .content .tiles .tile p {
    color: #303030;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#services .content .tiles .tile.current {
    cursor: default;
    background-color: #232323;
    border: 1px solid #282828;
}
#services .content .tiles .tile.current h2 {
    color: #1c1c1c !important;
}
#services .content .tiles .tile.current img {
    display: none;
}
#services .content .tiles .tile.current p {
    /*color: #C86233 !important;*/
    /*Jojo change number color on Services box header*/

    color: #a0a4b3 !important;
}
#services .content.hover .banner #navigation div:hover img:last-child {
    opacity: 1;
    filter: alpha(opacity=100);
}
#services .content.hover .banner #navigation .arrow:hover {
    background-color: #a0a4b3;
    border: 1px solid #1c1c1c;
}
#services .content.hover .banner #navigation .arrow:hover img:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
#services .content.hover .tiles .tile:hover {
    /*Jojo change color box hover Services*/

    background-color: #a0a4b3;
    border: 1px solid #666666;
}
#services .content.hover .tiles .tile:hover h2 {
    color: #1c1c1c;
}
#services .content.hover .tiles .tile:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
#services .content.hover .tiles .tile:hover p {
    color: #333333;
}
#services .content.hover .tiles .tile.current {
    background-color: #a0a4b3;
    border: 1px solid #282828;
}
/* Jojo add style PACT optional*/

#pact2 {
    min-height: 900px !important;
}
#pact2 .content {
    position: absolute;
    top: 0;
    width: 100%;
}
#pact2 .content .banner {
    background: #1c1c1c;
    border-bottom: 1px solid #232323;
    border-top: 1px solid #232323;
    display: none;
    /*jojo change value*/

    height: 320px;
    margin-bottom: -53px;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    width: 100%;
}
#pact2 .content .banner .container {
    width: 797px;
}
#pact2 .content .banner #counter2 {
    float: left;
    height: 54px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
#pact2 .content .banner #counter2 div,
#pact2 .content .banner #counter2 .flexslider ul li {
    color: #333333;
    float: left;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-size: 54px;
    font-weight: bold;
    height: 54px;
    line-height: 44px;
    padding-right: 3px;
    width: 30px;
}
#pact2 .content .banner #counter2 div:first-child {
    float: left;
}
#pact2 .content .banner #list2 {
    float: left;
    height: 300px;
    width: 560px;
}
#pact2 .content .banner #list2 ul {
    height: 300px;
}
#pact2 .content .banner #list2 ul li {
    /* jojo change value*/

    height: 500px;
    width: 560px;
}
#pact2 .content .banner #list2 ul li h2 {
    display: block;
    color: #eaeaea;
    font-size: 40px;
    font-weight: normal;
    line-height: 54px;
    text-transform: uppercase;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
}
#pact2 .content .banner #list2 ul li h3 {
    /*font-size: 14px;*/

    line-height: 22px;
    text-transform: none;
    /*Jojo change font on pact box*/

    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 200;
}
#pact2 .content .banner #list2 ul li span {
    position: relative;
    top: -4px;
}
#pact2 .content .banner #list2 ul li .middle-hr {
    background: #9e9e9e;
    height: 1px;
    margin: 6px 0;
    width: 20px;
}
#pact2 .content .banner #navigation2 {
    cursor: pointer;
    float: left;
    padding-left: 30px;
}
#pact2 .content .banner #navigation2 div {
    cursor: pointer !important;
    height: 70px;
    margin-bottom: 5px;
    position: relative;
    width: 100px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#pact2 .content .banner #navigation2 div img {
    height: 36px;
    left: 50%;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#pact2 .content .banner #navigation2 div img:first-child {
    opacity: 1;
    filter: alpha(opacity=100);
}
#pact2 .content .banner #navigation2 div img:last-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
#pact2 .content .banner #navigation2 .arrow {
    background-color: #232323;
    border: 1px solid #282828;
}
#pact2 .content .banner #navigation2 .arrow img {
    margin-left: -9.5px;
    width: 19px;
}
#pact2 .content .banner #navigation2 .close img {
    margin-left: -18px;
    width: 36px;
}
#pact2 .content .tiles {
    padding-top: 73px;
}
#pact2 .content .tiles .row {
    margin: -10px;
}
#pact2 .content .tiles .tile {
    cursor: pointer;
    float: left;
    height: 218px;
    margin: 10px;
    position: relative;
    /*width: 298px;*/

    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background-color: #232323;
    border: 1px solid #282828;
    /*Jojo change box size for pact*/

    width: 200px;
}
#pact2 .content .tiles .tile div {
    bottom: 0;
    padding-bottom: 30px;
    padding-left: 30px;
    position: absolute;
}
#pact2 .content .tiles .tile h2 {
    color: #9e9e9e;
    /*font-size: 30px;*/

    letter-spacing: 3px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-family: 'DIN Pro Condensed Light';
    font-style: normal;
    font-weight: 400;
    /*Jojo change font size title pact*/

    font-size: 18px;
}
#pact2 .content .tiles .tile img {
    height: 29px;
    margin: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.1s ease-in;
    -moz-transition: opacity 0.1s ease-in;
    -ms-transition: opacity 0.1s ease-in;
    -o-transition: opacity 0.1s ease-in;
    transition: opacity 0.1s ease-in;
}
#pact2 .content .tiles .tile p {
    color: #303030;
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#pact2 .content .tiles .tile.current {
    cursor: default;
    background-color: #232323;
    border: 1px solid #282828;
}
#pact2 .content .tiles .tile.current h2 {
    color: #eaeaea !important;
}
#pact2 .content .tiles .tile.current img {
    display: none;
}
#pact2 .content .tiles .tile.current p {
    /*color: #C86233 !important;*/
    /*Jojo change number color on pact box header*/

    color: #C86233 !important;
}
#pact2 .content.hover .banner #navigation2 div:hover img:last-child {
    opacity: 1;
    filter: alpha(opacity=100);
}
#pact2 .content.hover .banner #navigation2 .arrow:hover {
    background-color: #C86233;
    border: 1px solid #aa4455;
}
#pact2 .content.hover .banner #navigation2 .arrow:hover img:first-child {
    opacity: 0;
    filter: alpha(opacity=0);
}
#pact2 .content.hover .tiles .tile:hover {
    /*Jojo change color box hover pact*/

    background-color: #999999;
    border: 1px solid #666666;
}
#pact2 .content.hover .tiles .tile:hover h2 {
    color: #1c1c1c;
}
#pact2 .content.hover .tiles .tile:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}
#pact2 .content.hover .tiles .tile:hover p {
    color: #333333;
}
#pact2 .content.hover .tiles .tile.current {
    background-color: #232323;
    border: 1px solid #282828;
}
/* END of PACT optional*/

#contact a {
    color: #a0a4b3;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#contact a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
#contact p {
    color: #eaeaea;
    margin: 0;
}
#contact #map_canvas {
    max-height: 600px;
    min-height: 300px;
    margin-bottom: 25px;
    border: 1px solid #232323;
}

#contact img{
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

#contact .image_container{
    margin-bottom: 30px;
}

@media (min-height: 800px) {
    section {
        padding-top: 106px;
    }
    #about .banner {
        top: 106px;
    }
}
@media (min-width: 1920px) {
    #home .content .titles h3 {
        font-size: 140px;
        line-height: 128px;
    }
    #home .content .titles h4 {
        font-size: 30px;
        font-family: "Monotype Corsiva";
    }
}
@media (max-width: 1320px) {
    #home .content .titles h3 {
        font-size: 100px;
        line-height: 100px;
    }
}
@media (max-width: 1170px) {
    #home .content .titles h3 {
        font-size: 85px;
        line-height: 85px;
    }
    #keyboard_icons {
        display: none;
    }
}
@media (max-width: 1024px) {
    #home .content .titles h3 {
        font-size: 60px;
        line-height: 60px;
    }
    #home .content .titles h4 {
        font-size: 18px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    footer img {
        padding-bottom: 6px;
    }
    .navbar .span1 {
        width: 60px;
    }
    .section-header h1 {
        font-size: 18px;
    }
    #about .banner {
        height: 561px;
    }
    #about #states_list ul li {
        padding: 0 19px;
    }
    #about #what_module {
        height: 447px;
    }
    #about #what_module h2,
    #about #what_module h3 {
        font-size: 27px;
        line-height: 38px;
    }
    #about #who_module #thumbnails ul li,
    #about #who_module #thumbnails ul li img {
        height: 104px;
        width: 104px;
    }
    /*Jojo add id for additional About*/

    .jo_about h3 {
        font-size: 34px;
        padding-top: 30px;
        line-height: 34px;
        font-family: 'DIN Pro Condensed Light';
        font-weight: 400;
        letter-spacing: 3px;
        color: white;
    }
    #about #why_module #thumbnails ul li,
    #about #why_module #thumbnails ul li img {
        height: 104px;
        width: 104px;
        text-align: center;
    }
    #about #why_module h3 {
        font-size: 34px;
    }
    #about #team_module #thumbnails ul li,
    #about #team_module #thumbnails ul li img {
        height: 104px;
        width: 104px;
        text-align: center;
    }
    #about #team_module h3 {
        font-size: 34px;
    }
    #about #where_module #vmap {
        margin-top: 40px;
    }
    #contact p {
        line-height: 20px;
    }
    #home .content .top-bar {
        height: 3px;
        margin-top: -102px;
        width: 60px;
        margin-left: -30px;
    }
    #home .flex-control-nav {
        margin-top: 60px;
    }
    #home .flex-control-paging li {
        margin: 0 2px;
    }
    #home .flex-control-paging li a {
        height: 3px;
        width: 3px;
    }
    #process .tiles .process-item {
        width: 248px;
    }
    #process .tiles .process-item .tile {
        width: 226px;
    }
    #services .content .banner .container {
        width: 724px;
    }
    #services .content .banner #counter {
        display: none;
    }
    #services .content .banner #list {
        height: 310px;
        margin-left: 15px;
    }
    #services .content .banner #list ul li {
        height: 310px;
    }
    #services .content .tiles .tile {
        width: 226px;
    }
    #services .content .tiles .tile div {
        padding-bottom: 20px;
        padding-left: 20px;
    }
    #services .content .tiles .tile h2 {
        font-size: 26px;
        line-height: 26px;
    }
}
@media (max-width: 767px) {
    body {
        padding: 0 10px 0 10px;
    }
    footer img {
        padding-bottom: 6px;
    }
    footer #bottom_bar {
        height: 3px;
    }
    .navbar {
        margin: 0;
        top: 0 !important;
    }
    .navbar .nav-collapse {
        background: #232323;
    }
    .navbar .nav-collapse .nav {
        margin: 0;
        text-align: center;
    }
    .navbar .nav-collapse .nav > li > a {
        line-height: 44px;
    }
    .navbar .nav-collapse .nav > #nav-strip {
        display: none !important;
    }
    .navbar .navbar-inner {
        background: #1c1c1c;
        height: 44px;
        padding: 0;
    }
    .section-header {
        margin-left: 0;
    }
    .section-header h1 {
        font-size: 14px;
        line-height: 14px;
        padding-left: 2px;
    }
    .section-header .title-bar {
        width: 40px;
    }
    #about .banner {
        display: none !important;
    }
    #about .section-header h1 {
        padding-left: 2px;
    }
    #about #what_module {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }
    #about #what_module h2,
    #about #what_module h3 {
        font-size: 21px;
        line-height: 30px;
    }
    #home {
        text-align: center;
    }
    #home .logo {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */

        *zoom: 1;
        margin: 0 auto;
        width: 75%;
        vertical-align: middle;
    }
    #home .flex-control-nav,
    #home .slides {
        display: none;
    }
    #home:before {
        content: '';
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */

        *zoom: 1;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
    #process .tiles {
        margin: 0;
        position: static;
    }
    #process .tiles .process-item {
        text-align: center;
        width: 100%;
    }
    #process .tiles .process-item h3,
    #process .tiles .process-item p {
        padding: 0;
    }
    #process .tiles .process-item p {
        margin-bottom: 20px;
    }
    #process .tiles .process-item .tile {
        margin: 0 0 7px 0;
        height: 160px;
        width: 100%;
    }
    #process .tiles .process-item .tile h2 {
        margin: 50px 0;
    }
    #services {
        min-height: 0 !important;
    }
    #services .content {
        position: static;
    }
    #services .content .banner {
        border: none;
        display: block !important;
        height: auto;
        margin: 0;
        padding: 0;
        top: 0;
        width: auto;
    }
    #services .content .banner .container {
        width: auto;
    }
    #services .content .banner #counter,
    #services .content .banner #navigation {
        display: none;
    }
    #services .content .banner #list {
        float: none;
        height: auto;
        width: auto;
    }
    #services .content .banner #list ul {
        margin-left: 0 !important;
        height: auto !important;
        width: auto !important;
        -webkit-transform: none !important;
    }
    #services .content .banner #list ul li {
        display: block;
        height: auto;
        margin-bottom: 20px;
        text-align: center;
        width: auto !important;
    }
    #services .content .banner #list ul li div,
    #services .content .banner #list ul li p {
        display: none;
    }
    #services .content .banner #list ul li h2 {
        font-size: 26px;
        letter-spacing: 1px;
        line-height: 30px;
    }
    #services .content .banner #list ul li h3 {
        font-size: 14px;
        line-height: 20px;
    }
    #services .content .banner #list ul li.clone {
        display: none !important;
    }
    #contact {
        text-align: center;
    }
    #contact a,
    #contact h3,
    #contact p {
        line-height: 20px;
    }
    #contact .span4:last-child {
        margin-top: 20px;
    }
    #contact #map_canvas {
        min-height: 175px;
    }
    .services_jo {
        padding-top: 30px;
    }
    p .services_jo {
        padding-left: 30px;
    }
    .subtitle{

    }

    .subtitle p{
        font-family:DIN Pro; 
        font-size:14px; 
        color:#84a5d9; 
        margin-top:-8px;
        font-style: italic;
    }
    /*Jojo add style for employee only*/

    .footerCutom {} .footerCutom h3 {
        font-family: arial;
    }
    .emp {} .emp a {
        color: white;
    }
    .emp a:hover {
        color: white;
    }
    @font-face {
        font-family: 'DIN Pro Condensed Light';
        src: url("./DINPro-Light.otf");
    }
    /*Font add by Jojo*/
    /* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
        font-family: 'DIN Pro Black';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Black'), url('DINPro-Black.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Regular';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Regular'), url('DINPro-Cond.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Black';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Black'), url('DINPro-CondBlack.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Light';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Light'), url('DINPro-CondLight.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Medium';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Medium'), url('DINPro-CondMedium.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Light';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Light'), url('DINPro-Light.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Medium';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Medium'), url('DINPro-Medium.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro'), url('DINPro.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Black Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Black Italic'), url('DINPro-BlackItalic.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Bold';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Bold'), url('DINPro-Bold.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Bold Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Bold Italic'), url('DINPro-BoldItalic.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Black Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Black Italic'), url('DINPro-CondBlackIta.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Bold';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Bold'), url('DINPro-CondBold.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Bold Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Bold Italic'), url('DINPro-CondBoldIta.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Italic'), url('DINPro-CondIta.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Light Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Light Italic'), url('DINPro-CondLightIta.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Condensed Medium Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Condensed Medium Italic'), url('DINPro-CondMediIta.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Italic'), url('DINPro-Italic.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Light Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Light Italic'), url('DINPro-LightItalic.woff') format('woff');
    }
    @font-face {
        font-family: 'DIN Pro Medium Italic';
        font-style: normal;
        font-weight: normal;
        src: local('DIN Pro Medium Italic'), url('DINPro-MediumItalic.woff') format('woff');
    }
    @font-face {
        font-family: 'IrisUPC';
        font-style: normal;
        font-weight: normal;
        src: local('IrisUPC'), url('IrisUPC.woff') format('woff');
    }
}