/*
Theme Name: Manasc Isaac
Author: Unthinkable
Description: Custom theme for Manasc Isaac Architects
Version: 1.0
*/
/* Written by Chris Chen */
/* Generated with SASS */
/* PLEASE USE SCSS FILE FOR EDITS */
/*

  G5Framework

  ===============================================

  Reset + HTML5 baseline + Normalize + Print Base

  ===============================================

*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/*
Reset Main Elements //
Add scroll bar to all browsers to maintain consistency //
Prevent iOS text size adjust on device orientation change, without disabling user zoom //
Maintain font consistency in all browsers
*/
html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font: 13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  *font-size: small;
  *font: x-small;
  line-height: 1.22; }

/* HTML5 Baseline // Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/* Reset Nav // Display Main Nav Horizontally, Display Side Nav Vertically // Remove List Style Type */
nav ul {
  margin: 0;
  padding: 0; }

nav ul li {
  display: inline;
  list-style: none; }

aside nav ul li {
  display: block; }

/* Reset Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  text-rendering: optimizeLegibility; }

/* 444 is better then 000 */
body, select, input, textarea {
  color: #444; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) {
  display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 // no IE6 support */
[hidden] {
  display: none; }

/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure {
  margin: 0;
  padding: 0; }

figure figcaption {
  text-align: center; }

/* Reset Links // Remove Outlines */
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

a:active, a:hover, a:focus {
  outline: none; }

a:link {
  -webkit-tap-highlight-color: #ff9000; }

/* Improve readability of pre-formatted text in all browsers // Add Styling to older browsers */
code, pre {
  font-family: "Courier New", monospace, serif;
  font-size: 1em; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

/* Normalzie HR Styling */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/* Quotes */
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* Abbr & Defenitions */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

/* Reset Table */
table {
  font-size: inherit;
  font: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, td img {
  vertical-align: top; }

/* Basic Styling */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

ol {
  list-style-type: decimal; }

small {
  font-size: 85%; }

strong, th, b {
  font-weight: bold; }

em, i, dfn {
  font-style: italic; }

/* Removes border when inside 'a' element in IE6/7/8/9, FF3 // Improves image quality when scaled in IE7 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
  overflow: hidden; }

/* Reset Form Elements */
select, input, textarea {
  font: 99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; }

/* Removes default vertical scrollbar in IE6/7/8/9 // Improves readability and alignment in all browsers */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: none;
  -moz-appearance: textfield;
  -webkit-appearance: textfield; }

button {
  width: auto;
  overflow: visible; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input {
  line-height: normal; }

/* Corrects inner padding and border displayed oddly in FF3/4  */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Corrects alignment displayed oddly in IE6/7 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

/* Reset Form Elements // Input */
input {
  outline: none; }

input:focus {
  outline: none; }

input, select {
  vertical-align: middle; }

select:focus {
  outline: none; }

/* Addresses box sizing set to content-box in IE8/9 // Addresses excess padding in IE8/9 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

.ie6 input {
  vertical-align: text-bottom; }

/* Add Pointer */
a[href], input[type='submit'], input[type='image'], label, select, button, .pointer {
  cursor: pointer; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  padding: 15px;
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

/* Selection G5Framework colors */
::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #000;
  color: #fff;
  text-shadow: none; }

/* Clearfix */
.cf:before, .cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  zoom: 1; }

/* Print Styles / inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  * zoom: 1; }

.unit {
  float: left; }

.unitRight {
  float: right; }

.size1of1 {
  float: none; }

.size1of2 {
  width: 50%; }

.size1of3 {
  width: 33.33333%; }

.size2of3 {
  width: 66.66666%; }

.size1of4 {
  width: 25%; }

.size3of4 {
  width: 75%; }

.size1of5 {
  width: 20%; }

.size2of5 {
  width: 40%; }

.size3of5 {
  width: 60%; }

.size4of5 {
  width: 80%; }

.lastUnit {
  float: none;
  width: auto;
  _position: relative;
  _left: -3px;
  _margin-right: -3px; }

/* Global Classes // View */
.hidden {
  position: absolute;
  left: -999em; }

.invisible {
  visibility: hidden; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.none {
  display: none; }

/* Global Classes // Children */
.first {
  margin-left: 0; }

.last {
  margin-right: 0; }

/* Global Classes // Display */
.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.block {
  display: block; }

.in-block,
.inblock {
  display: inline-block;
  *display: inline;
  zoom: 1; }

/* Global Classes // Display */
.error,
.invalid {
  color: #ff0000; }

.success,
.valid {
  color: #00ff00; }

/* Global Classes // Presentation */
.btmspc {
  margin-bottom: 2em; }

.btmspc-dbl {
  margin-bottom: 4em; }

.topspc {
  margin-top: 2em; }

.topspc-dbl {
  margin-top: 4em; }

.cntrtxt {
  text-align: center; }

.imgtxt {
  overflow: auto; }

.loading {
  background: url(../images/content/ajax-loader.gif) no-repeat 50% 50%; }

/* Global Classes // Color Group */
.primary-group {
  background: #ddd;
  color: #666; }

.primary-group:hover {
  background: #eee;
  color: #010101; }

/* Global Classes // Button */
.sprite {
  display: block;
  overflow: hidden; }

/* Global Classes // Button */
.button {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1em; }

.button:active {
  position: relative;
  top: 1px; }

.button span {
  display: inline-block;
  *display: inline;
  padding-right: .8em;
  vertical-align: middle;
  zoom: 1; }

.button span.right {
  float: none;
  padding-left: .8em;
  padding-right: 0; }

.button.primary {
  padding: .5em 1.5em;
  margin-bottom: .5em; }

.button.secondary {
  padding: 1em 1.5em;
  margin-bottom: 1em; }

.button.tertiary {
  padding: 1.5em;
  margin-bottom: 1.5em; }

.ie7 .button {
  line-height: 1.8em; }

/* Global Classes // Transition */
.smooth {
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear; }

.smooth-secondary {
  -o-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -webkit-transition: all .8s linear;
  transition: all .8s linear; }

/* Global Classes // Cross Browser Effects */
.brdr {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.brdr.brdr-primary {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.brdr.brdr-secondary {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.shdw {
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000; }

.shdw-secondary {
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000; }

.shdw-tertiary {
  -moz-box-shadow: 0 0 20px #000;
  -webkit-box-shadow: 0 0 20px #000;
  box-shadow: 0 0 20px #000; }

.opct {
  filter: alpha(opacity=50);
  opacity: .50; }

.opct-full {
  filter: alpha(opacity=100);
  opacity: 1; }

.no-borderradius .brdr,
.no-boxshadow .shdw {
  behavior: url(src/PIE.php); }

/* Navigation Object */
.navigation-object {
  margin: 0;
  padding: 0; }

.navigation-object li {
  float: left;
  list-style: none;
  margin-left: 1em;
  padding: 0; }

.navigation-object a {
  display: block;
  padding: .5em;
  text-decoration: none; }

.navigation-object a:hover,
.navigation-object .active {
  border-bottom: 1px solid inherit; }

.navigation-object li:first-child,
.navigation-object .first {
  margin-left: 0; }

.list {
  line-height: 1.5em;
  margin: 1em 0;
  padding: 0 0 0 2em; }

.list-object {
  margin: 0;
  padding: 0; }

.list-object li {
  list-style: none; }

/* Island Object */
.island {
  display: block;
  padding: 2em 0; }

.island.primary {
  padding: 2.5em 0; }

/* Navigation */
nav.primary {
  margin-top: 1.5em;
  padding: 1em 0; }

nav.primary .active {
  font-weight: bold; }

/*

    For projects IE8+
    Natural Box Model // Position inline blocks properly

    *,
    *:before,
    *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: text-top; }

*/
*,
*:before,
*:after {
  vertical-align: text-top; }

/* HTML // Body */
html, body {
  height: 100%; }

html {
  font: normal normal 100%/1.5em helvetica, arial, sans-serif; }

body {
  font: normal normal 0.938em/1.6em helvetica, arial, sans-serif; }

a[class~="button"] {
  border-bottom: none; }

a.secondary {
  border-bottom: none; }

dl {
  margin: 1em 0; }

dl dt {
  font-weight: bold; }

dl dd {
  opacity: 0.7;
  padding: 1em 0; }

table {
  border-collapse: collapse;
  width: 100%; }

th {
  background: #333;
  color: white;
  font-weight: bold; }

td,
th {
  border: 1px solid #ccc;
  padding: 1em;
  text-align: left; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #f2bc32; }

/* Main */
/* Main // Wrappers */
.wrap-max,
.wrap {
  margin: 0 auto;
  padding: 0;
  width: 100%; }

/* Logo */
/* Content // Base */
.content {
  margin: 2em auto;
  padding: 0 0 20em 0;
  text-align: left; }

/* Sticky Footer */
#bottom {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
  html {
    font-size: 120%;
    line-height: 1.5em; }

  .unit {
    float: none !important;
    width: auto !important; }

  fieldset select {
    display: block; } }
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 481px) {
  html {
    font-size: 115%; } }
/* Any screen smaller than 760px and also iPads specifically. */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Force table to not be like tables anymore */
  /*table, thead, tbody, th, td, tr { display: block; }*/
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px; }

  tr {
    border: 1px solid #ccc; }

  /* Behave  like a "row" */
  td {
    position: relative; }

  /* Now like a table header */
  td:before {
    left: 1em;
    padding-right: 1em;
    position: absolute;
    top: .3em;
    width: 45%;
    white-space: nowrap; }

  /* Label the data */
  .css-classes-table td:nth-of-type(1):before {
    content: "Class"; }

  .css-classes-table td:nth-of-type(2):before {
    content: "Description"; }

  .js-hooks-table td:nth-of-type(1):before {
    content: "Selector"; }

  .js-hooks-table td:nth-of-type(2):before {
    content: "Information"; } }
@media only screen and (max-width: 320px) {
  td {
    border: none; } }
/* WIN8 */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width; } }
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */ }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */ }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */ }
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */ }
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */ }
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /*td:first-child { width: 25%; }*/ }
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */ }
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */ }
body {
  height: auto;
  background: white;
  font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #5e6167; }

.wrap-max {
  max-width: 1600px; }

.wrap-inner {
  position: relative;
  max-width: 1200px;
  padding: 20px;
  margin: 0 auto; }
  .wrap-inner.no-side-padding {
    max-width: 1240px;
    padding: 20px 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .5em;
  font-weight: 500;
  line-height: 1.2em; }

h1 {
  font-size: 4em;
  margin-top: 0; }

h2 {
  font-size: 3em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: .75em; }

h6 {
  font-size: .5em; }

p {
  font-size: 1.4em;
  line-height: 1.6em; }

p,
blockquote {
  margin: 0 0 1.25em; }

blockquote {
  padding-left: 20px;
  font-size: 1.6em;
  line-height: 1.5em;
  font-style: italic;
  color: #85878a; }
  blockquote span {
    font-style: normal;
    font-size: .75em; }

@media only screen and (max-width: 768px) {
  p {
    font-size: 1.2em;
    line-height: 1.4em; } }
#main ul, #main ol {
  margin: 0 0 1.5em; }
  #main ul.copy li, #main ol.copy li {
    font-size: 1.4em;
    line-height: 1.6em; }
#main li {
  margin-bottom: .5em; }

#main-body {
  background: #f0eff0; }

a {
  color: #b6bd00;
  text-decoration: none; }

.more-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #b6bd00;
  text-decoration: none;
  text-transform: uppercase; }

table {
  margin-bottom: 20px;
  margin-top: 1.5em;
  border: none !important; }
  table tr {
    border: none !important; }
  table td {
    border: none !important;
    padding: 10px; }

img {
  max-width: 100%;
  height: auto; }

img.circle {
  width: 220px !important;
  height: 220px !important;
  border-radius: 110px; }

strong {
  font-weight: 600; }

i {
  color: #b6bd00; }

hr {
  display: block;
  height: 0;
  margin: 0 0 1.5em 0;
  border: none;
  border-bottom: 1px dotted #aaa; }

.inline-block {
  display: inline-block;
  *display: inline;
  zoom: 1; }

.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px; }

.pad-top {
  padding-top: 20px; }

.pad-right {
  max-width: 800px;
  padding-right: 20px; }

.line.pull-left {
  float: none !important;
  margin-left: -25px !important; }

.button {
  position: relative;
  display: inline-block;
  height: 28px;
  padding: 13px .65em 0;
  border: none;
  background: #b6bd00;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-appearance: none; }
  .button.inverted {
    background: white;
    border: 1px solid #b6bd00;
    color: #b6bd00; }
  .button.block .arrow {
    position: absolute;
    top: .5em;
    right: .5em;
    height: 50%; }

@media only screen and (max-width: 1279px) {
  .wrap-inner {
    padding: 20px; }

  .line.pull-left {
    margin-left: 0; } }
@media only screen and (max-width: 767px) {
  .alignright {
    text-align: left; }

  .pad-right {
    padding-right: 0; } }
@media only screen and (max-width: 320px) {
  td {
    display: block;
    width: auto !important; } }
.show {
  display: block !important; }

.hide {
  display: none !important; }

/*******************************************************************/
#search {
  float: right;
  margin-right: 20px;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  #search {
    display: table;
    float: none;
    margin: 0 auto 20px; } }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
  float: right;
  padding-bottom: 26px;
  border-radius: 0;
  font-size: 16px !important;
  font-weight: 500 !important; }

.text-field,
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
  background: #f0eff0;
  padding: 5px !important;
  border: 1px solid #c2c5c7;
  border-radius: 0;
  font-size: 18px !important;
  vertical-align: top;
  -webkit-appearance: none !important; }

.left_label .ginput_container,
.left_label .gfield_label {
  text-align: right; }

@media only screen and (max-width: 480px) {
  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    float: none; }

  .left_label .ginput_container,
  .left_label .gfield_label {
    float: none !important;
    text-align: left; }

  .gform_wrapper .gform_footer.left_label {
    padding-left: 0 !important; }

  .gform_wrapper .left_label input.large {
    width: 90% !important; } }
/*******************************************************************/
#main {
  padding-top: 112px; }

#header {
  position: fixed;
  width: 100%;
  background: white;
  z-index: 999; }
  #header #logo {
    float: left;
    max-width: 180px;
    margin-right: 20px; }
  #header #menu-toggle {
    float: left;
    display: none;
    margin-top: 10px;
    border: none !important; }
  #header #mainnav {
    float: right;
    margin-right: 20px;
    /* ESSENTIAL STYLES */
    /* Skin */ }
    #header #mainnav ul {
      padding: 0;
      margin: 35px 0 0 0; }
    #header #mainnav li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      margin-right: 40px;
      font-size: 18px;
      text-transform: uppercase; }
      #header #mainnav li:last-child {
        margin-right: 0; }
      #header #mainnav li a {
        color: #5e6167;
        text-decoration: none;
        font-weight: 500; }
        #header #mainnav li a:hover {
          color: #b6bd00; }
    #header #mainnav .current_page_item a,
    #header #mainnav .menu .current-menu-ancestor a {
      color: #b6bd00; }
    #header #mainnav .sf-js-enabled ul {
      position: absolute;
      display: none;
      top: 100%;
      left: -10px;
      z-index: 99; }
      #header #mainnav .sf-js-enabled ul ul {
        top: 0;
        left: 100%; }
    #header #mainnav .sf-js-enabled li {
      position: relative; }
    #header #mainnav .sf-js-enabled a {
      display: block;
      position: relative; }
    #header #mainnav .sf-js-enabled li:hover > ul,
    #header #mainnav .sf-js-enabled li.sfHover > ul {
      display: block; }
    #header #mainnav .sub-menu {
      min-width: 240px;
      padding: 10px 10px 5px;
      margin-top: 0;
      background: #fff; }
      #header #mainnav .sub-menu li {
        display: block;
        margin-right: 0;
        font-size: 14px;
        text-transform: none; }
        #header #mainnav .sub-menu li a {
          display: inline-block;
          border: none; }

#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /* Specify the width of your pageslide here */
  width: 240px;
  /* These styles are optional, and describe how the pageslide will look */
  background: #333;
  color: white; }
  #pageslide #slideout-close {
    display: inline-block;
    margin: 15px 0 0 15px;
    border: none;
    text-decoration: none; }
  #pageslide ul {
    margin: 0;
    padding: 0; }
  #pageslide li {
    display: block;
    list-style: none; }
    #pageslide li a {
      display: block;
      padding: 5px 15px;
      border: none !important;
      color: white;
      box-shadow: inset 0 -1px 1px 0px rgba(0, 0, 0, 0.4), 0 1px 1px 0px rgba(255, 255, 255, 0.8); }
      #pageslide li a:hover, #pageslide li a:active {
        text-decoration: none; }

@media only screen and (max-width: 1024px) {
  #main {
    padding-top: 96px; }

  #header #logo {
    max-width: 140px; }
  #header #mainnav {
    max-width: 440px; }
    #header #mainnav ul {
      margin-top: 10px; }
    #header #mainnav li {
      font-size: 14px;
      margin-right: 10px; }
      #header #mainnav li:last-of-type {
        margin-right: 0; } }
@media only screen and (max-width: 767px) {
  #main {
    padding-top: 56px; }

  #header .wrap-inner {
    padding: 10px 20px; }
  #header #logo {
    max-width: 90px;
    margin-right: 0; }
  #header #mainnav {
    display: none; }
  #header #menu-toggle {
    float: right;
    display: inline-block;
    margin-top: 0; } }

.mobile-nav {
  background: #333333;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -240px;
  width: 240px;
  z-index: 8000;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.mobile-nav.active {
  right: -1px;
}

.mobile-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #fff;
}

.mobile-nav ul li a {
  display: block;
  color: #fff;
  padding: 5px 10px;
}

#slideout-close {
  display: block;
  padding: 10px;
}

/*******************************************************************/
#banner {
  height: 750px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover; }
  #banner .wrap-inner {
    height: 95%; }
  #banner .positioning {
    position: absolute;
    bottom: 40px; }
  #banner h1, #banner p {
    margin-bottom: 20px; }
  #banner h1 {
    display: inline-block;
    background: #5e6167;
    background: rgba(75, 79, 84, 0.8);
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-size: 5em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0; }
    #banner h1 span {
      padding: 0 20px; }
    #banner h1 span.green {
      background: #b6bd00;
      background: rgba(182, 189, 0, 0.85); }
    #banner h1 span.grey {
      background: #5e6167;
      background: rgba(75, 79, 84, 0.8); }
    #banner h1 span.blue {
      background: #407cca;
      background: rgba(64, 124, 202, 0.85); }
    #banner h1 span.red {
      background: #e73e51;
      background: rgba(231, 62, 81, 0.9); }
    #banner h1 span.orange {
      background: #f38b00;
      background: rgba(243, 139, 0, 0.85); }
    #banner h1 span.purple {
      background: #9f1b96;
      background: rgba(159, 27, 150, 0.75); }
  #banner p {
    padding: 10px 20px;
    margin-bottom: .5em;
    background: #5e6167;
    background: rgba(75, 79, 84, 0.8);
    color: white;
    font-size: 1.75em;
    font-weight: 500; }
  #banner a {
    display: table;
    padding: 10px 20px;
    background: #b6bd00;
    background: rgba(182, 189, 0, 0.85);
    font-size: 16px;
    font-weight: 600;
    color: white;
    text-decoration: none;
    text-transform: uppercase; }

body.blog #banner h1, body.archive #banner h1, body.single-post #banner h1, body.single-portfolio #banner h1, body.page-template-template-blog-php #banner h1, body.page-child #banner h1 {
  font-size: 3.3em; }

@media only screen and (max-width: 767px) {
  #banner {
    height: auto;
    background-size: cover; }
    #banner .wrap-inner {
      padding: 20px; }
    #banner .positioning {
      position: relative;
      bottom: auto; }
    #banner h1 {
      font-size: 2em !important; }
    #banner p {
      font-size: 1.1em !important; } }
/*******************************************************************/
.widget {
  margin-bottom: 20px; }

/*******************************************************************/
#main-body .recent-post, #main-body .mia-portfolio-item {
  margin-right: 20px; }
#main-body .type-page, #main-body .type-post {
  background: white;
  padding: 20px 25px; }

.blog .recent-post h3 {
  font-size: 1.35em; }
.blog .unit {
  width: 33.3333%;
  /* For browsers that do not support nth-of-type, the first two posts will fall-back to 1/3 columns */ }
  .blog .unit:nth-of-type(1), .blog .unit:nth-of-type(2) {
    width: 50%; }
    .blog .unit:nth-of-type(1) .recent-post h3, .blog .unit:nth-of-type(2) .recent-post h3 {
      font-size: 1.75em; }
  .blog .unit:nth-of-type(3n+3) {
    clear: left; }

.recent-post, .mia-portfolio-item {
  position: relative;
  background: white;
  padding: 20px;
  margin-bottom: 20px; }
  .recent-post h3, .recent-post h4, .mia-portfolio-item h3, .mia-portfolio-item h4 {
    margin: 10px 0; }
  .recent-post h3, .mia-portfolio-item h3 {
    min-height: 63px; }
  .recent-post h4, .mia-portfolio-item h4 {
    min-height: 54px; }
  .recent-post img, .mia-portfolio-item img {
    width: 100%; }
  .recent-post .more-link, .mia-portfolio-item .more-link {
    float: right; }

#categories {
  margin-bottom: 10px; }
  #categories li {
    display: inline-block;
    margin: 0 5px 10px 0;
    font-size: .85em; }
  #categories a {
    display: block;
    padding: .5em;
    background: white;
    color: #5e6167;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none; }
  #categories .current-cat a, #categories .cat-item-all a {
    background: #b6bd00;
    color: white; }
  .archive #categories .cat-item-all a {
    background: white;
    color: #5e6167; }

#pagination {
  text-align: center;
  clear: left; }
  #pagination a {
    display: block;
    width: 32px;
    height: 34px;
    margin: 0 auto;
    border: none;
    background: url(/inc/arrow-down.png) no-repeat;
    background-size: 32px 34px;
    font-size: 0px;
    color: transparent;
    -webkit-appearance: none;
    outline: none !important; }

#infscr-loading {
  float: none;
  text-align: center; }
  #infscr-loading img {
    width: 30px; }

/*#ajax-load-more .unit:nth-of-type(3n-2) {
	clear: left;
}

#ajax-load-more {
	ul { @include reset; }

	li {
		@include reset;
		display: block;
		list-style: none;
	}
}
.load-more-btn-wrap {
	clear: both;
}
*/
@media only screen and (max-width: 960px) {
  .recent-post h3, .recent-post h4, .mia-portfolio-item h3, .mia-portfolio-item h4 {
    min-height: 1px;
    font-size: 1em; }

  .home .recent-post h3 {
    font-size: 1.75em; } }
@media only screen and (max-width: 767px) {
  #main-body .recent-post, #main-body .mia-portfolio-item {
    margin: 0 0 20px; } }
/*******************************************************************/
/* Custom MIA Template for Nimble Portfolio */
#main .nimble-portfolio-ul {
  padding: 0;
  margin: 0; }
  #main .nimble-portfolio-ul li {
    padding: 0;
    margin: 0;
    list-style: none; }
#main .nimble-portfolio-filter {
  float: left;
  width: 65%;
  margin: 0 0 20px 0;
  /* Hides the Featured category from the list because it's manually added in the template to appear first. Adjust accordingly. */ }
  #main .nimble-portfolio-filter li {
    display: inline-block;
    margin: 0 5px 10px 0;
    font-size: .85em; }
    #main .nimble-portfolio-filter li a {
      display: block;
      padding: .5em;
      background: white;
      color: #5e6167;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: none; }
    #main .nimble-portfolio-filter li.current a {
      background: #b6bd00;
      color: white; }
  #main .nimble-portfolio-filter .cat-item-16 {
    display: none; }

@media only screen and (max-width: 767px) {
  #main .nimble-portfolio-filter {
    float: none;
    width: 100%; } }
/*******************************************************************/
.box-gray {
  padding: 20px;
  background: #f0eff0; }
  .box-gray p {
    margin: 0; }

.box-white {
  padding: 20px;
  margin-bottom: 20px;
  background: white; }
  .box-white p:last-child {
    margin: 0; }

.project-images p, .page-images p {
  margin-bottom: 20px; }

.size1of2 img {
  width: 98.5%;
  margin-right: 1.5%; }
.size1of2.lastUnit img {
  margin-right: 0;
  margin-left: 1.5%; }

.project-images .size1of2 {
  overflow: hidden; }

@media only screen and (max-width: 767px) {
  .portfolio .size1of2 img, .project-images .size1of2 img {
    width: 1000%;
    margin-right: 0;
    margin-bottom: 20px; }
  .portfolio .size1of2.lastUnit img, .project-images .size1of2.lastUnit img {
    margin-left: 0;
    margin-bottom: 0; } }
.project-related-bg {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 90px;
  background-size: cover;
  overflow: hidden; }

.project-related a {
  text-decoration: none; }
.project-related ul {
  display: inline-block;
  padding: 0;
  margin: 0; }
  .project-related ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    list-style: none; }
.project-related h2 {
  color: #b6bd00;
  font-size: 30px;
  font-weight: normal; }
.project-related .project-related-title {
  display: table-cell;
  position: relative;
  top: 0;
  width: 140px;
  height: 140px;
  padding: 20px;
  border-radius: 90px;
  background: #b6bd00;
  background: url(img/overlay-trans-green.png);
  color: white;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }
.project-related .project-related-title-hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }

.page-id-9 {
  /* Company Profile */ }
  .page-id-9 .project-related-bg {
    width: 178px;
    height: 178px;
    border-radius: 178px/2; }
  .page-id-9 .project-related-title {
    width: 138px;
    height: 138px;
    border-radius: 178px/2; }

.single-mia_directory .hide-bio {
  display: none; }

.flexslider {
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important; }

.flexslider .slides li {
  max-height: 750px;
  overflow: hidden; }

.flex-direction-nav {
  z-index: 99; }

.flex-direction-nav .flex-prev {
  left: 5px !important;
  opacity: 1 !important; }

.flex-direction-nav .flex-next {
  right: 5px !important;
  opacity: 1 !important; }

#mia-slider {
  position: relative; }
  #mia-slider .wrap-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 9; }
  #mia-slider .positioning {
    position: absolute;
    bottom: 40px; }
  #mia-slider h1, #mia-slider p {
    margin-bottom: 20px; }
  #mia-slider h1 {
    display: inline-block;
    background: #5e6167;
    background: rgba(75, 79, 84, 0.8);
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-size: 5em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 0; }
    #mia-slider h1 span {
      padding: 0 20px; }
    #mia-slider h1 span.green {
      background: #b6bd00;
      background: rgba(182, 189, 0, 0.85); }
    #mia-slider h1 span.grey {
      background: #5e6167;
      background: rgba(75, 79, 84, 0.8); }
    #mia-slider h1 span.blue {
      background: #407cca;
      background: rgba(64, 124, 202, 0.85); }
    #mia-slider h1 span.red {
      background: #e73e51;
      background: rgba(231, 62, 81, 0.9); }
    #mia-slider h1 span.orange {
      background: #f38b00;
      background: rgba(243, 139, 0, 0.85); }
    #mia-slider h1 span.purple {
      background: #9f1b96;
      background: rgba(159, 27, 150, 0.75); }
  #mia-slider p {
    padding: 10px 20px;
    margin-bottom: .5em;
    background: #5e6167;
    background: rgba(75, 79, 84, 0.8);
    color: white;
    font-size: 1.75em;
    font-weight: 500; }

@media only screen and (max-width: 767px) {
  #mia-slider {
    height: auto;
    background-size: cover; }
    #mia-slider .wrap-inner {
      position: relative;
      width: 87%;
      padding: 20px; }
    #mia-slider .positioning {
      position: relative;
      bottom: auto; } }
@media only screen and (max-width: 767px) {
  #mia-slider h1 {
    font-size: 2em; }
  #mia-slider p {
    font-size: 1.1em; } }
/*******************************************************************/
#footer {
  margin-top: 20px; }
  #footer .copyright {
    margin-bottom: 20px; }

#page-bottom {
  padding-top: 20px;
  margin-top: 40px;
  border-top: 1px solid #c2c5c7; }
  #page-bottom .lastUnit {
    text-align: right; }

.page-template-template-contact-php #main-body .type-page {
  background: none;
  padding: 0; }

.outer-wrap-contact {
  display: inline-block;
  width: 220px;
  margin: 0 6px 20px;
  vertical-align: top;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }

.inner-wrap-contact {
  width: 200px;
  margin: 20px 20px 0; }
  .inner-wrap-contact h4 {
    margin: 0; }
  .inner-wrap-contact p {
    margin-bottom: 1em;
    font-size: 16px;
    line-height: 20px; }
  .inner-wrap-contact .contact-link {
    font-size: 16px; }

/*************************** FEB 2016 EDITS ***************************************/

#menu-item-2100{
	margin-right:10px !important;
}


.phoca-flagbox {
    display: inline-block;
    height: 20px;
    position: relative;
    vertical-align: middle;
    width: 36px;
	top:-3px;
}


.phoca-flag {
    bottom: 0;
    box-shadow: 0 0 0 2px #ffffff inset;
    display: inline-block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
}

.ca {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDY0MDAgMzIwMCI+DQo8cGF0aCBmaWxsPSIjZjAwIiBkPSJtMCwwaDY0MDB2MzIwMGgtNjQwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xNjAwLDBoMzIwMHYzMjAwaC0zMjAweiIvPg0KPHBhdGggZmlsbD0iI2YwMCIgZD0ibTMxOTkuOTUyNiwyOTBsLTIwOS41OTExLDQwOC43MWMtMjMuNzgyNSw0NC40Mi02Ni4zOTM3LDQwLjMtMTA5LjAwNDksMTUuNDlsLTE1MS43MzgzLTgyLjE1IDExMy4wOTI5LDYyNy43N2MyMy43ODI2LDExNC42OS01Mi41MjI1LDExNC42OS05MC4xNzk1LDY1LjFsLTI2NC44MTI4LTMwOS45NS00Mi45OTE5LDE1Ny40Yy00Ljk1NzcsMjAuNjctMjYuNzU2LDQyLjM4LTU5LjQ1ODUsMzcuMjFsLTMzNC44NTg4LTczLjYxIDg3Ljk1MjgsMzM0LjMyYzE4LjgyODQsNzQuMzkgMzMuNTE0OSwxMDUuMTktMTkuMDA4LDEyNC44MWwtMTE5LjM1NDUsNTguNjUgNTc2LjQzNzksNDg5LjU0YzIyLjgxNTcsMTguNTEgMzQuMzQzMiw1MS44MiAyNi4yMjA2LDgxLjk4bC01MC40NTA2LDE3My4xYzE5OC40NzYxLTIzLjkyIDM3Ni40MTg4LTQ1LjMzIDU3NC44OTA0LTY5LjIyIDE3LjYzNTMtLjIzIDQ2Ljg3NzksMTUuNDQgNDYuNzU3NSwzNi42OGwtMjYuMjk3Nyw2MzQuMTdoOTYuNWwtMTUuMTkwMi02MzIuODFjLS4xMjA1LTIxLjI0IDI2LjM5ODQtMzguMjcgNDQuMDMzNy0zOC4wNCAxOTguNDcxNiwyMy44OSAzNzYuNDE0NSw0NS4zIDU3NC44OTA2LDY5LjIybC01MC40NTA1LTE3My4xYy04LjEyMjYtMzAuMTYgMy40MDQ4LTYzLjQ3IDI2LjIyMDUtODEuOThsNTc2LjQzNzgtNDg5LjU0LTExOS4zNTQ0LTU4LjY1Yy01Mi41MjMtMTkuNjItMzcuODM2NC01MC40Mi0xOS4wMDgxLTEyNC44MWw4Ny45NTMtMzM0LjMyLTMzNC44NTksNzMuNjFjLTMyLjcwMjUsNS4xNy01NC41MDA4LTE2LjU0LTU5LjQ1ODYtMzcuMjFsLTQyLjk5MTktMTU3LjQtMjY0LjgxMjcsMzA5Ljk1Yy0zNy42NTcxLDQ5LjU5LTExMy45NjIyLDQ5LjU5LTkwLjE3OTYtNjUuMWwxMTMuMDkyNy02MjcuNzctMTUxLjczOCw4Mi4xNWMtNDIuNjEyMywyNC44MS04NS4yMjI0LDI4LjkzLTEwOS4wMDUtMTUuNDkiLz4NCjwvc3ZnPg0K") repeat scroll 0 0 / 100% 100%;
    height: 100%;
    width: 100%;
}


.ro {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTAgMzAwIj4NCjxwYXRoIGZpbGw9IiMwMDJiN2YiIGQ9Im0wLDBoMTUwdjMwMGgtMTUweiIvPg0KPHBhdGggZmlsbD0iI2ZjZDExNiIgZD0ibTE1MCwwaDE1MHYzMDBoLTE1MHoiLz4NCjxwYXRoIGZpbGw9IiNjZTExMjYiIGQ9Im0zMDAsMGgxNTB2MzAwaC0xNTB6Ii8+DQo8L3N2Zz4NCg==") repeat scroll 0 0 / 100% 100%;
     height: 100%;
    width: 100%;
}


.footer-address{
    background: #F0EFF0 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 10px 20px;
}

.footer-address a{
    color: #B5BE00;
	line-height:30px;
	font-size:22px;
    font-weight: 500;
    margin-bottom: 0px;
	text-transform:uppercase;
}