@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);
.pager {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.pager:before, .pager:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.pager:after {
  clear: both;
}

.pager {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.pager:before, .pager:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.pager:after {
  clear: both;
}

/**
 * $ARROW
 */
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 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.
 */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.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: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid [class*="span"].first {
  margin-left: 0;
}

.row-fluid .panels-ipe-portlet-wrapper:last-child .l-paad[class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808% !important;
  *margin-left: 102.02127659574467% !important;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574% !important;
  *margin-left: 93.51063829787232% !important;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234% !important;
  *margin-left: 84.99999999999999% !important;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106% !important;
  *margin-left: 76.48936170212764% !important;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872% !important;
  *margin-left: 67.9787234042553% !important;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375% !important;
  *margin-left: 59.46808510638297% !important;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035% !important;
  *margin-left: 50.95744680851063% !important;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617% !important;
  *margin-left: 42.4468085106383% !important;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936% !important;
  *margin-left: 33.93617021276596% !important;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702% !important;
  *margin-left: 25.425531914893618% !important;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468% !important;
  *margin-left: 16.914893617021278% !important;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234% !important;
  *margin-left: 8.404255319148938% !important;
}

[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}

[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}

@media (max-width: 767px) {
  .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;
  }

  .thumbnails > li {
    float: none;
    margin-left: 0;
  }

  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*="offset"]:first-child {
    margin-left: 0 !important;
  }

  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-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;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }

  .page-header h1 small {
    display: block;
    line-height: 20px;
  }

  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }

  .form-horizontal .control-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;
  }

  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }

  .media-object {
    margin-right: 0;
    margin-left: 0;
  }

  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }

  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }

  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }

  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }

  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }

  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }

  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }

  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }

  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }

  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }

  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }

  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }

  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652% !important;
    *margin-left: 102.6560479605031% !important;
  }

  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }

  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243% !important;
    *margin-left: 94.09251204890089% !important;
  }

  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }

  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221% !important;
    *margin-left: 85.52897613729868% !important;
  }

  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }

  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989% !important;
    *margin-left: 76.96544022569647% !important;
  }

  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }

  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768% !important;
    *margin-left: 68.40190431409427% !important;
  }

  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547% !important;
    *margin-left: 59.838368402492065% !important;
  }

  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }

  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326% !important;
    *margin-left: 51.27483249088986% !important;
  }

  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105% !important;
    *margin-left: 42.71129657928765% !important;
  }

  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }

  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884% !important;
    *margin-left: 34.14776066768544% !important;
  }

  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663% !important;
    *margin-left: 25.584224756083227% !important;
  }

  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }

  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442% !important;
    *margin-left: 17.02068884448102% !important;
  }

  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221% !important;
    *margin-left: 8.457152932878806% !important;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }

  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }

  .row-fluid {
    width: 100%;
    *zoom: 1;
  }

  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }

  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }

  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }

  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }

  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }

  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }

  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }

  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }

  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }

  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }

  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }

  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }

  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }

  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }

  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257% !important;
    *margin-left: 102.45771958537915% !important;
  }

  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }

  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402% !important;
    *margin-left: 93.91071103837061% !important;
  }

  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }

  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548% !important;
    *margin-left: 85.36370249136206% !important;
  }

  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }

  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693% !important;
    *margin-left: 76.81669394435352% !important;
  }

  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }

  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839% !important;
    *margin-left: 68.26968539734497% !important;
  }

  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982% !important;
    *margin-left: 59.72267685033642% !important;
  }

  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }

  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128% !important;
    *margin-left: 51.175668303327875% !important;
  }

  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273% !important;
    *margin-left: 42.62865975631933% !important;
  }

  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }

  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419% !important;
    *margin-left: 34.081651209310785% !important;
  }

  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642% !important;
    *margin-left: 25.53464266230224% !important;
  }

  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }

  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094% !important;
    *margin-left: 16.98763411529369% !important;
  }

  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%  !important;
    *margin-left: 8.440625568285142% !important;
  }
}
/**
 * $HLIST
 */
.view-portfolio-categories .portfolio-filters {
  margin: 0;
  padding: 0;
  border: 0;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.view-portfolio-categories .portfolio-filters:before, .view-portfolio-categories .portfolio-filters:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.view-portfolio-categories .portfolio-filters:after {
  clear: both;
}
.view-portfolio-categories .portfolio-filters li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
}

.l-branding .menu, .l-region--footer-bottom .menu {
  margin: 0;
  padding: 0;
  border: 0;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.l-branding .menu:before, .l-region--footer-bottom .menu:before, .l-branding .menu:after, .l-region--footer-bottom .menu:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.l-branding .menu:after, .l-region--footer-bottom .menu:after {
  clear: both;
}
.l-branding .menu li, .l-region--footer-bottom .menu li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  display: inline;
  float: left;
}
.l-branding .menu li, .l-region--footer-bottom .menu li {
  margin: 0 3px;
}
.l-branding .menu a, .l-region--footer-bottom .menu a {
  padding-left: 8px;
}
.l-branding .menu a.symbol, .l-region--footer-bottom .menu a.symbol {
  font-family: "Mono Social Icons Font";
  font-weight: normal;
  font-size: 26px;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  width: 100%;
  padding-left: 0;
}

/**
 * $ISLAND
 */
select:focus,
input:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 4px 1px rgba(236, 145, 96, 0.3);
  -moz-box-shadow: 0 0 4px 1px rgba(236, 145, 96, 0.3);
  box-shadow: 0 0 4px 1px rgba(236, 145, 96, 0.3);
}

input, select {
  min-height: 29.4px;
}

input, select, textarea {
  padding: 3.2px 7px;
}

input, select, textarea {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset;
  font-family: 'Open Sans','Helvetica','Arial';
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 19px;
  text-transform: none;
}

input, textarea, select {
  border-style: solid;
  border-width: 1px;
  color: inherit;
  margin: 0;
  outline: medium none;
}

fieldset {
  margin-left: 0;
  margin-right: 0;
  padding: 9px 1em 18px 1em;
  border-color: rgba(255, 255, 255, 0.76);
}

legend {
  font-size: 18px;
  font-size: 1.38462rem;
  padding: 0 0.8em;
  color: rgba(255, 255, 255, 0.64);
}

.page-front-one .ten-rows-region--six .section {
  background-image: url('../images/home-projects-bg.jpg?1391474200');
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.qualia-home-projects-overlay {
  background-color: transparent !important;
  margin-top: -340px;
  position: absolute;
  width: 100%;
}

/***** MAIN MENU *****/
/***   COLOR PALLETES ****/
.color-palette-1 .menu-button {
  background-color: #e6353a;
}
.color-palette-1 .sf-menu.sf-style-bitsblue li li a {
  background-color: white;
}
.color-palette-1 .sf-menu.sf-style-bitsblue li li a.menu-button {
  background-color: #e6353a;
}
.color-palette-1 .vp-point i.fa {
  border-color: #f4a6a9;
  color: #e6353a;
}
.color-palette-1 .vp-point .ne-column:hover i.fa {
  border-color: #e6353a;
  background-color: #e6353a;
  color: white;
}
.color-palette-1 .ui-tabs .ui-tabs-panel {
  color: #777777;
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-1 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-top-color: #e6353a;
}
.color-palette-1 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-1 .ui-tabs .ui-tabs-nav li a {
  color: #777777;
}
.color-palette-1 .l-main .title-wrapper hr {
  background: rgba(119, 119, 119, 0.1);
}

.color-palette-2 .menu-button {
  background-color: #e6353a;
}
.color-palette-2 .sf-menu.sf-style-bitsblue li li a {
  background-color: white;
}
.color-palette-2 .sf-menu.sf-style-bitsblue li li a.menu-button {
  background-color: #e6353a;
}
.color-palette-2 .vp-point i.fa {
  border-color: #848484;
  color: #e6353a;
}
.color-palette-2 .vp-point .ne-column:hover i.fa {
  border-color: #444444;
  background-color: #444444;
  color: #777777;
}
.color-palette-2 .ui-tabs .ui-tabs-panel {
  color: #777777;
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-top-color: #e6353a;
}
.color-palette-2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-2 .ui-tabs .ui-tabs-nav li a {
  color: #777777;
}
.color-palette-2 .l-main .title-wrapper hr {
  background: rgba(119, 119, 119, 0.1);
}

.color-palette-3 .menu-button {
  background-color: #e6353a;
}
.color-palette-3 .sf-menu.sf-style-bitsblue li li a {
  background-color: white;
}
.color-palette-3 .sf-menu.sf-style-bitsblue li li a.menu-button {
  background-color: #e6353a;
}
.color-palette-3 .vp-point i.fa {
  border-color: #848484;
  color: #e6353a;
}
.color-palette-3 .vp-point .ne-column:hover i.fa {
  border-color: #444444;
  background-color: #444444;
  color: #777777;
}
.color-palette-3 .ui-tabs .ui-tabs-panel {
  color: #777777;
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-3 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-top-color: #e6353a;
}
.color-palette-3 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-3 .ui-tabs .ui-tabs-nav li a {
  color: #777777;
}
.color-palette-3 .l-main .title-wrapper hr {
  background: rgba(119, 119, 119, 0.1);
}

.color-palette-4 .menu-button {
  background-color: #e6353a;
}
.color-palette-4 .sf-menu.sf-style-bitsblue li li a {
  background-color: white;
}
.color-palette-4 .sf-menu.sf-style-bitsblue li li a.menu-button {
  background-color: #e6353a;
}
.color-palette-4 .vp-point i.fa {
  border-color: #848484;
  color: #e6353a;
}
.color-palette-4 .vp-point .ne-column:hover i.fa {
  border-color: #444444;
  background-color: #444444;
  color: #777777;
}
.color-palette-4 .ui-tabs .ui-tabs-panel {
  color: #777777;
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-4 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-top-color: #e6353a;
}
.color-palette-4 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: rgba(119, 119, 119, 0.1);
  background-color: white;
}
.color-palette-4 .ui-tabs .ui-tabs-nav li a {
  color: #777777;
}
.color-palette-4 .l-main .title-wrapper hr {
  background: rgba(119, 119, 119, 0.1);
}

.color-palette-5 .menu-button {
  background-color: #e6353a;
}
.color-palette-5 .sf-menu.sf-style-bitsblue li li a {
  background-color: #2c2f35;
}
.color-palette-5 .sf-menu.sf-style-bitsblue li li a.menu-button {
  background-color: #e6353a;
}
.color-palette-5 .vp-point i.fa {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.64);
}
.color-palette-5 .vp-point .ne-column:hover i.fa {
  border-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
}
.color-palette-5 .ui-tabs .ui-tabs-panel {
  color: rgba(255, 255, 255, 0.64);
  border-color: #686868;
  background-color: #2c2f35;
}
.color-palette-5 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-top-color: rgba(255, 255, 255, 0.64);
}
.color-palette-5 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #686868;
  background-color: #2c2f35;
}
.color-palette-5 .ui-tabs .ui-tabs-nav li a {
  color: rgba(255, 255, 255, 0.64);
}
.color-palette-5 .l-main .title-wrapper hr {
  background: #686868;
}

/**
 * Custom Fonts
 * =============================================================
 */
/**
 * Color in Typography
 * =============================================================
 */
.color-palette-1, .vp-box.color-palette-1 {
  background-color: #f9f9f9;
  background-color: #f9f9f9;
  color: #777777;
  color: #777777;
}

h1, h2, h3, h4, h5, h6, .vp-divider, .color-palette-1 h1, .color-palette-1 h2, .color-palette-1 h3, .color-palette-1 h4, .color-palette-1 h5, .color-palette-1 h6, .color-palette-1 .vp-divider, .vp-box.color-palette-1 h1, .vp-box.color-palette-1 h2, .vp-box.color-palette-1 h3, .vp-box.color-palette-1 h4, .vp-box.color-palette-1 h5, .vp-box.color-palette-1 h6, .vp-box.color-palette-1 .vp-divider {
  color: #444444;
  color: #444444;
}

a, .color-palette-1 a, .vp-box.color-palette-1 a {
  color: #444444;
  color: #444444;
}

a:hover, a:focus, .color-palette-1 a:hover, .color-palette-1 a:focus, .vp-box.color-palette-1 a:hover, .vp-box.color-palette-1 a:focus {
  color: #e6353a;
  color: #e6353a;
}

p a, .color-palette-1 p a, .vp-box.color-palette-1 p a {
  color: #e6353a;
  color: #e6353a;
}

p a:hover, p a:focus, .color-palette-1 p a:hover, .color-palette-1 p a:focus, .vp-box.color-palette-1 p a:hover, .vp-box.color-palette-1 p a:focus {
  color: #444444;
  color: #444444;
}

.color-palette-2, .vp-box.color-palette-2 {
  background-color: #ffffff;
  background-color: white;
  color: #777777;
  color: #777777;
}

.color-palette-2 h1, .color-palette-2 h2, .color-palette-2 h3, .color-palette-2 h4, .color-palette-2 h5, .color-palette-2 h6, .color-palette-2 .vp-divider, .vp-box.color-palette-2 h1, .vp-box.color-palette-2 h2, .vp-box.color-palette-2 h3, .vp-box.color-palette-2 h4, .vp-box.color-palette-2 h5, .vp-box.color-palette-2 h6, .vp-box.color-palette-2 .vp-divider {
  color: #444444;
  color: #444444;
}

.color-palette-2 a, .vp-box.color-palette-2 a {
  color: #444444;
  color: #444444;
}

.color-palette-2 a:hover, .color-palette-2 a:focus, .vp-box.color-palette-2 a:hover, .vp-box.color-palette-2 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-2 p a, .vp-box.color-palette-2 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-2 p a:hover, .color-palette-2 p a:focus, .vp-box.color-palette-2 p a:hover, .vp-box.color-palette-2 p a:focus {
  color: #444444;
  color: #444444;
}

.color-palette-3,
.vp-box.color-palette-3 {
  background-color: #f3f3f3;
  background-color: #f3f3f3;
  color: #777777;
  color: #777777;
}

.color-palette-3 h1, .color-palette-3 h2, .color-palette-3 h3, .color-palette-3 h4, .color-palette-3 h5, .color-palette-3 h6, .color-palette-3 .vp-divider, .vp-box.color-palette-3 h1, .vp-box.color-palette-3 h2, .vp-box.color-palette-3 h3, .vp-box.color-palette-3 h4, .vp-box.color-palette-3 h5, .vp-box.color-palette-3 h6, .vp-box.color-palette-3 .vp-divider {
  color: #444444;
  color: #444444;
}

.color-palette-3 a, .vp-box.color-palette-3 a {
  color: #444444;
  color: #444444;
}

.color-palette-3 a:hover, .color-palette-3 a:focus, .vp-box.color-palette-3 a:hover, .vp-box.color-palette-3 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-3 p a, .vp-box.color-palette-3 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-3 p a:hover, .color-palette-3 p a:focus, .vp-box.color-palette-3 p a:hover, .vp-box.color-palette-3 p a:focus {
  color: #444444;
  color: #444444;
}

.color-palette-4, .vp-box.color-palette-4 {
  background-color: #44c4e3;
  background-color: #44c4e3;
  color: #f0f9ff;
  color: #f0f9ff;
}

.color-palette-4 h1, .color-palette-4 h2, .color-palette-4 h3, .color-palette-4 h4, .color-palette-4 h5, .color-palette-4 h6, .color-palette-4 .vp-divider, .vp-box.color-palette-4 h1, .vp-box.color-palette-4 h2, .vp-box.color-palette-4 h3, .vp-box.color-palette-4 h4, .vp-box.color-palette-4 h5, .vp-box.color-palette-4 h6, .vp-box.color-palette-4 .vp-divider {
  color: #ffffff;
  color: white;
}

.color-palette-4 a, .vp-box.color-palette-4 a {
  color: #ffffff;
  color: white;
}

.color-palette-4 a:hover, .color-palette-4 a:focus, .vp-box.color-palette-4 a:hover, .vp-box.color-palette-4 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-4 p a, .vp-box.color-palette-4 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-4 p a:hover, .color-palette-4 p a:focus, .vp-box.color-palette-4 p a:hover, .vp-box.color-palette-4 p a:focus {
  color: #ffffff;
  color: white;
}

.color-palette-5, .vp-box.color-palette-5 {
  background-color: #2f353e;
  background-color: #2f353e;
  color: #ccd2d8;
  color: #ccd2d8;
}

.color-palette-5 h1, .color-palette-5 h2, .color-palette-5 h3, .color-palette-5 h4, .color-palette-5 h5, .color-palette-5 h6, .color-palette-5 .vp-divider, .vp-box.color-palette-5 h1, .vp-box.color-palette-5 h2, .vp-box.color-palette-5 h3, .vp-box.color-palette-5 h4, .vp-box.color-palette-5 h5, .vp-box.color-palette-5 h6, .vp-box.color-palette-5 .vp-divider {
  color: #ffffff;
  color: white;
}

.color-palette-5 a, .vp-box.color-palette-5 a {
  color: #ffffff;
  color: white;
}

.color-palette-5 a:hover, .color-palette-5 a:focus, .vp-box.color-palette-5 a:hover, .vp-box.color-palette-5 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-5 p a, .vp-box.color-palette-5 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-5 p a:hover, .color-palette-5 p a:focus, .vp-box.color-palette-5 p a:hover, .vp-box.color-palette-5 p a:focus {
  color: #ffffff;
  color: white;
}

.color-palette-6, .vp-box.color-palette-6 {
  background-color: #1b212a;
  background-color: #1b212a;
  color: #ccd2d8;
  color: #ccd2d8;
}

.color-palette-6 h1, .color-palette-6 h2, .color-palette-6 h3, .color-palette-6 h4, .color-palette-6 h5, .color-palette-6 h6, .color-palette-6 .vp-divider, .vp-box.color-palette-6 h1, .vp-box.color-palette-6 h2, .vp-box.color-palette-6 h3, .vp-box.color-palette-6 h4, .vp-box.color-palette-6 h5, .vp-box.color-palette-6 h6, .vp-box.color-palette-6 .vp-divider {
  color: #ffffff;
  color: white;
}

.color-palette-6 a, .vp-box.color-palette-6 a {
  color: #ffffff;
  color: white;
}

.color-palette-6 a:hover, .color-palette-6 a:focus, .vp-box.color-palette-6 a:hover, .vp-box.color-palette-6 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-6 p a, .vp-box.color-palette-6 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-6 p a:hover, .color-palette-6 p a:focus, .vp-box.color-palette-6 p a:hover, .vp-box.color-palette-6 p a:focus {
  color: #ffffff;
  color: white;
}

.color-palette-7, .vp-box.color-palette-7 {
  background-color: #e6353a;
  background-color: #e6353a;
  color: #ffffff;
  color: white;
}

.color-palette-7 h1, .color-palette-7 h2, .color-palette-7 h3, .color-palette-7 h4, .color-palette-7 h5, .color-palette-7 h6, .color-palette-7 .vp-divider, .vp-box.color-palette-7 h1, .vp-box.color-palette-7 h2, .vp-box.color-palette-7 h3, .vp-box.color-palette-7 h4, .vp-box.color-palette-7 h5, .vp-box.color-palette-7 h6, .vp-box.color-palette-7 .vp-divider {
  color: #ffffff;
  color: white;
}

.color-palette-7 a, .vp-box.color-palette-7 a {
  color: #ffffff;
  color: white;
}

.color-palette-7 a:hover, .color-palette-7 a:focus, .vp-box.color-palette-7 a:hover, .vp-box.color-palette-7 a:focus {
  color: #2f353e;
  color: #2f353e;
}

.color-palette-7 p a, .vp-box.color-palette-7 p a {
  color: #2f353e;
  color: #2f353e;
}

.color-palette-7 p a:hover, .color-palette-7 p a:focus, .vp-box.color-palette-7 p a:hover, .vp-box.color-palette-7 p a:focus {
  color: #ffffff;
  color: white;
}

.color-palette-8, .vp-box.color-palette-8 {
  background-color: #e5f4fb;
  background-color: #e5f4fb;
  color: #89949b;
  color: #89949b;
}

.color-palette-8 h1, .color-palette-8 h2, .color-palette-8 h3, .color-palette-8 h4, .color-palette-8 h5, .color-palette-8 h6, .color-palette-8 .vp-divider, .vp-box.color-palette-8 h1, .vp-box.color-palette-8 h2, .vp-box.color-palette-8 h3, .vp-box.color-palette-8 h4, .vp-box.color-palette-8 h5, .vp-box.color-palette-8 h6, .vp-box.color-palette-8 .vp-divider {
  color: #4b5c66;
  color: #4b5c66;
}

.color-palette-8 a, .vp-box.color-palette-8 a {
  color: #4b5c66;
  color: #4b5c66;
}

.color-palette-8 a:hover, .color-palette-8 a:focus, .vp-box.color-palette-8 a:hover, .vp-box.color-palette-8 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-8 p a, .vp-box.color-palette-8 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-8 p a:hover, .color-palette-8 p a:focus, .vp-box.color-palette-8 p a:hover, .vp-box.color-palette-8 p a:focus {
  color: #4b5c66;
  color: #4b5c66;
}

.color-palette-9, .vp-box.color-palette-9 {
  background-color: #252b34;
  background-color: #252b34;
  color: #ccd2d8;
  color: #ccd2d8;
}

.color-palette-9 h1, .color-palette-9 h2, .color-palette-9 h3, .color-palette-9 h4, .color-palette-9 h5, .color-palette-9 h6, .color-palette-9 .vp-divider, .vp-box.color-palette-9 h1, .vp-box.color-palette-9 h2, .vp-box.color-palette-9 h3, .vp-box.color-palette-9 h4, .vp-box.color-palette-9 h5, .vp-box.color-palette-9 h6, .vp-box.color-palette-9 .vp-divider {
  color: #ffffff;
  color: white;
}

.color-palette-9 a, .vp-box.color-palette-9 a {
  color: #ffffff;
  color: white;
}

.color-palette-9 a:hover, .color-palette-9 a:focus, .vp-box.color-palette-9 a:hover, .vp-box.color-palette-9 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-9 p a, .vp-box.color-palette-9 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-9 p a:hover, .color-palette-9 p a:focus, .vp-box.color-palette-9 p a:hover, .vp-box.color-palette-9 p a:focus {
  color: #ffffff;
  color: white;
}

.color-palette-10, .vp-box.color-palette-10 {
  background-color: #1b212a;
  background-color: #1b212a;
  color: #9aa0a6;
  color: #9aa0a6;
}

.color-palette-10 h1, .color-palette-10 h2, .color-palette-10 h3, .color-palette-10 h4, .color-palette-10 h5, .color-palette-10 h6, .color-palette-10 .vp-divider, .vp-box.color-palette-10 h1, .vp-box.color-palette-10 h2, .vp-box.color-palette-10 h3, .vp-box.color-palette-10 h4, .vp-box.color-palette-10 h5, .vp-box.color-palette-10 h6, .vp-box.color-palette-10 .vp-divider {
  color: #b8bec4;
  color: #b8bec4;
}

.color-palette-10 a, .vp-box.color-palette-10 a {
  color: #b8bec4;
  color: #b8bec4;
}

.color-palette-10 a:hover, .color-palette-10 a:focus, .vp-box.color-palette-10 a:hover, .vp-box.color-palette-10 a:focus {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-10 p a, .vp-box.color-palette-10 p a {
  color: #e6353a;
  color: #e6353a;
}

.color-palette-10 p a:hover, .color-palette-10 p a:focus, .vp-box.color-palette-10 p a:hover, .vp-box.color-palette-10 p a:focus {
  color: #b8bec4;
  color: #b8bec4;
}

/**
 * Portfolio Archive
 * =============================================================
 */
.view .portfolio-filters, .color-palette-1 .view .portfolio-filters, .vp-box.color-palette-1 .view .portfolio-filters {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

.view .pager__item, .color-palette-1 .view .pager__item, .vp-box.color-palette-1 .view .pager__item {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

.view .portfolio-filters a.active, .color-palette-1 .view .portfolio-filters a.active, .vp-box.color-palette-1 .view .portfolio-filters a.active {
  border-bottom-color: #e6353a;
  border-bottom-color: #e6353a;
  color: #e6353a;
  color: #e6353a;
}

.view .portfolio .info, .color-palette-1 .view .portfolio .info, .vp-box.color-palette-1 .view .portfolio .info {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
  color: #777777;
  color: #777777;
}

.view .portfolio .info, .color-palette-1 .view .portfolio .info, .vp-box.color-palette-1 .view .portfolio .info {
  background-color: #e6353a;
  background-color: #e6353a;
  color: #ffffff;
  color: white;
}

.view .portfolio .info h5, .color-palette-1 .view .portfolio .info h5, .vp-box.color-palette-1 .view .portfolio .info h5 {
  color: #444444;
  color: #444444;
}

.view .portfolio .info h5, .color-palette-1 .view .portfolio .info h5, .vp-box.color-palette-1 .view .portfolio .info h5 {
  color: #ffffff;
  color: white;
}

.view.mode-overlay .portfolio .info, .color-palette-1 .view.mode-overlay .portfolio .info, .vp-box.color-palette-1 .view.mode-overlay .portfolio .info {
  background-color: #e6353a;
  background-color: rgba(230, 53, 58, 0.9);
}

/**
 * $TABLES
 */
table {
  width: 100%;
  margin-bottom: 18px;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  padding: 0.5em 1em;
  background-color: #077dc3;
  color: #fff;
}
th a,
th a.active {
  color: #fff;
}
th a img,
th a.active img {
  margin: 2px 3px;
}

td {
  padding: 0.5em 1em;
}

tr.odd {
  background: #e7f1f5;
}

tr.even {
  background: #f6fafb;
}

.vp-table table th {
  font-weight: normal;
}
.vp-table table th, .vp-table table td {
  padding: 10px 13px;
}
.vp-table table caption {
  font-size: 11px !important;
  line-height: 15px !important;
  margin: 13px 0 !important;
}

/* Table */
.vp-table table th, .color-palette-1 .vp-table table th, .vp-box.color-palette-1 .vp-table table th {
  background-color: #444444;
  background-color: #444444;
  color: #ffffff;
  color: white;
}

.vp-table table tr:nth-child(even), .color-palette-1 .vp-table table tr:nth-child(even), .vp-box.color-palette-1 .vp-table table tr:nth-child(even) {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-2 .vp-table table th, .vp-box.color-palette-2 .vp-table table th {
  background-color: #444444;
  background-color: #444444;
  color: #ffffff;
  color: white;
}

.color-palette-2 .vp-table table tr:nth-child(even), .vp-box.color-palette-2 .vp-table table tr:nth-child(even) {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-3 .vp-table table th, .vp-box.color-palette-3 .vp-table table th {
  background-color: #444444;
  background-color: #444444;
  color: #ffffff;
  color: white;
}

.color-palette-3 .vp-table table tr:nth-child(even), .vp-box.color-palette-3 .vp-table table tr:nth-child(even) {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-4 .vp-table table th, .vp-box.color-palette-4 .vp-table table th {
  background-color: #ffffff;
  background-color: white;
  color: #30b0cf;
  color: #30b0cf;
}

.color-palette-4 .vp-table table tr:nth-child(even), .vp-box.color-palette-4 .vp-table table tr:nth-child(even) {
  background-color: #f0f9ff;
  background-color: rgba(240, 249, 255, 0.1);
}

.color-palette-5 .vp-table table th, .vp-box.color-palette-5 .vp-table table th {
  background-color: #ffffff;
  background-color: white;
  color: #1b212a;
  color: #1b212a;
}

.color-palette-5 .vp-table table tr:nth-child(even), .vp-box.color-palette-5 .vp-table table tr:nth-child(even) {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-6 .vp-table table th, .vp-box.color-palette-6 .vp-table table th {
  background-color: #ffffff;
  background-color: white;
  color: #070d16;
  color: #070d16;
}

.color-palette-6 .vp-table table tr:nth-child(even), .vp-box.color-palette-6 .vp-table table tr:nth-child(even) {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-7 .vp-table table th, .vp-box.color-palette-7 .vp-table table th {
  background-color: #ffffff;
  background-color: white;
  color: #d22126;
  color: #d22126;
}

.color-palette-7 .vp-table table tr:nth-child(even), .vp-box.color-palette-7 .vp-table table tr:nth-child(even) {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}

.color-palette-8 .vp-table table th, .vp-box.color-palette-8 .vp-table table th {
  background-color: #4b5c66;
  background-color: #4b5c66;
  color: #d1e0e7;
  color: #d1e0e7;
}

.color-palette-8 .vp-table table tr:nth-child(even), .vp-box.color-palette-8 .vp-table table tr:nth-child(even) {
  background-color: #89949b;
  background-color: rgba(137, 148, 155, 0.1);
}

.color-palette-9 .vp-table table th, .vp-box.color-palette-9 .vp-table table th {
  background-color: #ffffff;
  background-color: white;
  color: #111720;
  color: #111720;
}

.color-palette-9 .vp-table table tr:nth-child(even), .vp-box.color-palette-9 .vp-table table tr:nth-child(even) {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-10 .vp-table table th, .vp-box.color-palette-10 .vp-table table th {
  background-color: #b8bec4;
  background-color: #b8bec4;
  color: #070d16;
  color: #070d16;
}

.color-palette-10 .vp-table table tr:nth-child(even), .vp-box.color-palette-10 .vp-table table tr:nth-child(even) {
  background-color: #9aa0a6;
  background-color: rgba(154, 160, 166, 0.1);
}

/**
 * $FONT-FACE
 */
@font-face {
  font-family: "Mono Social Icons Font";
  src: url('../fonts/mono_social/MonoSocialIconsFont.eot');
  src: url('../fonts/mono_social/MonoSocialIconsFont.eot?#iefix') format('eot'), url('../fonts/mono_social/MonoSocialIconsFont.woff') format('woff'), url('../fonts/mono_social/MonoSocialIconsFont.ttf') format('truetype'), url('../fonts/mono_social/MonoSocialIconsFont.svg') format('svg');
}

* html {
  font-size: 81.25%;
}

html {
  font-size: 13px;
  line-height: 1.53846em;
}

/**
 * $BASE-TYPOGRAPHY
 */
html {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.2);
  font-size: 13px;
}

body {
  background-color: #f9f9f9;
  background-color: #f9f9f9;
  background-repeat: repeat;
  background-position: center center;
  color: #777777;
  color: #777777;
  font-family: 'Open Sans', 'Helvetica', 'Arial';
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
}

/**
 * $LINKS
 */
a {
  color: #444444;
  background: transparent;
  text-decoration: none;
}
a:focus {
  color: #e6353a;
}
a:hover {
  color: #e6353a;
}
a:active {
  color: #444444;
}

/*** Menu Button Background ***/
a.menu-button-background-accent {
  background-color: #e6353a !important;
}

.sf-menu.sf-style-bitsblue li li a {
  background-color: #fff;
}

/**
 * $HEADINGS
 */
h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta, caption,
h5, .epsilon,
h6, .zeta {
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.30769em;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h1 a,
h1 a:visited, .alpha a,
.alpha a:visited,
h2 a,
h2 a:visited, .beta a,
.beta a:visited,
h3 a,
h3 a:visited, .gamma a,
.gamma a:visited,
h4 a,
h4 a:visited, .delta a, caption a,
.delta a:visited,
caption a:visited,
h5 a,
h5 a:visited, .epsilon a,
.epsilon a:visited,
h6 a,
h6 a:visited, .zeta a,
.zeta a:visited {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, .alpha a:hover,
h2 a:hover, .beta a:hover,
h3 a:hover, .gamma a:hover,
h4 a:hover, .delta a:hover, caption a:hover,
h5 a:hover, .epsilon a:hover,
h6 a:hover, .zeta a:hover {
  color: #064771;
}

h1, .alpha {
  font-size: 32px;
  font-size: 2.46154rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.25em;
  text-transform: none;
}

h2, .beta {
  font-size: 24px;
  font-size: 1.84615rem;
  font-weight: 300;
  text-transform: none;
  line-height: 32px;
}

h3, .gamma {
  font-size: 16px;
  font-size: 1.23077rem;
  font-weight: 600;
  text-transform: none;
  line-height: 25px;
}

h4, .delta, caption {
  font-size: 12px;
  font-size: 0.92308rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 21px;
}

h5, .epsilon {
  font-size: 15px;
  font-size: 1.15385rem;
  font-weight: 600;
  line-height: 23px;
}

h6, .zeta {
  font-size: 13px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 22px;
}

/**
 * $RULES
 */
/**
 * $PARAGRAPHS
 */
p {
  margin: 0;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 1.53846em;
}

p + img {
  float: left;
  margin-right: 1em;
}

/**
 * $QUOTES
 */
blockquote {
  margin: 13px 0;
  min-height: 23px;
  padding: 0 0 0 45px;
  font-family: 'Georgia', 'Helvetica', 'Arial';
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
  line-height: 23px;
  position: relative;
}
blockquote:before {
  font-size: 23px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-left: 6px;
  content: '\f10d';
  font-family: 'FontAwesome';
  font-style: normal;
  text-align: center;
  left: 0;
  position: absolute;
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  opacity: 0.3;
}

q {
  font-style: italic;
}

/****
*  WRAPPER
*/
.wrapper:before {
  content: "";
  display: table;
}
.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * $MARKS
 */
mark,
.marker {
  padding: 0.1em 0.5em;
  background: #52b1ea;
  color: #fff;
  font-size: 12px;
  font-size: 0.92308rem;
  text-transform: capitalize;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.post-meta {
  margin: 13px 0 0;
  display: table;
  width: 100%;
}

.sep {
  padding: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
}

.field--image img {
  border-radius: 3px;
}

.inline {
  display: inline-block;
}

.dropcap {
  font-size: 2.2em;
}

.vp-divider {
  margin: 26px 0;
}
.vp-divider i[class*="fa-"] {
  vertical-align: -5%;
}
.vp-divider .vp-divider-inner {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.vp-divider .vp-divider-inner > div {
  display: table-cell;
  vertical-align: middle;
  width: 0%;
  white-space: nowrap;
  word-wrap: break-word;
}
.vp-divider .d-center {
  padding: 0 5px;
}
.vp-divider hr {
  margin: 0;
  border-width: 1px 0 0;
  height: 0;
  border-style: solid;
}

.half-width {
  width: 50% !important;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
}

.full-width {
  width: 100% !important;
  display: table-cell;
}

.fa-1x {
  font-size: 13px;
}

.fa-2x {
  font-size: 26px;
}

/**
 * Color in Typography
 * =============================================================
 */
.color-red {
  color: #e6353a;
}

.color-grey {
  color: rgba(255, 255, 255, 0.76);
}

.color-black {
  color: #444;
}

/* Divider */
.vp-divider {
  margin: 26px 0;
  font-family: 'Open Sans', 'Helvetica', 'Arial';
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0px;
}

.vp-divider.vp-mode-double hr, .vp-divider.vp-mode-double-dashed hr, .vp-divider.vp-mode-double-dotted hr, .vp-divider.vp-mode-bold hr {
  height: 6px;
}

.vp-divider hr, .color-palette-1 .vp-divider hr, .vp-box.color-palette-1 .vp-divider hr {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

.vp-divider.vp-mode-bold hr, .color-palette-1 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-1 .vp-divider.vp-mode-bold hr {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-2 .vp-divider hr, .vp-box.color-palette-2 .vp-divider hr {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

.color-palette-2 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-2 .vp-divider.vp-mode-bold hr {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-3 .vp-divider hr, .vp-box.color-palette-3 .vp-divider hr {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.15);
}

.color-palette-3 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-3 .vp-divider.vp-mode-bold hr {
  background-color: #777777;
  background-color: rgba(119, 119, 119, 0.1);
}

.color-palette-4 .vp-divider hr, .vp-box.color-palette-4 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-4 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-4 .vp-divider.vp-mode-bold hr {
  background-color: #f0f9ff;
  background-color: rgba(240, 249, 255, 0.1);
}

.color-palette-5 .vp-divider hr, .vp-box.color-palette-5 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-5 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-5 .vp-divider.vp-mode-bold hr {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-6 .vp-divider hr, .vp-box.color-palette-6 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-6 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-6 .vp-divider.vp-mode-bold hr {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-7 .vp-divider hr, .vp-box.color-palette-7 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-7 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-7 .vp-divider.vp-mode-bold hr {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}

.color-palette-8 .vp-divider hr, .vp-box.color-palette-8 .vp-divider hr {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

.color-palette-8 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-8 .vp-divider.vp-mode-bold hr {
  background-color: #89949b;
  background-color: rgba(137, 148, 155, 0.1);
}

.color-palette-9 .vp-divider hr, .vp-box.color-palette-9 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-9 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-9 .vp-divider.vp-mode-bold hr {
  background-color: #ccd2d8;
  background-color: rgba(204, 210, 216, 0.1);
}

.color-palette-10 .vp-divider hr, .vp-box.color-palette-10 .vp-divider hr {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

.color-palette-10 .vp-divider.vp-mode-bold hr, .vp-box.color-palette-10 .vp-divider.vp-mode-bold hr {
  background-color: #9aa0a6;
  background-color: rgba(154, 160, 166, 0.1);
}

.flexslider .slides img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
}

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

.flexslider {
  vertical-align: top;
  border: none;
  box-shadow: none;
  font-size: 50%;
  margin: 0;
  background: none;
}
.flexslider .views-field-body {
  position: absolute;
  top: 0px;
  text-decoration: none;
  width: 100%;
  padding: 0px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.flexslider p {
  margin-bottom: 0.2em;
  line-height: 0em;
}
.flexslider .field--image-on-top-1 {
  position: absolute;
  width: auto;
  bottom: 0px;
}
.flexslider .flex-control-nav {
  transition: all 2s;
}
.separator-pressed-shadow .flexslider .flex-control-nav {
  bottom: 100px;
}
.flexslider:hover .flex-control-nav {
  opacity: 1;
}
.flexslider h1, .flexslider h2, .flexslider h3, .flexslider h4 {
  color: white;
}
.flexslider h1 {
  font-size: 3.5em;
}
.flexslider h2 {
  font-size: 2.4em;
}
.flexslider h3 {
  font-size: 1.24em;
}
.flexslider h4 {
  font-size: 1.15em;
}
.flexslider h5 {
  font-size: 1em;
}

@media (min-width: 44em) {
  .flexslider {
    font-size: 80%;
  }
  .flexslider p {
    margin-bottom: .5em;
    line-height: 1.54em;
  }
  .flexslider .views-field-body {
    padding: 15px;
  }
}
@media (min-width: 71.25em) {
  .flexslider {
    font-size: 100%;
  }
}
.flex-control-nav {
  position: relative;
  bottom: 60px;
  z-index: 10;
  opacity: 0;
}

.flex-control-paging li a {
  background: rgba(196, 196, 196, 0.5);
}

.flex-control-paging li a.flex-active {
  background: rgba(209, 209, 209, 0.9);
}

.flex-direction-nav a {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  top: 48%;
  line-height: 45px;
  padding: 0 14px;
  background: rgba(0, 0, 0, 0.9);
  text-shadow: none;
}
.flex-direction-nav a:hover {
  color: #e7e7e7;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.flex-direction-nav a.flex-prev {
  left: 30px;
}
.flex-direction-nav a.flex-prev:before {
  content: "\f104";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 26px;
}
.flex-direction-nav a.flex-next {
  right: 30px;
}
.flex-direction-nav a.flex-next:before {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size: 26px;
}

.flexslider .slides .field--image-on-top-1 img {
  width: 100% !important;
  height: auto !important;
}

.view-front-carousel .flexslider .slides > li, .view-jilfm-web-carousel .flexslider .slides > li{
  margin-right: 10px;
}
.view-front-carousel .flexslider .slides > li .info, .view-jilfm-web-carousel .flexslider .slides > li .info {
  background-color: #e6353a;
  background-color: #e6353a;
  color: #ffffff;
  color: white;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  padding: 13px;
  text-align: center;
}
.view-front-carousel .flexslider .slides > li .info:before, .view-jilfm-web-carousel  .flexslider .slides > li .info:before{
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.view-front-carousel .flexslider .slides > li .info h5, .view-jilfm-web-carousel  .flexslider .slides > li .info h5 {
  color: #ffffff;
  color: white;
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-front-carousel .flexslider .slides > li .info .portfolio-meta, .view-jilfm-web-carousel .flexslider .slides > li .info .portfolio-meta {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
}
.view-front-carousel .flexslider .slides > li .info .info-wrapper, .view-jilfm-web-carousel .flexslider .slides > li .info .info-wrapper {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: 95%;
}
.view-front-carousel .flexslider .slides > li a, .view-jilfm-web-carousel .flexslider .slides > li a {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: -webkit-grab !important;
  cursor: -moz-grab;
}
.view-front-carousel .flexslider .slides > li a:hover, .view-jilfm-web-carousel .flexslider .slides > li a:hover {
  color: #e6353a;
  color: #e6353a;
}
.view-front-carousel .flexslider .slides > li a:hover .info, .view-jilfm-web-carousel  .flexslider .slides > li a:hover .info{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: .9;
}
.view-front-carousel .flexslider .slides > li a:hover .info .info-wrapper, .view-jilfm-web-carousel  .flexslider .slides > li a:hover .info .info-wrapper {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.view-front-carousel .flexslider .flex-direction-nav a, .view-jilfm-web-carousel .flexslider .flex-direction-nav a {
  line-height: 50px;
  display: block;
  Opacity: 1;
  background-color: rgba(230, 52, 58, 0.71);
  color: whiteSmoke;
}
.view-front-carousel .flexslider .flex-direction-nav .flex-next, .view-jilfm-web-carousel .flexslider .flex-direction-nav .flex-next {
  text-align: left;
  padding-left: 9px;
  right: 0px;
  width: 24px;
}
.view-front-carousel .flexslider .flex-direction-nav .flex-prev, .view-jilfm-web-carousel  .flexslider .flex-direction-nav .flex-prev {
  left: 0px;
  text-align: right;
  padding-right: 9 PX;
  width: 24px;
}
.view-front-carousel .flexslider .flex-direction-nav .flex-prev:before, .view-jilfm-web-carousel  .flexslider .flex-direction-nav .flex-prev:before {
  margin-left: -6px;
}

/* Footer Region */
.l-region--footer h2.pane-title {
  color: #fff;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 26px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  line-height: 19px;
}

.header {
  z-index: 998;
  position: relative;
}

#mainlogo {
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  height: 80px;
}

#mainmenu {
  position: relative;
}

#logo > img {
  padding: 20px 0;
}

.section.mode-centered {
  text-align: center;
}

.pane-page-title {
  margin-bottom: 9px;
}
.pane-page-title h1 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  text-transform: none;
  letter-spacing: -1px;
  line-height: 38px;
  color: white !important;
}

.l-region--hero .section {
  background-image: url('../images/sub-header-bg.jpg?1391474200');
  background-position: center bottom;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: cover;
}
.l-region--hero .breadcrumb {
  font-size: 11px;
}
.l-region--hero .breadcrumb li {
  padding-left: 10px;
  margin-left: 7px;
}
.l-region--hero .breadcrumb {
  white-space: nowrap;
}
.l-region--hero ul.breadcrumb {
  margin: 0;
  padding: 0;
}
.l-region--hero .breadcrumb a {
  color: inherit;
}
.l-region--hero .breadcrumb li {
  display: inline-block;
  position: relative;
}
.l-region--hero .breadcrumb li:before {
  content: '/';
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  position: absolute;
  left: 0;
  display: inline-block;
}
.l-region--hero .breadcrumb li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.l-region--hero .breadcrumb li:first-child:before {
  content: none;
  display: none;
}

.l-branding {
  font-size: 11px;
  line-height: 18.7px;
}

.page-gray-classic-front .l-main {
  padding-top: 80px;
}

/*******************************************************************************
 * All Home Page Layouts
 *
 * Styles for the All Home Page layout.
 ******************************************************************************/
.wrapper {
  width: auto;
  padding: 0 20px;
  margin: 0 auto;
}

.l-main {
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
  padding-bottom: 20px;
}
.l-main:before, .l-main:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.l-main:after {
  clear: both;
}

/* Header */
.l-region--header {
  padding: 18px 0;
}
.l-region--header .block {
  float: right;
}

/* Content Area */
.l-highlighted .wrapper {
  padding: 18px 0;
}

/* Sidebars */
.l-region--sidebar-first,
.l-region--sidebar-second,
.p-padded .l-content {
  padding: 18px 0;
}

/* Footer */
.l-region--navigation .section {
  position: relative;
  width: 100%;
  z-index: 77;
}

.header-spacer {
  padding-top: 0px;
}

@media (min-width: 850px) {
  .l-region--navigation .section {
    position: absolute;
    width: 100%;
  }

  .header-spacer {
    padding-top: 80px;
  }
}
@media (min-width: 44em) {
  /* Header */
  .l-region--header {
    width: 100%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  /* Sidebars */
  .has-two-sidebars .l-content,
  .has-one-sidebar .l-content {
    width: 74.39024%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second,
  .has-one-sidebar .l-region--sidebar-first,
  .has-one-sidebar .l-region--sidebar-second {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
@media (min-width: 71.25em) {
  .wrapper {
    max-width: 1180px;
  }

  /* Sidebars */
  .has-one-sidebar .l-content {
    width: 74.39024%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .has-one-sidebar .l-region--sidebar-first {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .has-two-sidebars .l-content {
    width: 48.78049%;
    float: left;
    margin-right: -100%;
    margin-left: 25.60976%;
    clear: none;
  }
  .has-two-sidebars .l-region--sidebar-first {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
  .has-two-sidebars .l-region--sidebar-second {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
.sf-menu.sf-style-bitsblue {
  margin-bottom: 0;
  margin-top: 25px;
}

.sf-menu.sf-style-bitsblue.sf-navbar {
  width: 100%;
}

.sf-menu.sf-style-bitsblue a,
.sf-menu.sf-style-bitsblue span.nolink {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0.75em 1.2em;
  font-weight: bold;
}

.sf-menu.sf-style-bitsblue li li a {
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
}

.sf-menu.sf-style-bitsblue a.sf-with-ul,
.sf-menu.sf-style-bitsblue span.nolink.sf-with-ul {
  padding-right: 2.25em;
}

.sf-menu.sf-style-bitsblue.rtl a.sf-with-ul,
.sf-menu.sf-style-bitsblue.rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}

.sf-menu.sf-style-bitsblue.sf-navbar a,
.sf-menu.sf-style-bitsblue.sf-navbar span.nolink {
  border: 0;
}

.sf-menu.sf-style-bitsblue span.sf-description {
  color: #555555;
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 5px 0 0 5px;
  padding: 0;
}

.sf-menu.sf-style-bitsblue.rtl span.sf-description {
  margin: 5px 5px 0 0;
}

.sf-menu.sf-style-bitsblue li,
.sf-menu.sf-style-bitsblue.sf-navbar {
  display: list-item;
}

.sf-menu.sf-style-bitsblue li li {
  font-weight: normal;
  text-transform: normal;
}

.sf-menu.sf-style-bitsblue li li:first-child {
  border-top: 3px solid #e6353a;
}

.sf-menu.sf-style-bitsblue li li li {
  background: #f5f5f5;
}

.sf-menu.sf-style-bitsblue li:hover,
.sf-menu.sf-style-bitsblue li.sfHover,
.sf-menu.sf-style-bitsblue a:focus,
.sf-menu.sf-style-bitsblue a:hover,
.sf-menu.sf-style-bitsblue a:active,
.sf-menu.sf-style-bitsblue span.nolink:hover,
.sf-menu.sf-style-bitsblue.sf-navbar li li {
  color: #E6353A;
}

.sf-menu.sf-style-bitsblue.sf-navbar li ul {
  background-color: #e9e9e9;
}

.sf-menu.sf-style-bitsblue.sf-navbar li ul li ul {
  background-color: transparent;
}

.sf-menu.sf-style-bitsblue .sf-sub-indicator {
  background-image: url('../images/arrows-777777.png?1391474200');
}

.sf-menu.sf-style-bitsblue.rtl .sf-sub-indicator {
  background-image: url('../images/arrows-777777-rtl.png?1391474200');
}

a > .sf-sub-indicator, span.nolink > .sf-sub-indicator {
  top: 1em;
  right: 0.95em;
}

div.sf-accordion-toggle.sf-style-bitsblue a {
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  color: #555555;
  padding: 1em;
}

.sf-accordion-toggle.sf-style-bitsblue {
  position: absolute;
  right: 20px;
  top: 28px;
  z-index: 12;
}

div.sf-accordion-toggle.sf-style-bitsblue a.sf-expanded,
.sf-menu.sf-style-bitsblue.sf-accordion li.sf-expanded {
  background-color: #e9e9e9;
}

div.sf-accordion-toggle.sf-style-bitsblue a.sf-expanded,
.sf-menu.sf-style-bitsblue.sf-accordion li.sf-expanded > a,
.sf-menu.sf-style-bitsblue.sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}

.sf-menu.sf-style-bitsblue.sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}

.sf-menu.sf-style-bitsblue.sf-accordion li li a,
.sf-menu.sf-style-bitsblue.sf-accordion li li span.nolink {
  padding-left: 2em;
}

.sf-menu.sf-style-bitsblue.sf-accordion li li li a,
.sf-menu.sf-style-bitsblue.sf-accordion li li li span.nolink {
  padding-left: 3em;
}

.sf-menu.sf-style-bitsblue.sf-accordion li li li li a,
.sf-menu.sf-style-bitsblue.sf-accordion li li li li span.nolink {
  padding-left: 4em;
}

.sf-menu.sf-style-bitsblue.sf-accordion li li li li li a,
.sf-menu.sf-style-bitsblue.sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}

.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li a,
.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}

.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li a,
.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}

.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li li a,
.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}

.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li li li a,
.sf-menu.sf-style-bitsblue.rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}

.sf-menu.sf-style-bitsblue ul.sf-megamenu li.sf-megamenu-wrapper ol,
.sf-menu.sf-style-bitsblue ul.sf-megamenu li.sf-megamenu-wrapper ol li {
  margin: 0;
  padding: 0;
}

.sf-menu.sf-style-bitsblue ul.sf-megamenu li.sf-megamenu-wrapper a.menuparent,
.sf-menu.sf-style-bitsblue ul.sf-megamenu li.sf-megamenu-wrapper span.nolink.menuparent {
  font-weight: bold;
}

.sf-menu.sf-style-bitsblue ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  display: inline;
  float: left;
}

.sf-menu.sf-style-bitsblue.rtl ul.sf-megamenu li.sf-megamenu-wrapper ol li.sf-megamenu-column {
  float: right;
}

.sf-menu li li:hover > ul, .sf-menu li li.sfHover > ul {
  top: -3px;
}

/* Color Palette for Menu */
.color-palette-5 li.sf-expanded > a {
  color: #e6353a;
}

.pager {
  margin: 10px 0;
}

/*******************************************************************************
 * grid3333.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid3333 {
  *zoom: 1;
}
.panel-display--grid3333:after {
  content: "";
  display: table;
  clear: both;
}

.grid3333-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid3333-region--first {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid3333-region--second {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 25.60976%;
    clear: none;
  }

  .grid3333-region--third {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 51.21951%;
    clear: none;
  }

  .grid3333-region--fourth {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid335.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid335 {
  *zoom: 1;
}
.panel-display--grid335:after {
  content: "";
  display: table;
  clear: both;
}

.grid335-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid335-region--first {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid335-region--second {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 25.60976%;
    clear: none;
  }

  .grid335-region--third {
    width: 40.2439%;
    float: left;
    margin-right: -100%;
    margin-left: 51.21951%;
    clear: none;
  }
}
/*******************************************************************************
 * grid39.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid39 {
  *zoom: 1;
}
.panel-display--grid39:after {
  content: "";
  display: table;
  clear: both;
}

.grid39-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid39-region--first {
    width: 23.17073%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid39-region--second {
    width: 74.39024%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid48.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid48 {
  *zoom: 1;
}
.panel-display--grid48:after {
  content: "";
  display: table;
  clear: both;
}

.grid48-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid48-region--first {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid48-region--second {
    width: 65.85366%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid75.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid75 {
  *zoom: 1;
}
.panel-display--grid75:after {
  content: "";
  display: table;
  clear: both;
}

.grid75-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid75-region--first {
    width: 57.31707%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid75-region--second {
    width: 40.2439%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid84.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid84 {
  *zoom: 1;
}
.panel-display--grid84:after {
  content: "";
  display: table;
  clear: both;
}

.grid84-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid84-region--first {
    width: 65.85366%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid84-region--second {
    width: 31.70732%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid93.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--grid93 {
  *zoom: 1;
}
.panel-display--grid93:after {
  content: "";
  display: table;
  clear: both;
}

.grid93-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid93-region--first {
    width: 74.39024%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .grid93-region--second {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
/*******************************************************************************
 * grid93(SWITCHED).layout.scss
 *
 * Styling of the "grid93s" layout demonstrating the grid93s rule and asymmetric
 * grids with Singularity.
 ******************************************************************************/
.panel-display--grid93s {
  *zoom: 1;
}
.panel-display--grid93s:after {
  content: "";
  display: table;
  clear: both;
}

.grid93s-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .grid93s-region--first {
    width: 23.17073%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .grid93s-region--second {
    width: 74.39024%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }
}
/*******************************************************************************
 * three-col.layout.scss
 *
 * Styling of the "Qualia Default Front" 12 column layout..
 ******************************************************************************/
.panel-display--three-col {
  *zoom: 1;
}
.panel-display--three-col:after {
  content: "";
  display: table;
  clear: both;
}

.three-col-region {
  margin-bottom: 18px;
}

@media (min-width: 44em) {
  .three-col-region--first {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .three-col-region--second {
    width: 31.70732%;
    float: left;
    margin-right: -100%;
    margin-left: 34.14634%;
    clear: none;
  }

  .three-col-region--third {
    width: 31.70732%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }
}
.pane-top-header > .contextual-links-wrapper, .pane-bottom-footer > .contextual-links-wrapper {
  left: 5px;
  right: auto;
}

.progress-ring {
  display: inline-block;
  text-align: center;
}
.progress-ring .title {
  font-size: 11px;
  line-height: 15px;
  margin-top: 13px;
  font-style: italic;
}
.progress-ring input {
  box-shadow: none;
}

.meter {
  height: 13px;
  /* Can be anything */
  position: relative;
  margin: 30px 0 20px 0;
  /* Just for demo spacing */
  background: #555;
  background-color: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter .title {
  position: absolute;
  top: -22px;
  left: 0;
}
.meter .m-progress {
  position: absolute;
  top: -22px;
  right: 0;
}

table .meter {
  margin: 0;
}

.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}

.meter > span:after, .animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 50px 50px;
  }
}

.blue > span {
  background-color: #118cb8;
  background-image: -moz-linear-gradient(top, #118cb8, #83d6f3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #118cb8), color-stop(1, #83d6f3));
  background-image: -webkit-linear-gradient(#118cb8, #83d6f3);
}

.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}

.search-block-form {
  margin-bottom: 52px;
  padding-top: 1px;
  position: relative;
}
.search-block-form .form-item-search-block-form {
  display: block;
  padding-right: 39px;
}
.search-block-form .form-text {
  width: 100%;
  padding: 3px 4px;
}
.search-block-form .form-submit {
  position: absolute;
  top: 0px;
  right: -15px;
  font-family: FontAwesome;
  padding: 0 12px;
  background: #444444;
  color: white;
  line-height: 29px;
  min-height: 27px;
}

.dropshadow {
  position: relative;
  margin-bottom: 20px;
  z-index: 5;
  display: inline-block;
  max-width: 100%;
}

.dropshadow img {
  display: block;
  margin: 0;
}

.raised {
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.dropshadow:before,
.dropshadow:after {
  content: "";
  position: absolute;
  z-index: 0;
}

.lifted {
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.lifted:before,
.lifted:after {
  bottom: 27px;
  left: 20px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  -o-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.lifted:after {
  right: 20px;
  left: auto;
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.perspective:before {
  left: 80px;
  bottom: 3px;
  width: 50%;
  height: 35%;
  max-width: 50px;
  max-height: 40px;
  -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -o-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -moz-transform: skew(50deg, 0deg);
  -webkit-transform: skew(50deg, 0deg);
  -o-transform: skew(50deg, 0deg);
  -ms-transform: skew(50deg, 0deg);
  transform: skew(50deg, 0deg);
  -moz-transform-origin: 0 107%;
  -webkit-transform-origin: 0 107%;
  -o-transform-origin: 0 107%;
  -ms-transform-origin: 0 107%;
  transform-origin: 0 107%;
}

.perspective:after {
  display: none;
}

.curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 50%;
  -moz-box-shadow: 0 0 10px black;
  -webkit-box-shadow: 0 0 10px black;
  -o-box-shadow: 0 0 10px black;
  box-shadow: 0 0 10px black;
  -webkit-border-radius: 10px 100px;
  -moz-border-radius: 10px / 100px;
  -o-border-radius: 10px / 100px;
  -ms-border-radius: 10px / 100px;
  -khtml-border-radius: 10px / 100px;
  border-radius: 10px / 100px;
}

.curved-vt2:before {
  right: 0;
}

.curved-hz1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 100px 10px;
  -moz-border-radius: 100px / 10px;
  -o-border-radius: 100px / 10px;
  -ms-border-radius: 100px / 10px;
  -khtml-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.curved-hz2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-border-radius: 100px 10px;
  -moz-border-radius: 100px / 10px;
  -o-border-radius: 100px / 10px;
  -ms-border-radius: 100px / 10px;
  -khtml-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}

.ui-widget {
  font-family: 'PT Sans', 'Helvetica', 'Arial';
  font-size: 1.0em;
}

.ui-widget-content {
  border: none;
  background: none;
  color: #777;
}

.ui-widget-header {
  background: none;
  border: none;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

.ui-tabs .ui-tabs-panel {
  border-style: solid;
  border-width: 1px;
  padding: 26px;
  position: relative;
  overflow: hidden;
}

.ui-tabs .ui-tabs-nav li {
  display: block;
  border-width: 4px 0 1px 0;
  border-style: solid;
  border-color: transparent;
  margin: 0;
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
  float: left;
  border-radius: 0;
  background: none;
}
.ui-tabs .ui-tabs-nav li a {
  padding: 10px 13px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 4px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-paging {
  display: none;
}

.ui-tabs .ui-tabs-nav li a {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  display: block;
  padding: 10px 13px;
  border-width: 0 1px;
}

.ui-accordion .ui-accordion-header {
  font-weight: bold;
  margin-top: 5px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  padding: 1em .5em 1em 2.2em;
}
.ui-accordion .ui-accordion-header a {
  padding-left: 0;
}
.ui-accordion .ui-corner-top {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.ui-accordion .ui-state-default, .ui-accordion .ui-state-focus, .ui-accordion .ui-state-active {
  background: #fff;
  border-color: #d8d8d8;
}
.ui-accordion .ui-state-default a, .ui-accordion .ui-state-focus a, .ui-accordion .ui-state-active a {
  color: #777;
}
.ui-accordion .ui-accordion-content {
  background: white;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 0 1px 1px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  width: 100% !important;
}
.ui-accordion .ui-accordion-content-active {
  height: inherit !important;
}

div.vertical-tabs {
  margin-left: 25%;
}

.vertical-tabs ul.vertical-tabs-list {
  width: 34%;
  margin: -1px 0 -1px -34%;
  border: none;
}
.vertical-tabs ul.vertical-tabs-list li {
  background: transparent;
  border-width: 1px 0px 0px 4px;
  border-color: transparent;
}
.vertical-tabs ul.vertical-tabs-list li:focus {
  outline-style: none;
}
.vertical-tabs ul.vertical-tabs-list li.selected {
  border-style: solid;
  border-width: 1px 0px 1px 4px;
}
.vertical-tabs ul.vertical-tabs-list li.selected a strong {
  font-weight: bold;
}
.vertical-tabs ul.vertical-tabs-list li a {
  padding: 0.8em 0.6em;
}
.vertical-tabs ul.vertical-tabs-list li a strong {
  font-weight: normal;
}

/* Tabs */
/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
div.vertical-tabs, .ui-tabs .ui-tabs-panel, .color-palette-1 div.vertical-tabs, .color-palette-1 .ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .color-palette-1 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #ffffff;
  background-color: white;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

/* Selected horizontal tab Border top and bottom color */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .color-palette-1 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
  border-bottom-color: white;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.vertical-tabs ul.vertical-tabs-list li.selected, .color-palette-1 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
  border-right-color: #ffffff;
  border-right-color: white;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-2 div.vertical-tabs, .color-palette-2 .ui-tabs .ui-tabs-panel, .color-palette-2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #ffffff;
  background-color: white;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-2 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
  border-bottom-color: white;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-2 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
  border-right-color: #ffffff;
  border-right-color: white;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-3 div.vertical-tabs, .color-palette-3 .ui-tabs .ui-tabs-panel, .color-palette-3 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #ffffff;
  background-color: white;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.15);
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-3 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
  border-bottom-color: white;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-3 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.15);
  border-right-color: #ffffff;
  border-right-color: white;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-4 div.vertical-tabs, .color-palette-4 .ui-tabs .ui-tabs-panel, .color-palette-4 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #30b0cf;
  background-color: #30b0cf;
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-4 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #30b0cf;
  border-bottom-color: #30b0cf;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-4 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #30b0cf;
  border-right-color: #30b0cf;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-5 div.vertical-tabs, .color-palette-5 .ui-tabs .ui-tabs-panel, .color-palette-5 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background-color: #1b212a;
  background-color: #1b212a;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-5 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #1b212a;
  border-bottom-color: #1b212a;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-5 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #1b212a;
  border-right-color: #1b212a;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-6 div.vertical-tabs, .color-palette-6 .ui-tabs .ui-tabs-panel, .color-palette-6 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #070d16;
  background-color: #070d16;
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-6 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #070d16;
  border-bottom-color: #070d16;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-6 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #070d16;
  border-right-color: #070d16;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-7 div.vertical-tabs, .color-palette-7 .ui-tabs .ui-tabs-panel, .color-palette-7 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #d22126;
  background-color: #d22126;
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-7 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #d22126;
  border-bottom-color: #d22126;
  border-top-color: #2f353e;
  border-top-color: #2f353e;
}

/* Selected vertical tab border colors */
.color-palette-7 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #d22126;
  border-right-color: #d22126;
  border-left-color: #2f353e;
  border-left-color: #2f353e;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-8 div.vertical-tabs, .color-palette-8 .ui-tabs .ui-tabs-panel, .color-palette-8 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #d1e0e7;
  background-color: #d1e0e7;
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-8 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #d1e0e7;
  border-bottom-color: #d1e0e7;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-8 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #000000;
  border-color: rgba(0, 0, 0, 0.1);
  border-right-color: #d1e0e7;
  border-right-color: #d1e0e7;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-9 div.vertical-tabs, .color-palette-9 .ui-tabs .ui-tabs-panel, .color-palette-9 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #111720;
  background-color: #111720;
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-9 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #111720;
  border-bottom-color: #111720;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-9 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #111720;
  border-right-color: #111720;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

/* Vertical and Horizontal tabs Panel background and panels border -- Selected Horizontal tab border and background color */
.color-palette-10 div.vertical-tabs, .color-palette-10 .ui-tabs .ui-tabs-panel, .color-palette-10 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #070d16;
  background-color: #070d16;
}

/* Selected horizontal tab Border top and bottom color */
.color-palette-10 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #070d16;
  border-bottom-color: #070d16;
  border-top-color: #e6353a;
  border-top-color: #e6353a;
}

/* Selected vertical tab border colors */
.color-palette-10 .vertical-tabs ul.vertical-tabs-list li.selected {
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.2);
  border-right-color: #070d16;
  border-right-color: #070d16;
  border-left-color: #e6353a;
  border-left-color: #e6353a;
}

.view-recent-posts .field--image a {
  text-align: center;
}
.view-recent-posts .field--image a:hover {
  opacity: 0.8;
}
.view-recent-posts img {
  border-radius: 3px;
  padding-right: 10%;
}
.view-recent-posts h6 {
  text-transform: none;
}
.view-recent-posts h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  text-transform: none;
}

.view-testimonial .field--image img {
  border-radius: 3px;
  height: auto;
  width: 80px;
  line-height: 65px;
}
.view-testimonial .pane-node-body {
  margin-bottom: 13px;
}
.view-testimonial .pane-node-title {
  font-weight: bold;
}

.view-portfolio-categories .portfolio-filters {
  border-style: solid;
  border-width: 1px 0;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.view-portfolio-categories .portfolio-filters li a {
  padding: 12px 13px;
  line-height: 39px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
  margin-bottom: -1px;
}

.node-teaser.node-portfolio {
  float: left;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
}
.node-teaser.node-portfolio a {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  overflow: visible;
  display: block;
  position: relative;
}
.node-teaser.node-portfolio .field--image {
  z-index: 0;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}
.node-teaser.node-portfolio .info {
  position: absolute;
  z-index: -1;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px;
  text-align: center;
}
.node-teaser.node-portfolio .info:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.node-teaser.node-portfolio .info h5 {
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.node-teaser.node-portfolio .info .portfolio-meta {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
}
.node-teaser.node-portfolio .info .info-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: 95%;
}
.node-teaser.node-portfolio a:hover .field--image {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.node-teaser.node-portfolio a:hover .info {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 1;
}

.view-portfolios, .view-jilfm-web {
  margin: 26px 0;
}
.view-portfolios .views-row, .view-jilfm-web .views-row {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.view-portfolios .view-content a, .view-jilfm-web .view-content a {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  overflow: visible;
  display: block;
  position: relative;
}
.view-portfolios .field--image, .view-jilfm-web .field--image {
  z-index: 0;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
}
.view-portfolios .info, .view-jilfm-web .info {
  position: absolute;
  z-index: -1;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px;
  text-align: center;
}
.view-portfolios .info:before, .view-jilfm-web .info:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.view-portfolios .info h5, .view-jilfm-web .info h5 {
  margin: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view-portfolios .info .portfolio-meta, .view-jilfm-web .info .portfolio-meta {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
}
.view-portfolios .info .info-wrapper, .view-jilfm-web .info .info-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  width: 95%;
}
.view-portfolios a:hover .field--image, .view-jilfm-web a:hover .field--image {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.view-portfolios a:hover .info, .view-jilfm-web a:hover .info {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 1;
}

.view-blogview .post-meta {
  margin: 13px 0 0;
  display: table;
  width: 100%;
}
.view-blogview .field--image img {
  border-radius: 3px;
}

div.panel-pane .view-blogview div.node-article {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  padding: 39px 26px 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

div.panel-pane .view-blogview .views-row-first div.node-article {
  padding-top: 0;
}

.n-sidebar {
  margin-bottom: 52px;
}
.n-sidebar h2.pane-title {
  background-color: rgba(119, 119, 119, 0.1);
  padding: 6px 13px;
  border-radius: 3px;
  margin-bottom: 19px;
  position: relative;
  color: #444444;
  font-size: 15px;
  line-height: 23px;
  text-transform: none;
}
.n-sidebar [class*='pane-recent-posts-'] ul {
  margin: 0;
  padding: 0;
}
.n-sidebar [class*='pane-recent-posts-'] ul li {
  list-style: none;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 6px 0;
  padding-left: 27px;
  border-width: 0 0 1px;
  border-style: solid;
  position: relative;
}
.n-sidebar [class*='pane-recent-posts-'] ul li:before {
  content: '\f0f6';
  width: 27px;
  font-family: 'FontAwesome';
  left: 0;
  line-height: inherit;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  position: absolute;
  text-align: center;
}

.comment {
  min-height: 52px;
  padding: 19px 0 6px 71px;
  position: relative;
  width: 100%;
}
.comment .user-picture {
  margin-top: 19px;
  width: 52px;
  position: absolute;
  left: 0;
  top: 0;
}
.comment h5 {
  margin: 0 0 6px;
  text-transform: none;
}
.comment .links--inline {
  display: inline;
}
.comment .links--inline li {
  display: inline-block;
  float: none;
}
.comment .field--comment-body p {
  margin: 0 0 0.738em;
}

.comment-form .form-item-name, .comment-form .form-item-mail {
  float: left;
  margin-right: 2%;
  width: 32%;
}
.comment-form .form-item-name input, .comment-form .form-item-mail input {
  width: 100%;
}
.comment-form .form-item-homepage {
  float: left;
  width: 32%;
  margin-right: 0;
}
.comment-form .form-item-homepage input {
  width: 100%;
}
.comment-form .field-name-comment-body {
  clear: both;
}
.comment-form .filter-wrapper.form-wrapper {
  display: none;
}

.indented {
  margin-left: 70px;
}

.pane-node-comment-form {
  background-color: rgba(119, 119, 119, 0.1);
  border-radius: 3px;
  padding: 26px;
}
.pane-node-comment-form h2.pane-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
}

.sf-menu.sf-style-bitsblue a.menu-button {
  cursor: pointer;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  padding: 5px 19px;
  border-radius: 3px;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: 'Open Sans', 'Helvetica', 'Arial';
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 19px;
  min-height: 29.4px;
  min-height: 19px;
  font-weight: normal;
  margin: 0 1.2em;
}
.sf-menu.sf-style-bitsblue a.menu-button:hover {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
}

.sf-menu.sf-style-bitsblue a.symbol {
  font-family: "Mono Social Icons Font";
  font-weight: normal;
  font-size: 31px;
  line-height: 29px;
  display: inline-block;
  width: 100%;
  vertical-align: baseline;
  padding: 0px 5px;
  text-align: center;
}

.color-palette-2 a.symbol {
  color: #444444;
}

#nav div.sf-accordion-toggle.sf-style-bitsblue a {
  background-color: white;
  border: none;
  padding: 0;
  font-size: 29px;
}

#nav ul.sf-accordion li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.76);
}
#nav ul.sf-accordion a.menu-button {
  width: 100%;
  margin: 0;
}

.vp-button, .ne-button a, [type="submit"], a.button {
  cursor: pointer;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.vp-button, .ne-button a, [type="submit"], a.button {
  padding: 5px 13px;
  border-radius: 3px;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  font-family: 'Open Sans', 'Helvetica', 'Arial';
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 19px;
  min-height: 29.4px;
  min-height: 19px;
}
.vp-button:hover, .ne-button a:hover, [type="submit"]:hover, a.button:hover {
  color: #cacaca;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15));
}

[type="submit"], a.button {
  background-color: #444;
  color: #fff;
  margin-right: 15px;
}

.vp-background-accent, a.menu-button-background-accent, .color-palette-1 .vp-background-accent, .color-palette-1 a.menu-button-background-accent, .vp-box.color-palette-1 .vp-background-accent, .vp-box.color-palette-1 a.menu-button-background-accent {
  background-color: #e6353a !important;
  background-color: #e6353a !important;
}

.vp-button.vp-mode-outline, .ne-button.ne-mode-outline a, [type="submit"].vp-mode-outline {
  box-shadow: none;
  border-width: 2px;
  border-style: solid;
  background-color: transparent !important;
  background-image: none;
}

.vp-color-accent, .ne-color-accent a, .color-palette-1 .vp-color-accent, .color-palette-1 .ne-color-accent a, .vp-box.color-palette-1 .vp-color-accent, .vp-box.color-palette-1 .ne-color-accent a {
  color: #e6353a;
  color: #e6353a;
}

.vp-border-accent, .ne-border-accent a,
.color-palette-1 .vp-border-accent, .color-palette-1 .ne-border-accent a,
.vp-box.color-palette-1 .vp-border-accent, .vp-box.color-palette-1 .ne-border-accent a {
  border-color: #e6353a;
  border-color: #e6353a;
}

.vp-background-accent, .ne-background-accent a, .color-palette-1 .vp-background-accent, .color-palette-1 .ne-background-accent a,
.vp-box.color-palette-1 .vp-background-accent, .vp-box.color-palette-1 .ne-background-accent a {
  background-color: #e6353a !important;
  background-color: #e6353a !important;
}

.vp-color-base, .ne-color-base a, .color-palette-1 .vp-color-base, .color-palette-1 .ne-color-base a,
.vp-box.color-palette-1 .vp-color-base, .vp-box.color-palette-1 .ne-color-base a {
  color: #ffffff !important;
  color: white !important;
}

.vp-border-base, .color-palette-1 .vp-border-base, .vp-box.color-palette-1 .vp-border-base a
.ne-border-base a, .color-palette-1 .ne-border-base a, .vp-box.color-palette-1 .ne-border-base a {
  border-color: #ffffff;
  border-color: white;
}

.vp-button.vp-button-medium, .ne-button.ne-button-medium, [type="submit"].vp-button-medium a {
  font-size: 13.2px;
  line-height: 20.9px;
  padding: 9px 18px;
  min-height: 39.1px;
}

.vp-button.vp-button-large, [type="submit"].vp-button-large, .ne-button.ne-button-large a {
  font-size: 14.3px;
  line-height: 22.8px;
  padding: 13px 26px;
  min-height: 48.8px;
}

.vp-button.vp-mode-outline.vp-button-medium, .ne-button.ne-mode-outline.ne-button-medium a,
[type="submit"].vp-mode-outline.vp-button-medium a {
  padding: 7.1px 18px;
}

.vp-button.vp-mode-outline:hover, [type="submit"].vp-mode-outline:hover,
.vp-button.vp-mode-outline:focus, [type="submit"].vp-mode-outline:focus,
.ne-button.ne-mode-outline a:hover, [type="submit"].ne-mode-outline:hover a,
.ne-button.ne-mode-outline a:focus, [type="submit"].ne-mode-outline:focus a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: 0.8;
}

.color-palette-2 a.menu-button-background-accent {
  background-color: #e6353a !important;
}

a.menu-button-color-white {
  color: #ffffff !important;
  color: white !important;
}

.menu li a.menu-button:hover, .menu li a.menu-button:focus, .color-palette-1 .menu li a.menu-button:hover, .color-palette-1 .menu li a.menu-button:focus, .vp-box.color-palette-1 .menu li a.menu-button:hover, .vp-box.color-palette-1 .menu li a.menu-button:focus {
  color: #ffffff;
  color: white;
}

.color-palette-2 .vp-button, .color-palette-2 [type="submit"], .color-palette-2 .menu li a.menu-button, .vp-box.color-palette-2 .vp-button, .vp-box.color-palette-2 [type="submit"], .vp-box.color-palette-2 .menu li a.menu-button {
  background-color: #444444;
  background-color: #444444;
  color: #ffffff;
  color: white;
}

.color-palette-2 .menu li a.menu-button:hover, .color-palette-2 .menu li a.menu-button:focus, .vp-box.color-palette-2 .menu li a.menu-button:hover, .vp-box.color-palette-2 .menu li a.menu-button:focus {
  color: #ffffff;
  color: white;
}

.color-palette-3 .vp-button, .color-palette-3 [type="submit"], .color-palette-3 .menu li a.menu-button, .vp-box.color-palette-3 .vp-button, .vp-box.color-palette-3 [type="submit"], .vp-box.color-palette-3 .menu li a.menu-button {
  background-color: #444444;
  background-color: #444444;
  color: #ffffff;
  color: white;
}

.color-palette-3 .menu li a.menu-button:hover, .color-palette-3 .menu li a.menu-button:focus, .vp-box.color-palette-3 .menu li a.menu-button:hover, .vp-box.color-palette-3 .menu li a.menu-button:focus {
  color: #ffffff;
  color: white;
}

.color-palette-4 .vp-button, .color-palette-4 [type="submit"], .color-palette-4 .menu li a.menu-button, .vp-box.color-palette-4 .vp-button, .vp-box.color-palette-4 [type="submit"], .vp-box.color-palette-4 .menu li a.menu-button {
  background-color: #ffffff;
  background-color: white;
  color: #30b0cf;
  color: #30b0cf;
}

.color-palette-4 .menu li a.menu-button:hover, .color-palette-4 .menu li a.menu-button:focus, .vp-box.color-palette-4 .menu li a.menu-button:hover, .vp-box.color-palette-4 .menu li a.menu-button:focus {
  color: #30b0cf;
  color: #30b0cf;
}

.color-palette-5 .vp-button, .color-palette-5 [type="submit"], .color-palette-5 .menu li a.menu-button, .vp-box.color-palette-5 .vp-button, .vp-box.color-palette-5 [type="submit"], .vp-box.color-palette-5 .menu li a.menu-button {
  background-color: #ffffff;
  background-color: white;
  color: #1b212a;
  color: #1b212a;
}

.color-palette-5 .menu li a.menu-button:hover, .color-palette-5 .menu li a.menu-button:focus, .vp-box.color-palette-5 .menu li a.menu-button:hover, .vp-box.color-palette-5 .menu li a.menu-button:focus {
  color: #1b212a;
  color: #1b212a;
}

.color-palette-6 .vp-button, .color-palette-6 [type="submit"], .color-palette-6 .menu li a.menu-button, .vp-box.color-palette-6 .vp-button, .vp-box.color-palette-6 [type="submit"], .vp-box.color-palette-6 .menu li a.menu-button {
  background-color: #ffffff;
  background-color: white;
  color: #070d16;
  color: #070d16;
}

.color-palette-6 .menu li a.menu-button:hover, .color-palette-6 .menu li a.menu-button:focus, .vp-box.color-palette-6 .menu li a.menu-button:hover, .vp-box.color-palette-6 .menu li a.menu-button:focus {
  color: #070d16;
  color: #070d16;
}

.color-palette-7 .vp-button, .color-palette-7 [type="submit"], .color-palette-7 .menu li a.menu-button, .vp-box.color-palette-7 .vp-button, .vp-box.color-palette-7 [type="submit"], .vp-box.color-palette-7 .menu li a.menu-button {
  background-color: #ffffff;
  background-color: white;
  color: #d22126;
  color: #d22126;
}

.color-palette-7 .menu li a.menu-button:hover, .color-palette-7 .menu li a.menu-button:focus, .vp-box.color-palette-7 .menu li a.menu-button:hover, .vp-box.color-palette-7 .menu li a.menu-button:focus {
  color: #d22126;
  color: #d22126;
}

.color-palette-8 .vp-button, .color-palette-8 [type="submit"], .color-palette-8 .menu li a.menu-button, .vp-box.color-palette-8 .vp-button, .vp-box.color-palette-8 [type="submit"], .vp-box.color-palette-8 .menu li a.menu-button {
  background-color: #4b5c66;
  background-color: #4b5c66;
  color: #d1e0e7;
  color: #d1e0e7;
}

.color-palette-8 .menu li a.menu-button:hover, .color-palette-8 .menu li a.menu-button:focus, .vp-box.color-palette-8 .menu li a.menu-button:hover, .vp-box.color-palette-8 .menu li a.menu-button:focus {
  color: #d1e0e7;
  color: #d1e0e7;
}

.color-palette-9 .vp-button, .color-palette-9 [type="submit"], .color-palette-9 .menu li a.menu-button, .vp-box.color-palette-9 .vp-button, .vp-box.color-palette-9 [type="submit"], .vp-box.color-palette-9 .menu li a.menu-button {
  background-color: #ffffff;
  background-color: white;
  color: #111720;
  color: #111720;
}

.color-palette-9 .menu li a.menu-button:hover, .color-palette-9 .menu li a.menu-button:focus, .vp-box.color-palette-9 .menu li a.menu-button:hover, .vp-box.color-palette-9 .menu li a.menu-button:focus {
  color: #111720;
  color: #111720;
}

.color-palette-10 .vp-button, .color-palette-10 [type="submit"], .color-palette-10 .menu li a.menu-button, .vp-box.color-palette-10 .vp-button, .vp-box.color-palette-10 [type="submit"], .vp-box.color-palette-10 .menu li a.menu-button {
  background-color: #b8bec4;
  background-color: #b8bec4;
  color: #070d16;
  color: #070d16;
}

.color-palette-10 .menu li a.menu-button:hover, .color-palette-10 .menu li a.menu-button:focus, .vp-box.color-palette-10 .menu li a.menu-button:hover, .vp-box.color-palette-10 .menu li a.menu-button:focus {
  color: #070d16;
  color: #070d16;
}

/**
 * $MESSAGES
 */
.messages {
  padding-left: 10px;
  margin-bottom: 18px;
}

.messages--status {
  color: #077dc3;
  background: #ccebfd;
  border-color: #38b0f8;
}

.messages--warning {
  color: #d6c460;
  background: white;
  border-color: #ebe2b1;
}

.messages--error {
  color: #e6353a;
  background: white;
  border-color: #f19093;
}

.node-portfolio .pane-entity-field {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}
.node-portfolio .pane-entity-field .field-label {
  width: 30%;
  display: inline-block;
}
.node-portfolio .pane-node-body, .node-portfolio .pane-node-field-image {
  border: none;
}
.node-portfolio h2.pane-title {
  font-size: 18px;
  font-weight: 600;
}
.node-portfolio .field--portfolio-tags.inline {
  border-radius: 3px;
  font-size: 11px;
  margin: 0 3px 6px 0;
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(119, 119, 119, 0.1);
}
.node-portfolio .pane-node-field-portfolio-tags {
  background-color: rgba(119, 119, 119, 0.1);
  padding: 16px 20px;
  width: 100%;
}
.node-portfolio .pane-node-field-portfolio-tags .field-label {
  font-weight: 600;
  width: auto;
  padding-right: 20px;
}

.pane-node-field-tags {
  background-color: rgba(119, 119, 119, 0.1);
  padding: 16px 20px;
  width: 100%;
}
.pane-node-field-tags .field-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  width: auto;
  padding-right: 20px;
  text-transform: none;
}
.pane-node-field-tags .field-label:after {
  content: ':';
}

.field--tags {
  border-radius: 3px;
  font-size: 11px;
  margin: 0 3px 6px 0;
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(119, 119, 119, 0.1);
  display: inline-block;
}

.node-full.node-article .post-meta {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px 0;
  padding: 13px;
  margin-top: 39px;
}
.node-full.node-article .panel-pane.pane-node-comment-form {
  margin-top: 39px;
}
.node-full.node-article .field--image {
  margin-bottom: 26px;
}

/**
 * $PAGER
 */
.pager {
  padding-left: 0px;
}

.pager__item {
  display: block;
  float: left;
  margin: 0.1em;
  padding: 0;
}

.pager__item a,
.pager__item--current,
.pager__item--ellipsis {
  display: block;
  padding: 0.5em 0.8em;
  border-width: 1px;
  border-style: solid;
  text-decoration: none;
}

.pager__item a:hover {
  border-color: #e4621c;
}

.pager__item--current {
  border-color: #e4621c;
}

.pager__item--ellipsis {
  border: none;
}

.pager__item--last,
.pager__item--first {
  display: none;
}

/**
 * Section
 * =============================================================
 */
.section .section-inner {
  position: relative;
}

.section.separator-pressed-shadow .section-inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  z-index: 198;
}

.section.separator-pressed-shadow .section-inner:before {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}

.section.separator-single-border .section-inner {
  border-top-style: solid;
  border-top-width: 1px;
}

.section.separator-triangle-in .section-inner:before, .section.separator-triangle-in .section-inner:after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 50%;
  top: 0;
  border-style: solid;
  z-index: 199;
}

.section.separator-triangle-in .section-inner:before {
  border-right-color: transparent;
  left: 0;
}

.section.separator-triangle-in .section-inner:after {
  border-left-color: transparent;
  right: 0;
}

.section.separator-triangle-out .section-inner:before {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 50%;
  border-style: solid;
  border-color: transparent;
  z-index: 199;
}

.section.separator-gradient .section-inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 199;
}

/**
 * Section
 * =============================================================
 */
.section.separator-gradient .section-inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 199;
}

.section .section-inner {
  position: relative;
}

.section.separator-pressed-shadow .section-inner:before {
  height: 9px;
}

.section.separator-pressed-shadow .section-inner:after {
  height: 6px;
}

.section.separator-triangle-in .section-inner:before, .section.separator-triangle-in .section-inner:after {
  margin-top: -18px;
}

.section.separator-triangle-in .section-inner:before {
  border-width: 0 19px 19px 0;
}

.section.separator-triangle-in .section-inner:after {
  border-width: 0 0 19px 19px;
}

.section.separator-triangle-out .section-inner:before {
  margin-top: -19px;
  margin-left: -19px;
  border-width: 0 19px 19px 19px;
}

.section.separator-gradient .section-inner:before {
  height: 65px;
  margin-top: -65px;
}

.section.separator-single-border .section-inner, .color-palette-1.section.separator-single-border .section-inner {
  border-top-color: #000000;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.section.separator-triangle-in .section-inner:before, .section.separator-triangle-in .section-inner:after {
  border-bottom-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
}

.color-palette-1.section.separator-triangle-in .section-inner:before, .color-palette-1.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
}

.section.separator-triangle-out .section-inner:before, .color-palette-1.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #f9f9f9;
  border-bottom-color: #f9f9f9;
}

.section.separator-gradient .section-inner:before, .color-palette-1.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #f9f9f9, rgba(249, 249, 249, 0.6) 1px, rgba(249, 249, 249, 0.85) 40%, rgba(249, 249, 249, 0.95) 65%, #f9f9f9);
  background-image: -moz-linear-gradient(top, #f9f9f9, rgba(249, 249, 249, 0.6) 1px, rgba(249, 249, 249, 0.85) 40%, rgba(249, 249, 249, 0.95) 65%, #f9f9f9);
  background-image: -o-linear-gradient(top, #f9f9f9, rgba(249, 249, 249, 0.6) 1px, rgba(249, 249, 249, 0.85) 40%, rgba(249, 249, 249, 0.95) 65%, #f9f9f9);
  background-image: -ms-linear-gradient(top, #f9f9f9, rgba(249, 249, 249, 0.6) 1px, rgba(249, 249, 249, 0.85) 40%, rgba(249, 249, 249, 0.95) 65%, #f9f9f9);
  background-image: linear-gradient(top, #f9f9f9, rgba(249, 249, 249, 0.6) 1px, rgba(249, 249, 249, 0.85) 40%, rgba(249, 249, 249, 0.95) 65%, #f9f9f9);
}

.color-palette-2.section.separator-single-border .section-inner {
  border-top-color: #000000;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.color-palette-2.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, white, rgba(255, 255, 255, 0.6) 1px, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 65%, white);
  background-image: -moz-linear-gradient(top, white, rgba(255, 255, 255, 0.6) 1px, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 65%, white);
  background-image: -o-linear-gradient(top, white, rgba(255, 255, 255, 0.6) 1px, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 65%, white);
  background-image: -ms-linear-gradient(top, white, rgba(255, 255, 255, 0.6) 1px, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 65%, white);
  background-image: linear-gradient(top, #ffffff, rgba(255, 255, 255, 0.6) 1px, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.95) 65%, #ffffff);
}

.color-palette-3.section.separator-single-border .section-inner {
  border-top-color: #000000;
  border-top-color: rgba(0, 0, 0, 0.15);
}

.color-palette-3.section.separator-triangle-in .section-inner:before, .color-palette-3.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #f3f3f3;
  border-bottom-color: #f3f3f3;
}

.color-palette-3.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #f3f3f3;
  border-bottom-color: #f3f3f3;
}

.color-palette-3.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #f3f3f3, rgba(243, 243, 243, 0.6) 1px, rgba(243, 243, 243, 0.85) 40%, rgba(243, 243, 243, 0.95) 65%, #f3f3f3);
  background-image: -moz-linear-gradient(top, #f3f3f3, rgba(243, 243, 243, 0.6) 1px, rgba(243, 243, 243, 0.85) 40%, rgba(243, 243, 243, 0.95) 65%, #f3f3f3);
  background-image: -o-linear-gradient(top, #f3f3f3, rgba(243, 243, 243, 0.6) 1px, rgba(243, 243, 243, 0.85) 40%, rgba(243, 243, 243, 0.95) 65%, #f3f3f3);
  background-image: -ms-linear-gradient(top, #f3f3f3, rgba(243, 243, 243, 0.6) 1px, rgba(243, 243, 243, 0.85) 40%, rgba(243, 243, 243, 0.95) 65%, #f3f3f3);
  background-image: linear-gradient(top, #f3f3f3, rgba(243, 243, 243, 0.6) 1px, rgba(243, 243, 243, 0.85) 40%, rgba(243, 243, 243, 0.95) 65%, #f3f3f3);
}

.color-palette-4.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-4.section.separator-triangle-in .section-inner:before, .color-palette-4.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #44c4e3;
  border-bottom-color: #44c4e3;
}

.color-palette-4.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #44c4e3;
  border-bottom-color: #44c4e3;
}

.color-palette-4.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #44c4e3, rgba(68, 196, 227, 0.6) 1px, rgba(68, 196, 227, 0.85) 40%, rgba(68, 196, 227, 0.95) 65%, #44c4e3);
  background-image: -moz-linear-gradient(top, #44c4e3, rgba(68, 196, 227, 0.6) 1px, rgba(68, 196, 227, 0.85) 40%, rgba(68, 196, 227, 0.95) 65%, #44c4e3);
  background-image: -o-linear-gradient(top, #44c4e3, rgba(68, 196, 227, 0.6) 1px, rgba(68, 196, 227, 0.85) 40%, rgba(68, 196, 227, 0.95) 65%, #44c4e3);
  background-image: -ms-linear-gradient(top, #44c4e3, rgba(68, 196, 227, 0.6) 1px, rgba(68, 196, 227, 0.85) 40%, rgba(68, 196, 227, 0.95) 65%, #44c4e3);
  background-image: linear-gradient(top, #44c4e3, rgba(68, 196, 227, 0.6) 1px, rgba(68, 196, 227, 0.85) 40%, rgba(68, 196, 227, 0.95) 65%, #44c4e3);
}

.color-palette-5.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-5.section.separator-triangle-in .section-inner:before, .color-palette-5.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #2f353e;
  border-bottom-color: #2f353e;
}

.color-palette-5.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #2f353e;
  border-bottom-color: #2f353e;
}

.color-palette-5.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #2f353e, rgba(47, 53, 62, 0.6) 1px, rgba(47, 53, 62, 0.85) 40%, rgba(47, 53, 62, 0.95) 65%, #2f353e);
  background-image: -moz-linear-gradient(top, #2f353e, rgba(47, 53, 62, 0.6) 1px, rgba(47, 53, 62, 0.85) 40%, rgba(47, 53, 62, 0.95) 65%, #2f353e);
  background-image: -o-linear-gradient(top, #2f353e, rgba(47, 53, 62, 0.6) 1px, rgba(47, 53, 62, 0.85) 40%, rgba(47, 53, 62, 0.95) 65%, #2f353e);
  background-image: -ms-linear-gradient(top, #2f353e, rgba(47, 53, 62, 0.6) 1px, rgba(47, 53, 62, 0.85) 40%, rgba(47, 53, 62, 0.95) 65%, #2f353e);
  background-image: linear-gradient(top, #2f353e, rgba(47, 53, 62, 0.6) 1px, rgba(47, 53, 62, 0.85) 40%, rgba(47, 53, 62, 0.95) 65%, #2f353e);
}

.color-palette-6.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-6.section.separator-triangle-in .section-inner:before, .color-palette-6.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #1b212a;
  border-bottom-color: #1b212a;
}

.color-palette-6.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #1b212a;
  border-bottom-color: #1b212a;
}

.color-palette-6.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -moz-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -o-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -ms-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
}

.color-palette-7.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-7.section.separator-triangle-in .section-inner:before, .color-palette-7.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #e6353a;
  border-bottom-color: #e6353a;
}

.color-palette-7.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #e6353a;
  border-bottom-color: #e6353a;
}

.color-palette-7.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #e6353a, rgba(230, 53, 58, 0.6) 1px, rgba(230, 53, 58, 0.85) 40%, rgba(230, 53, 58, 0.95) 65%, #e6353a);
  background-image: -moz-linear-gradient(top, #e6353a, rgba(230, 53, 58, 0.6) 1px, rgba(230, 53, 58, 0.85) 40%, rgba(230, 53, 58, 0.95) 65%, #e6353a);
  background-image: -o-linear-gradient(top, #e6353a, rgba(230, 53, 58, 0.6) 1px, rgba(230, 53, 58, 0.85) 40%, rgba(230, 53, 58, 0.95) 65%, #e6353a);
  background-image: -ms-linear-gradient(top, #e6353a, rgba(230, 53, 58, 0.6) 1px, rgba(230, 53, 58, 0.85) 40%, rgba(230, 53, 58, 0.95) 65%, #e6353a);
  background-image: linear-gradient(top, #e6353a, rgba(230, 53, 58, 0.6) 1px, rgba(230, 53, 58, 0.85) 40%, rgba(230, 53, 58, 0.95) 65%, #e6353a);
}

.color-palette-8.section.separator-single-border .section-inner {
  border-top-color: #000000;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.color-palette-8.section.separator-triangle-in .section-inner:before, .color-palette-8.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #e5f4fb;
  border-bottom-color: #e5f4fb;
}

.color-palette-8.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #e5f4fb;
  border-bottom-color: #e5f4fb;
}

.color-palette-8.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #e5f4fb, rgba(229, 244, 251, 0.6) 1px, rgba(229, 244, 251, 0.85) 40%, rgba(229, 244, 251, 0.95) 65%, #e5f4fb);
  background-image: -moz-linear-gradient(top, #e5f4fb, rgba(229, 244, 251, 0.6) 1px, rgba(229, 244, 251, 0.85) 40%, rgba(229, 244, 251, 0.95) 65%, #e5f4fb);
  background-image: -o-linear-gradient(top, #e5f4fb, rgba(229, 244, 251, 0.6) 1px, rgba(229, 244, 251, 0.85) 40%, rgba(229, 244, 251, 0.95) 65%, #e5f4fb);
  background-image: -ms-linear-gradient(top, #e5f4fb, rgba(229, 244, 251, 0.6) 1px, rgba(229, 244, 251, 0.85) 40%, rgba(229, 244, 251, 0.95) 65%, #e5f4fb);
  background-image: linear-gradient(top, #e5f4fb, rgba(229, 244, 251, 0.6) 1px, rgba(229, 244, 251, 0.85) 40%, rgba(229, 244, 251, 0.95) 65%, #e5f4fb);
}

.color-palette-9.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-9.section.separator-triangle-in .section-inner:before, .color-palette-9.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #252b34;
  border-bottom-color: #252b34;
}

.color-palette-9.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #252b34;
  border-bottom-color: #252b34;
}

.color-palette-9.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #252b34, rgba(37, 43, 52, 0.6) 1px, rgba(37, 43, 52, 0.85) 40%, rgba(37, 43, 52, 0.95) 65%, #252b34);
  background-image: -moz-linear-gradient(top, #252b34, rgba(37, 43, 52, 0.6) 1px, rgba(37, 43, 52, 0.85) 40%, rgba(37, 43, 52, 0.95) 65%, #252b34);
  background-image: -o-linear-gradient(top, #252b34, rgba(37, 43, 52, 0.6) 1px, rgba(37, 43, 52, 0.85) 40%, rgba(37, 43, 52, 0.95) 65%, #252b34);
  background-image: -ms-linear-gradient(top, #252b34, rgba(37, 43, 52, 0.6) 1px, rgba(37, 43, 52, 0.85) 40%, rgba(37, 43, 52, 0.95) 65%, #252b34);
  background-image: linear-gradient(top, #252b34, rgba(37, 43, 52, 0.6) 1px, rgba(37, 43, 52, 0.85) 40%, rgba(37, 43, 52, 0.95) 65%, #252b34);
}

.color-palette-10.section.separator-single-border .section-inner {
  border-top-color: #ffffff;
  border-top-color: rgba(255, 255, 255, 0.2);
}

.color-palette-10.section.separator-triangle-in .section-inner:before, .color-palette-10.section.separator-triangle-in .section-inner:after {
  border-bottom-color: #1b212a;
  border-bottom-color: #1b212a;
}

.color-palette-10.section.separator-triangle-out .section-inner:before {
  border-bottom-color: #1b212a;
  border-bottom-color: #1b212a;
}

.color-palette-10.section.separator-gradient .section-inner:before {
  background-image: -webkit-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -moz-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -o-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: -ms-linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
  background-image: linear-gradient(top, #1b212a, rgba(27, 33, 42, 0.6) 1px, rgba(27, 33, 42, 0.85) 40%, rgba(27, 33, 42, 0.95) 65%, #1b212a);
}

img, media {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.panels-ipe-editing .panels-ipe-sort-container {
  position: relative;
  z-index: 1;
}

.vp-meta {
  font-size: 11px;
  line-height: 18.7px;
  opacity: 0.6;
  color: #777777;
  text-align: center;
}

.n-animate {
  visibility: hidden;
}

.vp-mode-default {
  overflow: hidden;
}

.vp-box {
  padding: 26px;
  margin: 5px 0;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.vp-box:before, .vp-box:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.vp-box:after {
  clear: both;
}

.vp-shout {
  font-size: 18px;
  line-height: 26.4px;
}

.vp-left {
  float: left;
}

.vp-right {
  float: right;
}

.pane-content p:last-child {
  margin-bottom: 0;
}

.vp-point .pane-content {
  text-align: center;
}
.vp-point i.fa {
  border-width: 2px;
  height: 78px;
  line-height: 78px;
  width: 78px;
  backface-visibility: hidden;
  border-radius: 50%;
  border-style: solid;
  display: inline-block;
  transition: all 0.5s ease 0s;
  font-size: 32px;
}

.vp-icon .pane-content {
  text-align: center;
}
.vp-icon i.fa {
  height: 78px;
  line-height: 78px;
  width: 78px;
  backface-visibility: hidden;
  display: inline-block;
  transition: all 0.5s ease 0s;
  font-size: 39px;
}

.pane-page-content > h2.pane-title {
  display: none;
}

.front .pane-page-content {
  margin-top: 0;
}

.title-wrapper {
  display: table;
  width: 100%;
  margin-bottom: 26px;
}
.title-wrapper h2.pane-title {
  content: '';
  display: table-cell;
  vertical-align: middle;
  width: 0%;
  white-space: nowrap;
  word-wrap: break-word;
  font-weight: 600;
  text-transform: none;
  font-size: 18px;
  line-height: 27px;
  margin-top: 0;
}
.title-wrapper hr {
  height: 6px;
  border: none;
  margin: 1em 0 1em 10px;
}
/* portal MENU 
--------------------------------------------------------------------------*/
#portal-menu {
	background: #1B1B1B;
	}
#portal-menu nav {
	height: 40px;
	width: 100%;
	background: #1B1B1B;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	/*border-bottom: 2px solid #283744;*/
}

#portal-menu nav #portal-logo{
	/*position:absolute;
	left:-92px;*/
	 background: url(../images/style3/logo.png);
	 background-repeat: no-repeat;
	 width:93px;
	 height:110px;
	 text-indent:-9999px;

}
#portal{
display: block;
float: left;
}
#portal-logo {
	position:absolute;
	left:0px;
	 background: url(../images/style3/logo.png);
	 background-repeat: no-repeat;
	 width:93px;
	 height:110px;
	 text-indent:-9999px;

}

#portal-menu nav ul {
	padding: 0;
	margin: 0 auto;
	max-width: 1180px;
	height: 40px;
	position:relative;
}

#portal-menu nav li {
	display: inline;
	float: left;
}

#portal-menu .clearfix:before,
#portal-menu .clearfix:after {
    content: " ";
    display: table;
}
#portal-menu .clearfix:after {
    clear: both;
}
#portal-menu .clearfix {
    *zoom: 1;
}
#portal-menu nav a {
	color: #fff;
	display: inline-block;
	width: auto;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
#portal-menu nav li a {
	/*border-right: 1px solid #fff;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#portal-menu nav li:last-child a {
	border-right: 0;
}
#portal-menu nav a:hover, nav a:active {
	background-color: #333;
}
#portal-menu nav a#pull {
	display: none;
}

#portal-menu nav .current-chaine a {
	background-color: #2494A2;
}

#user-menu{padding-left:35px;}