@import "http://font-style: em;googleapis.com/css?family=Open+Sans)";
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* DEVELOPMENT TOOLS   
====================================================*/
p.dummy-text-sm:before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit elementum."; }

p.dummy-text:before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nibh elementum, tincidunt nibh vitae, imperdiet eros. Quisque lobortis blandit tortor, et molestie lorem. Proin nec est ac elit commodo sodales. Suspendisse at ultrices orci. Vestibulum vehicula libero in lorem cursus, nec scelerisque metus viverra. Morbi augue nunc, ullamcorper blandit nunc interdum, imperdiet dapibus nibh. Aenean suscipit efficitur sagittis."; }

/* 
==========================
    FONTS
==========================

Helvetica
DINCondensedBold
Font-Awesome Icon Library


==========================
    BRAND COLORS
==========================

brand black:
RGBA: 19,3,3,1
HEX: #130303

brand warm gray:
RGBA: 214,214,204,1
HEX: #d6d6cc

brand warm gray dark:
RGBA: 218,218,210,1
HEX: #dadad2

brand white:
RGBA: 249,249,244,1
HEX: #f9f9f4


==========================
    LEARN-CONNECT-ACT colors:
==========================

Learn (blue):
RGBA: 70,137,155,1
HEX: #46899b

Connect (orange):
RGBA: 223,133,56,1
HEX: #df8538

Act (green):
RGBA: 56,146,62,1
HEX: #38923e


==========================
    BORDER STYLES
==========================

hairline: 1px  solid color:#130303 @ 10% or rgba 19,3,3,0.1
thin: 1px solid color:#130303 @ 15% or rgba 19,3,3,0.15

*/
/*blacks and grays */
.text-black-full {
  color: #130303; }

.text-black-90p {
  color: #130303;
  opacity: 0.9; }

.text-black-80p {
  color: #130303;
  opacity: 0.8; }

.text-black-70p {
  color: #130303;
  opacity: 0.7; }

.text-black-60p {
  color: #130303;
  opacity: 0.6; }

.text-black-50p {
  color: #130303;
  opacity: 0.5; }

.text-black-40p {
  color: #130303;
  opacity: 0.4; }

.text-black-30p {
  color: #130303;
  opacity: 0.3; }

.text-black-20p {
  color: #130303;
  opacity: 0.2; }

.text-black-10p {
  color: #130303;
  opacity: 0.1; }

/*warm grays */
.text-wgray-full {
  color: #d6d6cc; }

/* white */
.text-white-full {
  color: #f9f9f4; }

/* INITIALIZE  
====================================================*/
/*html {
    min-height: 100%;
    position: relative;
}*/
body {
  padding-top: 42px;
  background-color: #fff;
  /*margin-bottom:400px;*/ }

a {
  color: #23527c;
}

.region-footer a{
  color: #428bca;
}

.container {
  width: 95%; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

/* FONTS  
====================================================*/
/* DINCondensedBold  =====================================*/
@font-face {
  font-family: 'DINCondensedBold';
  src: url("dincondensedbold.eot");
  src: url("dincondensedbold.eot") format("embedded-opentype"), url("dincondensedbold.woff2") format("woff2"), url("dincondensedbold.woff") format("woff"), url("dincondensedbold.ttf") format("truetype"), url("dincondensedbold.svg#DINCondensedBold") format("svg"); }
.DINCondensedBold {
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

h1.title-banner, h1.title-banner-sm, .title-banner {
  font-size: 35px;
  font-weight: 200;
  margin-bottom: 20px; }

h2.title-banner, h2.title-banner-sm {
  font-size: 30px; }

h3.title-banner, h3.title-banner-sm {
  font-size: 25px; }

h4.title-banner, h4.title-banner-sm {
  font-size: 20px; }

h5.title-banner, h5.title-banner-sm {
  font-size: 15px; }

/* buttons */
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #d6d6cc;
  border-color: #adadad; }

/* REGIONS  
====================================================*/
.r_modal-container {
  z-index: 9999; }

#r_head-box {
  height: auto;
  margin-top: -38px;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center;
  width: 100%; }

#r_quick-nav {
  padding: 20px 0;
  border-bottom: 1px solid #f3f3f3; }

#r_content-top {
  padding: 20px 0; }

.r_content-main {
  background-color: #F9F9F4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0; }

#r_content-bottom {
  padding: 20px 0; }

#r_annouce {
  min-height: 350px;
  display: block;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 60px;
  /*background-color: #130303;*/
  /*color: #f9f9f4;*/
  /*background-color: #df8538;*/
  color: rgba(41, 41, 41, 0.97);
  font-weight: 300;
  margin: 20px 0; }

#r_lca-content {
  min-height: 350px;
  display: block;
  border-top: 1px solid rgba(10, 3, 3, 0.2);
  padding-top: 20px;
  padding-bottom: 60px;
  /*background-color: #130303;*/
  /*color: #f9f9f4;*/
  /*background-color: #df8538;*/
  color: rgba(41, 41, 41, 0.97);
  font-weight: 300;
  margin: 20px 0; }

#r_footer {
  /*min-height: 350px;*/
  display: table;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #130303;
  color: #f9f9f4;
  font-weight: 300;
    /*bottom: 0;
      min-height: 300px;
      position: absolute;
      width: 100%;*/
  margin-bottom: -250px;
  margin-top: 80px;
  min-height: 250px;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  width: 100%;
  bottom: 0; }

/* HALLWAY LANDING PAGE TOP BLOCK */
#hallway-landing-pg-top {
  margin-bottom: 40px;
  border-top: 1px solid #F3F3F3;
  padding-top: 20px;
  /**/ }

#hallway-landing-pg-top * .thumbnail {
  min-height: 350px;
  display: block;
  border-color: rgba(19, 3, 3, 0.1); }

/* HALLWAY LANDING PAGE BOTTOM BLOCK */
#hallway-landing-pg-bottom {
  background-color: #F9F9F4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 25px;
  margin-top: 10px; }

/* ARTICLE PAGE COMMENT BLOCK */
#article-pg-comment {
  /*position: absolute;*/
  padding: 20px; }

#article-pg-comment h2.title {
  text-align: left;
  font-size: 33px;
  font-weight: 200; }

.title-case {
  font-size: 33px;
  line-height: 33px;
  font-weight: 200;
  margin-bottom: 10px; }

.title-case-sub {
  font-size: 23px;
  line-height: 23px;
  font-weight: 200;
  margin-bottom: 10px; }

#hallway-tiles > .title-banner {
  text-align: center;
  font-size: 33px;
  font-weight: 200; }

/* BLOCKS  
====================================================*/
/* MODALS  
====================================================*/

a {
  text-decoration: none !important; }

.scale {
  font-size: 3vmax; }

#search-bar {
  opacity: 0.8;
  margin-bottom: 10px;
  visibility: hidden;
  display: none; }

/* #HEADBOX  
====================================================*/
#r_head-box.app-head-box-image {
  background-image: url("/app/assets/i/agMainBrandBg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.b_head-box-content h1 {
  color: #1e1e1e;
  /* font-family: "DINCondensedBold" !important; */
  /*font-size: 7.5vmin;line-height: 8.5vmin;*/
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0.16em;
  margin-top: 10px;
  padding-top: 0; }

.b_head-box-content h1 a {
  color: #1E1E1E; }

.b_head-box-content h1 small {
  color: #1e1e1e;
  font-size: 7.5vmin;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 8.5vmin;
  margin-top: 20px;
  padding-top: 0; }

.b_head-box-content h1 .fa {
  font-size: 7.5vmin;
  margin-bottom: 15px;
  font-size: 8.5vmin; }

.b_head-box-content h2 {
  color: #333;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.16em;
  margin-top: 10px;
  padding-top: 0; }

.b_head-box-content h2 a {
  color: #333; }

.b_head-box-content h2 small {
  color: #333;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 16px;
  margin-top: 10px;
  padding-top: 0; }

/* - - Hidden elements within the Headbox when viewing interior screens - - */
.b_head-box-content.in h1 {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* #LCA  
====================================================*/
/* LEARN-CONNECT-ACT BLOCK */
.r_lca {
  display: inline;
  width: 100%;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
  text-align: center; }

.art-lca-image {
  width: 100%;
  max-height: 5px;
  margin-bottom: 5px;
  margin-top: -5px;
  display: block;
  color: transparent; }

.lca-image {
  width: 100%;
  max-height: 15px;
  display: block;
  margin-top: 0px;
  margin-bottom: 0px; }

.lrn-con-act {
  background-image: url(../art/article-tiles/lrn-con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn {
  background-image: url(../art/article-tiles/lrn.png);
  background-size: 100%;
  background-position: center; }

.con {
  background-image: url(../art/article-tiles/con.png);
  background-size: 100%;
  background-position: center; }

.act {
  background-image: url(../art/article-tiles/act.png);
  background-size: 100%;
  background-position: center; }

.lrn-con {
  background-image: url(../art/article-tiles/lrn-con.png);
  background-size: 100%;
  background-position: center; }

.con-act {
  background-image: url(../art/article-tiles/con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn-act {
  background-image: url(../art/article-tiles/lrn-act.png);
  background-size: 100%;
  background-position: center; }

.r_lca > .b_lca-bar {
  width: 100%;
  padding: 0px;
  margin-top: 0px; }

.r_lca > .b_lca-bar > .lca-state {
  /*background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);*/
  height: 20px;
  display: block; }

.r_lca > .b_lca-bar > .lca-state > .col-sm-2, .r_lca > .b_lca-bar > .lca-state > .col-sm-4, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 {
  padding: 0;
  text-align: center; }

.r_lca > .b_lca-bar > .lca-state > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 .progress {
  border-radius: 0px; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-primary {
  background-color: #46899B; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-warning {
  background-color: #DF8538; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-success {
  background-color: #38923E; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-ds {
  background-color: #444;
  border-top: 2px solid red;
  /*border-top:2px solid #03B1FF;*/ }

.r_lca * .lca-title {
  font-size: 14px;
  letter-spacing: 8px;
  font-weight: 200;
  padding-top: 0px;
  margin-top: -60px;
  margin-bottom: -10px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  text-align: center;
  color: #A08E8E;
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif;
                                /*

border:1px solid #ccc;
border-top:none;
box-shadow: 1px 1px 5px rgba(0,0,0,0.55);*/ }

/* QUICK NAVIGATION 
====================================================*/
#r_quick-nav * ul {
  background-color: #000;
  z-index: 9999; }

#r_quick-nav * .fa-icon {
  width: 40px;
  text-align: center;
  padding-right: 10px; }

#r_quick-nav * .iconMenu {
  text-align: center; }

#r_quick-nav * .gwMenuItem {
  min-height: 90px;
  text-align: center;
  font-size: 12px; }

#r_quick-nav * .iconMenu * a {
  color: #fff; }

#r_quick-nav * .iconMenu * a:hover {
  text-decoration: none; }

/*jump nav
- - - - - - - - - - - - - - - - - - - - - - - - */
#b_jump-nav #jump-nav-cat-btn > .btn-default:hover, #b_jump-nav #jump-nav-cat-btn > .btn-default:active {
  background-color: #130303;
  color: #d6d6cc; }

#b_jump-nav #jump-nav-cat-btn > .btn-default:focus {
  background-color: #130303;
  color: #d6d6cc;
  border-bottom-left-radius: 0px;
  border: none; }

#jump-nav-cat-btn > ul {
  margin-top: 5px;
  margin-left: 0px;
  border-top-left-radius: 0px;
  background-color: #130303;
  border: none; }

#jump-nav-cat-btn > ul > li > a {
  color: #d6d6cc; }

#jump-nav-cat-btn > ul > li > a:hover {
  color: #000;
  background-color: #d6d6cc; }

/* #RESOURCES  
====================================================*/
.btn-resource,
.btn-resource:hover,
.btn-resource:focus,
.btn-resource.focus,
.btn-resource:active,
.btn-resource.active {
  background-color: #F9F9F4;
  color: #444;
  margin-bottom: 10px;
  outline: 0; }

.btn-resource .fa {
  font-size: 2em; }

@media (max-width: 767px) {
  .btn-resource {
    /*background-color: #F9F9F4;*/
    font-size: 14px;
    margin-bottom: 10px; } }
.btn-resource:hover {
  background-color: #46899B;
  color: #DFDFD0; }

.btn-resource.blue:hover {
  background-color: #46899B;
  color: #DFDFD0; }

.btn-resource.orange:hover {
  background-color: #DF8538;
  color: #DFDFD0; }

.btn-resource.green:hover {
  background-color: #38923E;
  color: #DFDFD0; }

.btn-resource.dig-svc:hover {
  background-color: #444;
  color: #DFDFD0; }

/* #SOLUTIONS MATRIX  
====================================================*/
.thumbnail.sol-mat {
  background-size: cover;
  background-position: top center;
  display: block;
  min-height: 415px; }

.thumbnail.sol-mat.itsw-sm {
  background-image: url(../art/matrix-art/itsw-sm.jpg); }

.thumbnail.sol-mat.ithw-sm {
  background-image: url(../art/matrix-art/ithw-sm.jpg); }

.thumbnail.sol-mat.as-sm {
  background-image: url(../art/matrix-art/as-sm.jpg); }

.thumbnail.sol-mat.ps-sm {
  background-image: url(../art/matrix-art/ps-sm.jpg); }

.thumbnail.sol-mat.ed-sm {
  background-image: url(../art/matrix-art/ed-sm.jpg); }

.thumbnail.sol-mat.sm-pack-sm {
  background-image: url(../art/matrix-art/sm-pack-sm.jpg); }

.thumbnail.sol-mat.cs-sm {
  background-image: url(../art/matrix-art/cs-sm.jpg); }

.thumbnail.sol-mat.we-sm {
  background-image: url(../art/matrix-art/we-sm.jpg); }

.thumbnail.sol-mat.th-sm {
  background-image: url(../art/matrix-art/th-sm.jpg); }

.thumbnail.sol-mat.tel-sm {
  background-image: url(../art/matrix-art/tel-sm.jpg); }

.thumbnail.sol-mat.epr-sm {
  background-image: url(../art/matrix-art/epr-sm.jpg); }

.thumbnail.sol-mat.fre-sm {
  background-image: url(../art/matrix-art/fre-sm.jpg); }

.thumbnail.sol-mat.cyb-sm {
  background-image: url(../art/matrix-art/cyb-sm.jpg); }

.thumbnail.sol-mat.ioc-sm {
  background-image: url(../art/matrix-art/ioc-sm.jpg); }

.thumbnail.sol-mat.mov-sm {
  background-image: url(../art/matrix-art/mov-sm.jpg); }

.thumbnail.sol-mat.trv-sm {
  background-image: url(../art/matrix-art/trv-sm.jpg); }

.thumbnail.sol-mat.crs-sm {
  background-image: url(../art/matrix-art/crs-sm.jpg); }

/* #FOOTER  
====================================================*/
#r_footer h2 {
  font-size: 22px;
  margin-bottom: 8px;
  letter-spacing: 0.1em; }

#r_footer h3 {
  font-size: 18px;
  margin-bottom: 8px; }

#r_footer p {
  font-size: 11px;
  letter-spacing: 1.1px; }

/* #CVT  
====================================================*/
#cvt .col-lg-1,
#cvt .col-lg-2,
#cvt .col-lg-3,
#cvt .col-lg-4,
#cvt .col-lg-5,
#cvt .col-lg-6,
#cvt .col-lg-7,
#cvt .col-lg-8,
#cvt .col-lg-9,
#cvt .col-lg-10,
#cvt .col-lg-11,
#cvt .col-lg-12 {
  float: none; }

.thumbnail.hallway-tile .title {
  min-height: 35px;
  margin-top: 10px;
  padding-left: 2%;
  font-weight: bold;
  font-size: 18px; }

.thumbnail.hallway-tile .services {
  color: #8A8680;
  font-size: 13px;
  min-height: 90px;
  padding-left: 10%; }

.thumbnail.hallway-tile > .caption {
  height: auto;
  min-height: 200px; }

.thumbnail.hallway-tile > .caption.admin {
  background-size: cover;
  background-image: url(../art/hallway-tiles/adminsupport_hw-tile-2.png); }

.thumbnail span {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #FF0067;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-right-radius: 4px;
  color: white;
  display: block;
  font-size: 20px;
  min-width: 20px;
  opacity: 21;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  position: absolute; }

.article-img-thumbnail > img {
  opacity: 0.33;
  display: block;
  min-width: 100%;
  max-height: 131px;
  min-height: 130px;
  position: relative;
  z-index: 700;
  padding-bottom: 5px; }

.article > img, .article a > img {
  width: 100%; }

.titleBox {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  position: absolute;
  z-index: 900; }

.artTitle {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  padding: 0px 10px 5px 10px;
  color: rgba(19, 3, 3, 0.75);
  margin-bottom: 0px;
  width: 100%;
  display: block;
  position: absolute; }

.artDesc {
  font-size: 16px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
  padding: 10px 10px 0px 10px;
  margin-top: 10px;
  margin-bottom: 5px; }

#right-content .annouce {
  background-color: transparent;
  color: #505050; }

/* cap-widgets */
/* CSS Document */
/* =============================== CONTENT VIEWING TOOLS ============================ */
#cvt {
  /*padding:20px;*/
  width: 100%;
  margin: 0 0;
  padding: 0;
  display: table;
  float: left; }

#cvt ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

#cvt .buttons {
  margin-bottom: 20px; }

/* LIST VIEW */
/*==================================================*/
#cvt .list {
  width: 100%; }

#cvt .list li {
  margin: 0;
  padding: 0;
  margin-bottom: 2px; }

#cvt .list li .panel-body {
  background-color: #FFF;
  box-shadow: 0px 0px 6px 0px #ccc; }

#cvt .list li .article {
  float: left;
  clear: both;
  display: table;
  border-right: none;
  border-bottom: 1px solid rgba(19, 3, 3, 0.15);
  border-radius: 0px;
  margin-bottom: 10px;
  width: 100%;
  padding-bottom: 10px; }

/*#cvt .list li:last-child .article { border-bottom:none;}  */
/*CVT*/
/*#cvt .list li:last-child > .artGrid .article { border-bottom: none;}*/
/*/END CVT*/
#cvt .list li .article:hover {
  text-decoration: none !important; }

#cvt .list li .article .article-img-thumbnail {
  overflow: visible;
  display: block;
  background-size: cover; }

#cvt .list li .article .article-img-thumbnail {
  min-width: 100%;
  z-index: 900; }

#cvt .list li .art-lca-image {
  display: none; }

#cvt .list li .titleBox {
  position: relative;
  padding-bottom: 0px;
  overflow: visible; }

#cvt .list li .artTitle {
  max-width: 80%;
  position: relative; }

#cvt .list li .artDesc {
  display: none; }

#cvt .list li .flag {
  margin-right: 10px;
  margin-top: -25px;
  margin-bottom: 0px;
  border-radius: 8px;
  margin-left: -30px;
  float: right; }

.artRate {
  margin: 0 8px; }

.rate-block {
  margin: 15px; }

#cvt .list .listTitle {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-left: 10px;
  color: rgba(19, 3, 3, 0.7); }

#cvt .list li .article .article-img-thumbnail img {
  display: none; }

/*CVT*/
/*#cvt .list li div.artBookmark { display:block; float:left; clear:left; position:relative; top:8px; left:-8px; color:#d9534f; z-index:1000; margin-bottom:-20px;}
#cvt .list li .sort-label {font-size: 11px; margin-left:10px; background-color: rgba(133,230,255,0.5); width:auto; max-width:200px; padding:6px 0 4px 12px; border-radius:10px; }*/
/*/END CVT*/
/* GRID VIEW */
/*==================================================*/
/*CVT*/
#cvt .grid li .sort-label {
  display: none;
  font-size: 11px;
  left: 0px;
  position: absolute;
  top: 88px;
  width: 100%;
  z-index: 1300;
  margin: 1px;
  color: #333;
  background-color: rgba(133, 230, 255, 0.3);
  padding: 4px 4px 4px 8px; }

#cvt .grid li div.artBookmark {
  display: block;
  float: right;
  clear: right;
  position: absolute;
  top: -9px;
  right: 10px;
  color: #d9534f;
  z-index: 1000;
  margin-bottom: -20px;
  font-size: 20px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); }

/* /END CVT */
#cvt .grid {
  margin: 0 0;
  padding: 0;
  width: 100%; }

#cvt .grid li {
  float: left;
  width: 19%;
  margin: 0px 5px;
  /*min-height: 250px;*/
  display: inline-block;
  clear: right;
  padding: 0; }

/* ARTICLE TILE STYLING */
#cvt .grid li .article {
  border: 1px solid rgba(19, 3, 3, 0.15);
  border-radius: 10px;
  margin-bottom: 20px;
  /*CVT*/
  padding-bottom: 15px;
  background-color: #fff; }

#cvt .grid li .article:hover {
  text-decoration: none !important; }

#cvt .grid li .article .article-img-thumbnail {
  /*background-image: url(../art/article-tiles/adminsupport_ea-tile-2.png);*/
  /**/
  min-height: 121px;
  max-height: 130px;
  display: block;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; }

#cvt .grid li .article .article-img-thumbnail {
  min-width: 100%;
  /*CVT*/
  /*min-height:6px;*/
  /* /END CVT*/
  z-index: 900; }

#cvt .grid li .article .article-img-thumbnail img {
  opacity: 0.5; }

#cvt .grid li .article .article-img-thumbnail:hover img {
  opacity: 0.7; }

#cvt .grid li .artTitle {
  /*CVT*/
  /*min-height: 110px;*/
  padding-top: 5px;
  /* /END CVT*/ }

#cvt .grid li .artDesc {
  padding: 3% 10px 0px 10px; }

#cvt .grid li .flag {
  margin: 17px 10px 5px;
  border-radius: 8px;
  float: left; }

#cvt .grid .listTitle {
  display: none; }

@media (min-width: 768px) and (max-width: 850px) {
  #cvt .grid li {
    width: 48%; }

  #cvt .grid li .artDesc {
    min-height: 85px; } }
@media (min-width: 851px) and (max-width: 991px) {
  #cvt .grid li {
    width: 32%; }

  #cvt .grid li .artDesc {
    min-height: 120px; } }
@media (min-width: 992px) and (max-width: 1100px) {
  #cvt .grid li {
    width: 18%;
    /*min-height: 261px;*/ }

  #cvt .grid li .artDesc {
    min-height: 125px; } }
@media (min-width: 1100px) and (max-width: 1199px) {
  #cvt .grid li {
    width: 19%;
    /*min-height: 261px;*/ }

  #cvt .grid li .artDesc {
    min-height: 120px; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  #cvt .grid li {
    width: 19%;
    /*min-height: 250px;*/ }

  #cvt .grid li .artDesc {
    min-height: 133px; } }
@media (min-width: 1600px) {
  #cvt .grid li {
    width: 16%;
    /*min-height: 250px;*/ }

  #cvt .grid li .artDesc {
    min-height: 120px; } }
@media (max-width: 767px) {
  #cvt .grid li {
    width: 45%;
    /*min-height: 210px;*/ }

  #cvt .grid li .artDesc {
    min-height: 100px; } }
@media (max-width: 557px) {
  #cvt .grid li {
    width: 95%; }

  #cvt .grid li .artDesc {
    min-height: 25px; } }
/* SWITCH CONTROLS */
/*==================================================*/
.view-controls-list {
  text-align: left;
  padding-bottom: 0px;
  padding-top: 20px;
  margin-bottom: 20px; }

.view-controls-grid {
  text-align: left;
  padding-bottom: 10px;
  padding-top: 20px;
  margin-bottom: 20px; }

#viewcontrols a {
  padding: 10px;
  color: #aaa;
  cursor: pointer; }

#viewcontrols a:hover {
  color: #ccc; }

#viewcontrols .active {
  color: #130303; }

/* MISCELLANEOUS */
/*==================================================*/
.label-text {
  font-size: 12px;
  color: #130303;
  margin-top: 10px; }

.searchbarTools {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  display: block;
  margin-top: 5px;
  float: left;
  height: 58px; }

.viewTools {
  /*width:23%;*/
  float: right;
  margin-top: -15px; }

.searchBar {
  width: 77%;
  float: left; }

.searchBut {
  padding-right: 8px;
  border-right: 1px solid #ccc;
  margin-right: 20px;
  width: 3%; }

.searchbarTools input {
  padding: 5px;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #666;
  height: 45px;
  line-height: 1;
  margin-left: -10px;
  margin-top: -10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  width: 85%;
  border-radius: 8px; }

#sortBox {
  float: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  margin-top: -20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: ease;
          transition: ease; }

#sortBox a.btn-link {
  color: #666;
  float: right; }

.title-banner-sm {
  text-align: left;
  font-size: 35px;
  font-weight: 200;
  float: left; }

.searchField:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

hr.viewer-header {
  margin-bottom: 20px;
  margin-top: -30px;
  clear: both; }

.vt-label {
  line-height: 45px;
  margin-right: 10px;
  color: #666; }

/*.badge-block{ margin-top:-23px; margin-left:15px;}
.badge-block .label{ font-weight:400; border-top-left-radius:0; border-top-right-radius:0; }  
.badge-block .label-default{ background-color:#f9f9f4; color:#666; border:1px solid #ccc;}
.badge-block .label-danger{ background-color:#f9f9f4; color:#f99; border:1px solid #ccc;}*/
/* cap-widgets-hall */
/* CSS Document */
/* =============================== CONTENT VIEWING TOOLS ============================ */
/* a {
  outline: 0 !important; } */

#hallway-tiles #cvt {
  /*padding:20px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block; }

#hallway-tiles #cvt a {
  color: rgba(19, 3, 3, 0.7);
  height: 200px; }

#hallway-tiles #cvt ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

#hallway-tiles #cvt .buttons {
  margin-bottom: 20px; }

/* LIST VIEW */
/*==================================================*/
#hallway-tiles #cvt .list {
  width: 100%; }

#hallway-tiles #cvt .list li {
  margin: 0;
  padding: 0;
  /* USE TO CREATE 2 COLUMNS in list view */
  /*width:40%;
  float:left;
  border-bottom:none;
  margin-right:20px;*/ }

#hallway-tiles #cvt .list li .panel-body {
  background-color: #FFF;
  box-shadow: 0px 0px 6px 0px #ccc; }

/*#hallway-tiles #cvt .list li:last-child { border-bottom: none;}*/
#hallway-tiles #cvt .list li {
  float: left;
  clear: left;
  display: table;
  border-right: none;
  border-bottom: 1px solid rgba(19, 3, 3, 0.1);
  border-radius: 0px;
  margin-bottom: 10px;
  width: 100%;
  padding-bottom: 10px; }

/*CVT*/
/**/
/*/END CVT*/
#hallway-tiles #cvt .list li .hallway:hover {
  text-decoration: none !important; }

#hallway-tiles #cvt .list li .hallway .hallway-img-thumbnail {
  overflow: visible;
  display: block;
  background-size: cover; }

#hallway-tiles #cvt .list li .hallway .hallway-img-thumbnail {
  min-width: 100%;
  z-index: 900; }

#hallway-tiles #cvt .list li .art-lca-image {
  display: none; }

#hallway-tiles #cvt .list li .hallway {
  background-image: none; }

#hallway-tiles #cvt .list li .titleBox {
  position: relative;
  padding-bottom: 0px;
  overflow: visible;
  color: rgba(19, 3, 3, 0.7);
  background-image: none; }

#hallway-tiles #cvt .list li .hallTitle {
  width: 100%;
  position: relative;
  float: left;
  font-weight: 600;
  font-size: 15px; }

#hallway-tiles #cvt .list li .hallDesc {
  display: inline-block;
  width: 100%; }

#hallway-tiles #cvt .list li .flag {
  margin-right: 10px;
  margin-top: -25px;
  margin-bottom: 0px;
  border-radius: 8px;
  margin-left: -30px;
  float: right; }

.artRate {
  margin: 0 8px; }

.rate-block {
  margin: 15px; }

#hallway-tiles #cvt .list .listTitle {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-left: 0px; }

#hallway-tiles #cvt .list li .hallway .hallway-img-thumbnail img {
  display: none; }

/*CVT*/
/*#hallway-tiles #cvt .list li div.artBookmark { display:block; float:left; clear:left; position:relative; top:8px; left:-8px; color:#d9534f; z-index:1000; margin-bottom:-20px;}
#hallway-tiles #cvt .list li .sort-label {font-size: 11px; margin-left:10px; background-color: rgba(133,230,255,0.5); width:auto; max-width:200px; padding:6px 0 4px 12px; border-radius:10px; }*/
/*/END CVT*/
/* GRID VIEW */
/*==================================================*/
/*CVT*/
#hallway-tiles #cvt .grid li .sort-label {
  display: none;
  font-size: 11px;
  left: 0px;
  position: absolute;
  top: 88px;
  width: 100%;
  z-index: 1300;
  margin: 1px;
  color: #333;
  background-color: rgba(133, 230, 255, 0.3);
  padding: 4px 4px 4px 8px; }

#hallway-tiles #cvt .grid li div.artBookmark {
  display: block;
  float: right;
  clear: right;
  position: absolute;
  top: -9px;
  right: 10px;
  color: #d9534f;
  z-index: 1000;
  margin-bottom: -20px;
  font-size: 20px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); }

/* /END CVT */
#hallway-tiles #cvt .grid {
  margin: 0 0;
  padding: 0;
  width: 100%; }

#hallway-tiles #cvt .list ul.services {
  list-style: none;
  float: left;
  clear: right;
  margin-top: 10px; }

#hallway-tiles #cvt .list ul.services li:first-child {
  padding-left: 0; }

#hallway-tiles #cvt .list ul.services li {
  list-style: none;
  display: inline-block;
  width: auto;
  margin-right: 5px;
  float: left;
  clear: none;
  border-bottom: none;
  margin-left: 0;
  margin-bottom: 0;
  border-right: 3px dotted rgba(19, 3, 3, 0.1);
  padding: 0 10px 0 7px; }

#hallway-tiles #cvt .list ul.services li:last-child {
  border-right: none; }

#hallway-tiles #cvt .grid ul.services {
  list-style: circle;
  list-style-position: outside;
  padding-left: 15px; }

#hallway-tiles #cvt .grid ul.services li {
  list-style: circle;
  display: list-item;
  width: 100% !important; }

#hallway-tiles #cvt .grid li {
  float: left;
  /**/
  width: 19%;
  margin: 0px 5px;
  /*min-height: 250px;*/
  /*display: inline-block;*/
  clear: right;
  padding: 0;
  font-size: 12px; }

/* ARTICLE TILE STYLING */
#hallway-tiles #cvt .grid li .hallway {
  border: 1px solid rgba(19, 3, 3, 0.15);
  border-radius: 10px;
  margin-bottom: 20px;
  min-height: 190px;
  overflow: hidden; }

#hallway-tiles #cvt .grid li .hallway:hover {
  text-decoration: none !important; }

#hallway-tiles #cvt .grid li .hallway .hallway-img-thumbnail {
  /*background-image: url(../art/article-tiles/adminsupport_ea-tile-2.png);*/
  /*
  max-height: 130px;*/
  min-height: 180px;
  display: block;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; }

#hallway-tiles #cvt .grid li .hallway .hallway-img-thumbnail {
  min-width: 100%;
  /*CVT*/
  /*min-height:6px;*/
  /* /END CVT*/
  z-index: 900; }

#hallway-tiles #cvt .grid li .hallway .hallway-img-thumbnail img {
  opacity: 0.5;
  min-height: 190px;
  min-width: 100%;
  z-index: 1;
  position: absolute; }

#hallway-tiles #cvt .grid li .hallway .hallway-img-thumbnail:hover img {
  opacity: 0.9; }

#hallway-tiles #cvt .grid li .hallTitle {
  padding: 15px 10px 0 15px;
  /*margin-top:5px;*/
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  min-height: 55px; }

#hallway-tiles #cvt .grid li .hallDesc {
  margin-top: 10px;
  padding: 0 15px 0px 10px; }

#hallway-tiles #cvt .grid li .flag {
  margin: 0;
  border-radius: 8px;
  top: 5px;
  left: 7px;
  position: relative;
  clear: both;
  z-index: 8500; }

#hallway-tiles #cvt .grid .listTitle {
  display: none; }

@media (min-width: 768px) and (max-width: 850px) {
  #left-content {
    border-right: none;
    margin: 0; }

  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 48% !important; }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 66px; } }
@media (min-width: 851px) and (max-width: 991px) {
  #left-content {
    border-right: none; }

  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 32% !important; }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 101px; } }
@media (min-width: 992px) and (max-width: 1100px) {
  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 31% !important;
    /*min-height: 261px;*/ }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 125px; } }
@media (min-width: 1100px) and (max-width: 1199px) {
  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 31% !important;
    /*min-height: 261px;*/ }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 100px; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  #hallway-tiles #cvt .list li .hallTitle {
    width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 23% !important;
    /*min-height: 250px;*/ }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 101px; } }
@media (min-width: 1600px) {
  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 22%; }

  #hallway-tiles #cvt .grid li {
    width: 19% !important;
    /**/
    /*min-height: 250px;*/ }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 101px; } }
@media (max-width: 767px) {
  #left-content {
    border-right: none;
    margin: 0; }

  #hallway-tiles #cvt .list li .hallTitle {
    min-width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 45% !important;
    /*min-height: 210px;*/ }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 84px; } }
@media (max-width: 557px) {
  #left-content {
    border-right: none;
    margin: 0; }

  #hallway-tiles #cvt .grid {
    width: 100%; }

  #hallway-tiles #cvt .grid li {
    width: 100% !important;
    /*overflow:hidden;*/
    margin: auto; }

  #hallway-tiles #cvt .grid li .hallDesc {
    min-height: 25px; }

  #hallway-tiles #cvt .grid ul.services {
    list-style: circle;
    list-style-position: outside;
    padding-left: 30px; }

  #hallway-tiles #cvt .grid ul.services li {
    list-style: circle;
    display: list-item;
    width: 100%; } }
@media (max-width: 557px) {
  #hallway-tiles #cvt .list li .hallDesc {
    padding: 0;
    margin: 0; }

  #hallway-tiles #cvt .list ul.services {
    list-style: circle;
    list-style-position: outside;
    padding-left: 30px;
    border-right: none;
    display: none; }

  #hallway-tiles #cvt .list ul.services li {
    list-style: circle;
    display: list-item;
    width: 100%;
    border-right: none;
    display: none; }

  #hallway-tiles #cvt .list li .hallTitle {
    padding: 15px 10px 0 10px;
    margin-top: 5px;
    font-size: 1.3em;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0;
    /*min-height:50px;*/ }

  #hallway-tiles #cvt .list li .flag {
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0px;
    border-radius: 8px;
    margin-left: 15px;
    float: left; }

  #hallway-tiles #cvt .list li:last-child {
    border-bottom: 1px solid #ccc; }

  #hallway-tiles #cvt .list li .titleBox {
    padding-top: 0; } }
/* SWITCH CONTROLS */
/*==================================================*/
.view-controls-list {
  text-align: left;
  padding-bottom: 0px;
  padding-top: 20px;
  margin-bottom: 20px; }

.view-controls-grid {
  text-align: left;
  padding-bottom: 10px;
  padding-top: 20px;
  margin-bottom: 20px; }

#viewcontrols a {
  padding: 10px;
  color: #aaa;
  cursor: pointer; }

#viewcontrols a:hover {
  color: #ccc; }

#viewcontrols .active {
  color: rgba(19, 3, 3, 0.7); }

/* MISCELLANEOUS */
/*==================================================*/
.label-text {
  font-size: 12px;
  color: rgba(19, 3, 3, 0.7);
  margin-top: 10px; }

.searchbarTools {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  display: block;
  margin-top: 5px;
  float: left;
  height: 58px; }

.viewTools {
  /*width:23%;*/
  float: right;
  margin-top: -15px; }

.searchBar {
  width: 77%;
  float: left; }

.searchBut {
  padding-right: 8px;
  border-right: 1px solid #ccc;
  margin-right: 20px;
  width: 3%; }

.searchbarTools input {
  padding: 5px;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: rgba(19, 3, 3, 0.7);
  height: 45px;
  line-height: 1;
  margin-left: -10px;
  margin-top: -10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  width: 85%;
  border-radius: 8px; }

#sortBox {
  float: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  margin-top: -20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: ease;
          transition: ease; }

#sortBox a.btn-link {
  color: rgba(19, 3, 3, 0.7);
  float: right; }

.title-banner-sm {
  text-align: left;
  font-size: 35px;
  font-weight: 200;
  float: left;
  padding-top: 10px;
  margin-right: 20px;
  color: rgba(19, 3, 3, 0.75); }

@media (max-width: 767px) {
  .title-banner-sm {
    text-align: left;
    font-size: 35px;
    font-weight: 200;
    float: left;
    padding-top: 10px;
    margin-right: 0px; } }
.searchField:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

hr.viewer-header {
  margin-bottom: 20px;
  margin-top: -30px;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  border-color: rgba(19, 3, 3, 0.07); }

.vt-label {
  line-height: 45px;
  margin-right: 10px;
  color: rgba(19, 3, 3, 0.7); }

@media (max-width: 767px) {
  .container {
    width: 100%;
    margin: 0 auto; } }
/*---------------------------------*/
.hallway {
  background-size: cover; }

/*.hallway:hover { opacity:0.8;}.hallway.as{ background-image:url(../art/hallway-tiles/adminsupport_hw-tile-2.png); }
.hallway.ithw {
  background-image: url(../art/hallway-tiles/it_hardwre_hw-tile-2.png);
}
.hallway.itsw {
  background-image: url(../art/hallway-tiles/it_software_hw-tile-2.png);
}*/
/* CSS Document */
.catRow {
  margin-top: 20px; }

.catBut {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #bcbcbc;
  /*background-color:rgba(205,230,156,0.40);*/
  /*background-color: rgba(224, 216, 212, 1);*/
  background-color: #dadad2;
  /*background-color:#2d6ba0;*/
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 3px; }

.catBut:hover {
  /*background-color:rgba(205,230,156,0.60)*/
  background-color: #666; }

.catBut-title {
  font-size: 12px; }

.catBut-icon, .catBut-title {
  color: #444; }

.catBut:hover .catBut-title, .catBut:hover .catBut-icon {
  color: #fff; }

/* =============================== LIST VIEW TOGGLE ============================ */
#cvt {
  /*padding:20px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: table; }

#cvt ul {
  list-style: none;
  padding: 0px; }

#cvt .buttons {
  margin-bottom: 20px; }

.sowTitleBox {
  padding-top: 15px; }

.sowTitle {
  font-weight: 600; }

.rtTop a {
  margin: 8px auto; }

#cvt .list li .catRow h4, #cvt .grid li .catRow h4 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 300;
  color: #666; }

.grid li .catRow h4 {
  border-top: 1px dotted #ccc;
  padding-top: 8px; }

.detail-text {
  font-size: 12px;
  color: #666;
  margin-top: 10px; }

#cvt .btn {
  padding: 4px 8px;
  margin: 4px auto;
  display: inline-block; }

/* LIST VIEW */
#cvt .list {
  /*width: 800px;
  margin-right: 15%;
  margin-left: 15%;*/ }

#cvt .list li {
  /**/
  /*border-bottom: 1px solid #CCC;*/
  /*margin-bottom: 90px;
  padding-right: 20px;*/
  /*min-height: 100px;*/
  margin: 0;
  padding: 0; }

#cvt .list li img {
  float: left;
  margin-right: 10px;
  padding-bottom: 0;
  display: none;
  /*border-bottom: 2px solid transparent;*/ }

#cvt .list li .title {
  /*overflow:hidden;word-wrap:break-word;*/
  font-size: 18px; }

#cvt .list li h3 {
  font-size: 18px;
  font-weight: 500; }

#cvt .list li .sowDesc {
  /*overflow:hidden;word-wrap:break-word;*/
  /*width:250px;*/
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  margin-top: 10px; }

#cvt .list li .list-left {
  /*width:75%;*/
  /*position:absolute;*/
  /*padding-left:260px;*/
  float: left;
  margin-top: -20px;
  padding-top: 0;
  width: 100%; }

#cvt .list li .list-right {
  /*width:25%;*/
  float: left;
  clear: both;
  width: 100%;
  text-align: left;
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 8px; }

#cvt .list li .price {
  float: right;
  font-size: 56px;
  display: block;
  margin-right: 10px;
  text-align: right;
  width: 100%;
  color: #4FAFC2; }

#cvt .list li .detail {
  float: right;
  display: block; }

#cvt .list li .panel-body {
  background-color: #FFF;
  box-shadow: 0px 0px 6px 0px #ccc; }

#cvt .list li .list-right .resultTools {
  float: left;
  clear: both; }

#cvt .list li .list-right .rtTop {
  float: left;
  text-align: left; }

#cvt .list li .list-right .rtBottom {
  float: left;
  text-align: left; }

#cvt .grid li .list-right .rtBottom {
  display: none; }

/* GRID VIEW */
#cvt .grid {
  margin: 0 auto;
  float: none; }

/*#cvt .grid li { float: left; width: 280px; margin:0px 5px;}*/
/*#cvt .grid li .panel-body{background-color:#fff; box-shadow:0px 0px 6px 0px #ccc;}*/
/*#cvt .grid li h3{font-size:18px;font-weight:500; max-width:280px; min-height:100px;}*/
#cvt .grid li .p1 {
  display: none; }

#cvt .grid li .list-left {
  text-align: left;
  margin-top: -20px;
  padding-top: 0; }

#cvt .grid li .icon-group-btn {
  font-size: 14px; }

#cvt .grid li .list-right {
  display: block;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 8px; }

#cvt .grid li * .catBut {
  display: inline-block;
  padding: 0px;
  border: none;
  background-color: #fff; }

#cvt .grid li * .catBut-icon {
  font-size: 18px;
  color: #666;
  margin-right: 5px; }

#cvt .grid li * .catBut-title {
  display: none; }

#cvt .grid {
  /*width: 950px;
  margin-left: 10%;*/
  margin: 0 auto; }

#cvt .grid .grid-hide {
  display: none; }

@media (min-width: 768px) and (max-width: 850px) {
  #cvt .grid li {
    width: 48%; }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (min-width: 851px) and (max-width: 991px) {
  #cvt .grid li {
    width: 32%; }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (min-width: 992px) and (max-width: 1100px) {
  #cvt .grid li {
    width: 32%;
    /*min-height: 266px;*/ }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (min-width: 1100px) and (max-width: 1199px) {
  #cvt .grid li {
    width: 24%;
    /*min-height: 261px;*/ }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  #cvt .grid li {
    width: 19%;
    /*min-height: 250px;*/ }

  #cvt .grid li .sowTitleBox {
    min-height: 100px; } }
@media (min-width: 1600px) {
  #cvt .grid li {
    width: 19%;
    /*min-height: 250px;*/ }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (max-width: 767px) {
  #cvt .grid li {
    width: 45%;
    /*min-height: 210px;*/ }

  #cvt .grid li .sowTitleBox {
    min-height: 80px; } }
@media (max-width: 557px) {
  #cvt .grid li {
    width: 95%; }

  #cvt .grid li .sowTitleBox {
    min-height: 10px; } }
/* SWITCH CONTROLS */
.view-controls-list {
  text-align: right;
  /*border-bottom: 1px solid #ccc;*/
  padding-bottom: 0px;
  padding-top: 20px;
  margin-bottom: 20px;
  /*width: 800px;
  margin-right: 15%;
  margin-left: 15%;*/ }

.view-controls-grid {
  /*width: 1000px;*/
  text-align: right;
  /*border-bottom: 1px solid #ccc;*/
  padding-bottom: 10px;
  padding-top: 20px;
  margin-bottom: 20px; }

#viewcontrols a {
  padding: 10px;
  color: #aaa;
  cursor: pointer; }

a.toggleview {
  background-color:#666;
  color:#fff !important;
  font-weight:bold;
}

#viewcontrols a:hover {
  color: #ccc; }

#viewcontrols .active {
  color: #666; }

@media (max-width: 540px) {
  .view-controls-list {
    text-align: left; } }
/* CART WISHLIST ICON BUTTONS*/
.icon-group-btn a {
  margin: 10px 0;
  float: left;
  width: 40px;
  margin-right: 5px;
  text-decoration: none;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s; }

.icon-group-btn a.btn-compare {
  margin-right: 0; }

.icon-group-btn a span {
  float: left;
  line-height: 32px;
  text-decoration: none; }

.icon-group-btn .icon-cart, .icon-group-btn .icon-wishlist, .icon-group-btn .icon-compare {
  width: 40px;
  height: 32px; }

.icon-group-btn .icon-cart {
  background: url("icon-a-w-c.png") #777777 no-repeat 8px 8px; }

.icon-group-btn .icon-wishlist {
  background: url("icon-a-w-c.png") #777777 no-repeat 8px -66px; }

.icon-group-btn .icon-compare {
  background: url(icon-a-w-c.png) #777777 no-repeat 7px center; }

.icon-group-btn .icon-text {
  text-indent: -40px;
  width: 0;
  height: 32px;
  font-size: 100%;
  overflow: hidden;
  color: #fff;
  background: #4FAFC2;
  transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s; }

.icon-group-btn .icon-wishlist-text {
  text-indent: -40px;
  width: 0;
  height: 32px;
  color: #fff;
  font-size: 100%;
  overflow: hidden;
  background: #4FAFC2;
  transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s; }

.icon-group-btn .compare-text {
  text-indent: -40px;
  width: 0;
  height: 32px;
  color: #fff;
  background: #4FAFC2;
  font-size: 100%;
  overflow: hidden;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s; }

.icon-group-btn a:hover .icon-cart {
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat 8px 8px; }

.icon-group-btn a:hover .icon-text {
  width: 90px;
  text-indent: 0; }

.icon-group-btn a:hover {
  width: 130px; }

.icon-group-btn a.btn-wishlist:hover {
  width: 151px; }

.icon-group-btn a.btn-compare:hover {
  width: 160px; }

.icon-group-btn a:hover .icon-wishlist-text {
  width: 111px;
  text-indent: 0; }

.icon-group-btn a:hover .compare-text {
  width: 120px;
  text-indent: 0; }

.icon-group-btn a:hover .icon-wishlist {
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat 8px -66px; }

.icon-group-btn a:hover .icon-compare {
  background: url(icon-a-w-c.png) #4FAFC2 no-repeat 7px center; }

/* MISCELLANEOUS */
.button {
  background-color: white;
  background-image: -webkit-linear-gradient(top, white, white);
  border: #4FAFC2 solid 2px;
  display: inline-block;
  font-size: 18px;
  font-family: 'Meiryo UI';
  color: #4FAFC2;
  text-decoration: none !important;
  padding: 5px 20px;
  line-height: inherit;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
  margin-top: 13px;
  margin-bottom: 10px; }

.button:hover {
  opacity: 0.9;
  background: #4FAFC2;
  color: white; }

.button.red {
  background-color: palevioletred;
  background-image: -webkit-linear-gradient(top, palevioletred, palevioletred);
  color: white;
  box-shadow: 0 0 5px palevioletred inset, 0 1px 1px palevioletred;
  border: 0px; }

.button.red:hover {
  opacity: 0.9; }

/*.thumbnail.article {
  min-height: 455px;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

.thumbnail.article {
  min-height: 100%;
}

}
@media (max-width:767px) {
.thumbnail.article {
  min-height: 355px;
}
}

@media (min-width:768px) {
.thumbnail.article {
  min-height: 405px;
}
}

@media (min-width:992px) {
.thumbnail.article {
  min-height: 420px;
}
}

@media (min-width:1200px) {
.thumbnail.article {
  min-height: 425px;
}
}*/
/*
.thumbnail.hallway-tile{
  }
.thumbnail.hallway-tile .title{
  min-height:35px;
  margin-top:10px;
  padding-left:2%;
  
  font-weight:bold;
  font-size:18px;}
.thumbnail.hallway-tile .services{
  color:#8A8680;
  font-size:13px;
  min-height:90px;
  padding-left:10%;}

.thumbnail span {
  background-attachment: scroll;
  background-clip: border-box;
  
  background-color: #FF0067;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto auto;
  border-bottom-right-radius: 4px;
  color: white;
  display: block;
  font-size: 20px;
  min-width: 20px;
  opacity: 21;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  position: absolute;
}

.thumbnail span.flag-black {
  background-color: #242415;
}

.thumbnail span.flag-learn {
  background-color: #46899B;
}

.thumbnail span.flag-connect {
  background-color: #DF8538;
}

.thumbnail span.flag-act {
  background-color: #38923E;
}

.thumbnail.article .article-img-thumbnail {
  min-height: 200px;
  max-height: 200px;
  overflow: hidden;
  display: block;
  background-size: cover;
}
.thumbnail.article .article-img-thumbnail {
  min-width:100%;}
.thumbnail .caption {
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
  min-height:100px;
}

.thumbnail.article .expDate {
  color: rgba(0,0,0,0.49);
  font-size: 12px;
  margin-top: 5px;
  color: #666;
}
.thumbnail .caption .desc {
  font-size: 12px;
  color: #929292;
  font-weight: normal;
  border-top: 1px solid #ccc;
  padding-top: 5px; 
  }
.thumbnail.article > .progress {
  border-radius: 0px;
  max-height: 15px;
  margin-bottom: 0px;
  overflow: hidden;
}

.thumbnail.article > .progress > .progress-bar-primary {

  background-color:#46899B;
}

.thumbnail.article > .progress > .progress-bar-warning {
  
  background-color:#DF8538;
}

.thumbnail.article > .progress > .progress-bar-success {

  background-color:#38923E;
}

.thumbnail.article > img, .thumbnail.article a > img {
  max-height: 250px;
  width: 100%;
}
.thumbnail.article > img, .thumbnail.article a:hover {
  opacity:0.6;
}

.thumbnail.sol-mat {
  background-image: url(../art/matrix-art/sm-back.jpg);
  background-size: cover;
  background-position:top center;
  display:block;
  min-height:415px;
}
.thumbnail.sol-mat-test {
  background-image: url(../art/matrix-art/sm-back.jpg);
  background-size: cover;
  background-position:top center;
  display:block;
  min-height:415px;}*/
/* CAP MODAL */
.cap-modal .mheadBox {
  background-image: url("../art/matrix-art/sm-1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  margin-top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: left;
  width: 100%; }

.cap-modal .mheadBox * h1 .fa {
  font-size: 7vmin;
  margin-bottom: 0;
  margin-right: -10px; }

/*.cap-modal.modal.fade {
  
  left:100%;
  top:100px;
  
  
  
 
 
  -webkit-transition: opacity 0.2s ease-in-out, left 0.3s ease-in-out, top 0.3s ease-out, width 0.3s ease-in-out, transform 0.3s ease-in-out;
     -moz-transition: opacity 0.2s ease-in-out, left 0.3s ease-in-out, top 0.3s ease-out, width 0.3s ease-in-out,  transform 0.3s ease-in-out;
       -o-transition: opacity 0.2s ease-in-out, left 0.3s ease-in-out, top 0.3s ease-out, width 0.3s ease-in-out,  transform 0.3s ease-in-out;
          transition: opacity 0.2s ease-in-out, left 0.3s ease-in-out, top 0.3s ease-out, width 0.3s ease-in-out,  transform 0.3s ease-in-out;
}

.cap-modal.modal.fade.in {
  right: 0px;
  top:0;
  left:0;
  bottom:0;
 -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  width:100%;
  
  }*/
.cap-modal .r_lca > .b_lca-bar > .lca-state .progress {
  height: 5px; }

.cap-modal .r_lca * .lca-title {
  margin-top: -45px; }

.cap-modal {
  min-height: 100%; }

.pivotApp {
  width: 85%;
  margin: 0 auto; }

.appHeader {
  text-align: left;
  padding-left: 40px; }

.cap-modal .modal-open {
  overflow: hidden; }

.cap-modal .modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

/*.cap-modal .modal.fade .cap-modal .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out
}

.cap-modal .modal.in .cap-modal .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}*/
.cap-modal .modal-dialog {
  width: 95%;
  min-height: 90%;
  margin: 20px auto;
  z-index: 9999; }

.cap-modal .modal-content {
  position: absolute;
  width: 100%;
  /*height: calc(100% + 100px);*/
  min-height: 100%;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.cap-modal .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.cap-modal .modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.cap-modal .modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50); }

.cap-modal .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.cap-modal .close a {
  margin-top: 15px;
  margin-right: 25px;
  line-height: 90px;
  z-index: 3000;
  font-size: 30px;
  font-weight: 200;
  color: #666;
  position: relative;
  right: 20px;
  top: 20px;
  opacity: 1; }

.cap-modal .artBookmark {
  display: block;
  float: left;
  clear: right;
  position: absolute;
  top: 30px;
  left: 30px;
  color: #d9534f;
  z-index: 1000;
  margin-bottom: -20px;
  font-size: 40px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); }

.cap-modal .deleteBookmark {
  display: block;
  float: left;
  clear: right;
  position: absolute;
  top: 50px;
  left: 70px;
  z-index: 1000;
  margin-bottom: -20px; }

.cap-modal .deleteBookmark a {
  font-size: 12px;
  color: #d9534f; }

.cap-modal .modal-title {
  margin: 0;
  line-height: 1.42857; }

.cap-modal .modal-body {
  position: relative;
  padding: 0px; }

.cap-modal .modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.cap-modal .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.cap-modal .modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.cap-modal .modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media (min-width: 768px) {
  .cap-modal .modal-dialog {
    /*width: 600px;
    
    margin: 5px auto 30px auto*/ }

  .cap-modal .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .cap-modal .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .cap-modal .modal-lg {
    width: 900px; } }
/*REQUIRES FONT AWESOME TO PERFORM CORRECTLY */
.hi-icon-wrap {
  /*text-align: center;
  margin: 0 auto;
  padding: 2em 0 3em;*/ }

.hi-icon {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  margin: 10px 20px 20px auto;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff; }

.hi-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box; }

.hi-icon:before {
  font-family: 'FontAwesome';
  speak: none;
  font-size: 20px;
  line-height: 45px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
  color: #fff; }

.hi-icon-glass:before {
  content: "\f000"; }

.hi-icon-music:before {
  content: "\f001"; }

.hi-icon-search:before {
  content: "\f002"; }

.hi-icon-envelope-o:before {
  content: "\f003"; }

.hi-icon-heart:before {
  content: "\f004"; }

.hi-icon-star:before {
  content: "\f005"; }

.hi-icon-star-o:before {
  content: "\f006"; }

.hi-icon-user:before {
  content: "\f007"; }

.hi-icon-film:before {
  content: "\f008"; }

.hi-icon-th-large:before {
  content: "\f009"; }

.hi-icon-th:before {
  content: "\f00a"; }

.hi-icon-th-list:before {
  content: "\f00b"; }

.hi-icon-check:before {
  content: "\f00c"; }

.hi-icon-remove:before,
.hi-icon-close:before,
.hi-icon-times:before {
  content: "\f00d"; }

.hi-icon-search-plus:before {
  content: "\f00e"; }

.hi-icon-search-minus:before {
  content: "\f010"; }

.hi-icon-power-off:before {
  content: "\f011"; }

.hi-icon-signal:before {
  content: "\f012"; }

.hi-icon-gear:before,
.hi-icon-cog:before {
  content: "\f013"; }

.hi-icon-trash-o:before {
  content: "\f014"; }

.hi-icon-home:before {
  content: "\f015"; }

.hi-icon-file-o:before {
  content: "\f016"; }

.hi-icon-clock-o:before {
  content: "\f017"; }

.hi-icon-road:before {
  content: "\f018"; }

.hi-icon-download:before {
  content: "\f019"; }

.hi-icon-arrow-circle-o-down:before {
  content: "\f01a"; }

.hi-icon-arrow-circle-o-up:before {
  content: "\f01b"; }

.hi-icon-inbox:before {
  content: "\f01c"; }

.hi-icon-play-circle-o:before {
  content: "\f01d"; }

.hi-icon-rotate-right:before,
.hi-icon-repeat:before {
  content: "\f01e"; }

.hi-icon-refresh:before {
  content: "\f021"; }

.hi-icon-list-alt:before {
  content: "\f022"; }

.hi-icon-lock:before {
  content: "\f023"; }

.hi-icon-flag:before {
  content: "\f024"; }

.hi-icon-headphones:before {
  content: "\f025"; }

.hi-icon-volume-off:before {
  content: "\f026"; }

.hi-icon-volume-down:before {
  content: "\f027"; }

.hi-icon-volume-up:before {
  content: "\f028"; }

.hi-icon-qrcode:before {
  content: "\f029"; }

.hi-icon-barcode:before {
  content: "\f02a"; }

.hi-icon-tag:before {
  content: "\f02b"; }

.hi-icon-tags:before {
  content: "\f02c"; }

.hi-icon-book:before {
  content: "\f02d"; }

.hi-icon-bookmark:before {
  content: "\f02e"; }

.hi-icon-print:before {
  content: "\f02f"; }

.hi-icon-camera:before {
  content: "\f030"; }

.hi-icon-font:before {
  content: "\f031"; }

.hi-icon-bold:before {
  content: "\f032"; }

.hi-icon-italic:before {
  content: "\f033"; }

.hi-icon-text-height:before {
  content: "\f034"; }

.hi-icon-text-width:before {
  content: "\f035"; }

.hi-icon-align-left:before {
  content: "\f036"; }

.hi-icon-align-center:before {
  content: "\f037"; }

.hi-icon-align-right:before {
  content: "\f038"; }

.hi-icon-align-justify:before {
  content: "\f039"; }

.hi-icon-list:before {
  content: "\f03a"; }

.hi-icon-dedent:before,
.hi-icon-outdent:before {
  content: "\f03b"; }

.hi-icon-indent:before {
  content: "\f03c"; }

.hi-icon-video-camera:before {
  content: "\f03d"; }

.hi-icon-photo:before,
.hi-icon-image:before,
.hi-icon-picture-o:before {
  content: "\f03e"; }

.hi-icon-pencil:before {
  content: "\f040"; }

.hi-icon-map-marker:before {
  content: "\f041"; }

.hi-icon-adjust:before {
  content: "\f042"; }

.hi-icon-tint:before {
  content: "\f043"; }

.hi-icon-edit:before,
.hi-icon-pencil-square-o:before {
  content: "\f044"; }

.hi-icon-share-square-o:before {
  content: "\f045"; }

.hi-icon-check-square-o:before {
  content: "\f046"; }

.hi-icon-arrows:before {
  content: "\f047"; }

.hi-icon-step-backward:before {
  content: "\f048"; }

.hi-icon-fast-backward:before {
  content: "\f049"; }

.hi-icon-backward:before {
  content: "\f04a"; }

.hi-icon-play:before {
  content: "\f04b"; }

.hi-icon-pause:before {
  content: "\f04c"; }

.hi-icon-stop:before {
  content: "\f04d"; }

.hi-icon-forward:before {
  content: "\f04e"; }

.hi-icon-fast-forward:before {
  content: "\f050"; }

.hi-icon-step-forward:before {
  content: "\f051"; }

.hi-icon-eject:before {
  content: "\f052"; }

.hi-icon-chevron-left:before {
  content: "\f053"; }

.hi-icon-chevron-right:before {
  content: "\f054"; }

.hi-icon-plus-circle:before {
  content: "\f055"; }

.hi-icon-minus-circle:before {
  content: "\f056"; }

.hi-icon-times-circle:before {
  content: "\f057"; }

.hi-icon-check-circle:before {
  content: "\f058"; }

.hi-icon-question-circle:before {
  content: "\f059"; }

.hi-icon-info-circle:before {
  content: "\f05a"; }

.hi-icon-crosshairs:before {
  content: "\f05b"; }

.hi-icon-times-circle-o:before {
  content: "\f05c"; }

.hi-icon-check-circle-o:before {
  content: "\f05d"; }

.hi-icon-ban:before {
  content: "\f05e"; }

.hi-icon-arrow-left:before {
  content: "\f060"; }

.hi-icon-arrow-right:before {
  content: "\f061"; }

.hi-icon-arrow-up:before {
  content: "\f062"; }

.hi-icon-arrow-down:before {
  content: "\f063"; }

.hi-icon-mail-forward:before,
.hi-icon-share:before {
  content: "\f064"; }

.hi-icon-expand:before {
  content: "\f065"; }

.hi-icon-compress:before {
  content: "\f066"; }

.hi-icon-plus:before {
  content: "\f067"; }

.hi-icon-minus:before {
  content: "\f068"; }

.hi-icon-asterisk:before {
  content: "\f069"; }

.hi-icon-exclamation-circle:before {
  content: "\f06a"; }

.hi-icon-gift:before {
  content: "\f06b"; }

.hi-icon-leaf:before {
  content: "\f06c"; }

.hi-icon-fire:before {
  content: "\f06d"; }

.hi-icon-eye:before {
  content: "\f06e"; }

.hi-icon-eye-slash:before {
  content: "\f070"; }

.hi-icon-warning:before,
.hi-icon-exclamation-triangle:before {
  content: "\f071"; }

.hi-icon-plane:before {
  content: "\f072"; }

.hi-icon-calendar:before {
  content: "\f073"; }

.hi-icon-random:before {
  content: "\f074"; }

.hi-icon-comment:before {
  content: "\f075"; }

.hi-icon-magnet:before {
  content: "\f076"; }

.hi-icon-chevron-up:before {
  content: "\f077"; }

.hi-icon-chevron-down:before {
  content: "\f078"; }

.hi-icon-retweet:before {
  content: "\f079"; }

.hi-icon-shopping-cart:before {
  content: "\f07a"; }

.hi-icon-folder:before {
  content: "\f07b"; }

.hi-icon-folder-open:before {
  content: "\f07c"; }

.hi-icon-arrows-v:before {
  content: "\f07d"; }

.hi-icon-arrows-h:before {
  content: "\f07e"; }

.hi-icon-bar-chart-o:before,
.hi-icon-bar-chart:before {
  content: "\f080"; }

.hi-icon-twitter-square:before {
  content: "\f081"; }

.hi-icon-facebook-square:before {
  content: "\f082"; }

.hi-icon-camera-retro:before {
  content: "\f083"; }

.hi-icon-key:before {
  content: "\f084"; }

.hi-icon-gears:before,
.hi-icon-cogs:before {
  content: "\f085"; }

.hi-icon-comments:before {
  content: "\f086"; }

.hi-icon-thumbs-o-up:before {
  content: "\f087"; }

.hi-icon-thumbs-o-down:before {
  content: "\f088"; }

.hi-icon-star-half:before {
  content: "\f089"; }

.hi-icon-heart-o:before {
  content: "\f08a"; }

.hi-icon-sign-out:before {
  content: "\f08b"; }

.hi-icon-linkedin-square:before {
  content: "\f08c"; }

.hi-icon-thumb-tack:before {
  content: "\f08d"; }

.hi-icon-external-link:before {
  content: "\f08e"; }

.hi-icon-sign-in:before {
  content: "\f090"; }

.hi-icon-trophy:before {
  content: "\f091"; }

.hi-icon-github-square:before {
  content: "\f092"; }

.hi-icon-upload:before {
  content: "\f093"; }

.hi-icon-lemon-o:before {
  content: "\f094"; }

.hi-icon-phone:before {
  content: "\f095"; }

.hi-icon-square-o:before {
  content: "\f096"; }

.hi-icon-bookmark-o:before {
  content: "\f097"; }

.hi-icon-phone-square:before {
  content: "\f098"; }

.hi-icon-twitter:before {
  content: "\f099"; }

.hi-icon-facebook:before {
  content: "\f09a"; }

.hi-icon-github:before {
  content: "\f09b"; }

.hi-icon-unlock:before {
  content: "\f09c"; }

.hi-icon-credit-card:before {
  content: "\f09d"; }

.hi-icon-rss:before {
  content: "\f09e"; }

.hi-icon-hdd-o:before {
  content: "\f0a0"; }

.hi-icon-bullhorn:before {
  content: "\f0a1"; }

.hi-icon-bell:before {
  content: "\f0f3"; }

.hi-icon-certificate:before {
  content: "\f0a3"; }

.hi-icon-hand-o-right:before {
  content: "\f0a4"; }

.hi-icon-hand-o-left:before {
  content: "\f0a5"; }

.hi-icon-hand-o-up:before {
  content: "\f0a6"; }

.hi-icon-hand-o-down:before {
  content: "\f0a7"; }

.hi-icon-arrow-circle-left:before {
  content: "\f0a8"; }

.hi-icon-arrow-circle-right:before {
  content: "\f0a9"; }

.hi-icon-arrow-circle-up:before {
  content: "\f0aa"; }

.hi-icon-arrow-circle-down:before {
  content: "\f0ab"; }

.hi-icon-globe:before {
  content: "\f0ac"; }

.hi-icon-wrench:before {
  content: "\f0ad"; }

.hi-icon-tasks:before {
  content: "\f0ae"; }

.hi-icon-filter:before {
  content: "\f0b0"; }

.hi-icon-briefcase:before {
  content: "\f0b1"; }

.hi-icon-arrows-alt:before {
  content: "\f0b2"; }

.hi-icon-group:before,
.hi-icon-users:before {
  content: "\f0c0"; }

.hi-icon-chain:before,
.hi-icon-link:before {
  content: "\f0c1"; }

.hi-icon-cloud:before {
  content: "\f0c2"; }

.hi-icon-flask:before {
  content: "\f0c3"; }

.hi-icon-cut:before,
.hi-icon-scissors:before {
  content: "\f0c4"; }

.hi-icon-copy:before,
.hi-icon-files-o:before {
  content: "\f0c5"; }

.hi-icon-paperclip:before {
  content: "\f0c6"; }

.hi-icon-save:before,
.hi-icon-floppy-o:before {
  content: "\f0c7"; }

.hi-icon-square:before {
  content: "\f0c8"; }

.hi-icon-navicon:before,
.hi-icon-reorder:before,
.hi-icon-bars:before {
  content: "\f0c9"; }

.hi-icon-list-ul:before {
  content: "\f0ca"; }

.hi-icon-list-ol:before {
  content: "\f0cb"; }

.hi-icon-strikethrough:before {
  content: "\f0cc"; }

.hi-icon-underline:before {
  content: "\f0cd"; }

.hi-icon-table:before {
  content: "\f0ce"; }

.hi-icon-magic:before {
  content: "\f0d0"; }

.hi-icon-truck:before {
  content: "\f0d1"; }

.hi-icon-pinterest:before {
  content: "\f0d2"; }

.hi-icon-pinterest-square:before {
  content: "\f0d3"; }

.hi-icon-google-plus-square:before {
  content: "\f0d4"; }

.hi-icon-google-plus:before {
  content: "\f0d5"; }

.hi-icon-money:before {
  content: "\f0d6"; }

.hi-icon-caret-down:before {
  content: "\f0d7"; }

.hi-icon-caret-up:before {
  content: "\f0d8"; }

.hi-icon-caret-left:before {
  content: "\f0d9"; }

.hi-icon-caret-right:before {
  content: "\f0da"; }

.hi-icon-columns:before {
  content: "\f0db"; }

.hi-icon-unsorted:before,
.hi-icon-sort:before {
  content: "\f0dc"; }

.hi-icon-sort-down:before,
.hi-icon-sort-desc:before {
  content: "\f0dd"; }

.hi-icon-sort-up:before,
.hi-icon-sort-asc:before {
  content: "\f0de"; }

.hi-icon-envelope:before {
  content: "\f0e0"; }

.hi-icon-linkedin:before {
  content: "\f0e1"; }

.hi-icon-rotate-left:before,
.hi-icon-undo:before {
  content: "\f0e2"; }

.hi-icon-legal:before,
.hi-icon-gavel:before {
  content: "\f0e3"; }

.hi-icon-dashboard:before,
.hi-icon-tachometer:before {
  content: "\f0e4"; }

.hi-icon-comment-o:before {
  content: "\f0e5"; }

.hi-icon-comments-o:before {
  content: "\f0e6"; }

.hi-icon-flash:before,
.hi-icon-bolt:before {
  content: "\f0e7"; }

.hi-icon-sitemap:before {
  content: "\f0e8"; }

.hi-icon-umbrella:before {
  content: "\f0e9"; }

.hi-icon-paste:before,
.hi-icon-clipboard:before {
  content: "\f0ea"; }

.hi-icon-lightbulb-o:before {
  content: "\f0eb"; }

.hi-icon-exchange:before {
  content: "\f0ec"; }

.hi-icon-cloud-download:before {
  content: "\f0ed"; }

.hi-icon-cloud-upload:before {
  content: "\f0ee"; }

.hi-icon-user-md:before {
  content: "\f0f0"; }

.hi-icon-stethoscope:before {
  content: "\f0f1"; }

.hi-icon-suitcase:before {
  content: "\f0f2"; }

.hi-icon-bell-o:before {
  content: "\f0a2"; }

.hi-icon-coffee:before {
  content: "\f0f4"; }

.hi-icon-cutlery:before {
  content: "\f0f5"; }

.hi-icon-file-text-o:before {
  content: "\f0f6"; }

.hi-icon-building-o:before {
  content: "\f0f7"; }

.hi-icon-hospital-o:before {
  content: "\f0f8"; }

.hi-icon-ambulance:before {
  content: "\f0f9"; }

.hi-icon-medkit:before {
  content: "\f0fa"; }

.hi-icon-fighter-jet:before {
  content: "\f0fb"; }

.hi-icon-beer:before {
  content: "\f0fc"; }

.hi-icon-h-square:before {
  content: "\f0fd"; }

.hi-icon-plus-square:before {
  content: "\f0fe"; }

.hi-icon-angle-double-left:before {
  content: "\f100"; }

.hi-icon-angle-double-right:before {
  content: "\f101"; }

.hi-icon-angle-double-up:before {
  content: "\f102"; }

.hi-icon-angle-double-down:before {
  content: "\f103"; }

.hi-icon-angle-left:before {
  content: "\f104"; }

.hi-icon-angle-right:before {
  content: "\f105"; }

.hi-icon-angle-up:before {
  content: "\f106"; }

.hi-icon-angle-down:before {
  content: "\f107"; }

.hi-icon-desktop:before {
  content: "\f108"; }

.hi-icon-laptop:before {
  content: "\f109"; }

.hi-icon-tablet:before {
  content: "\f10a"; }

.hi-icon-mobile-phone:before,
.hi-icon-mobile:before {
  content: "\f10b"; }

.hi-icon-circle-o:before {
  content: "\f10c"; }

.hi-icon-quote-left:before {
  content: "\f10d"; }

.hi-icon-quote-right:before {
  content: "\f10e"; }

.hi-icon-spinner:before {
  content: "\f110"; }

.hi-icon-circle:before {
  content: "\f111"; }

.hi-icon-mail-reply:before,
.hi-icon-reply:before {
  content: "\f112"; }

.hi-icon-github-alt:before {
  content: "\f113"; }

.hi-icon-folder-o:before {
  content: "\f114"; }

.hi-icon-folder-open-o:before {
  content: "\f115"; }

.hi-icon-smile-o:before {
  content: "\f118"; }

.hi-icon-frown-o:before {
  content: "\f119"; }

.hi-icon-meh-o:before {
  content: "\f11a"; }

.hi-icon-gamepad:before {
  content: "\f11b"; }

.hi-icon-keyboard-o:before {
  content: "\f11c"; }

.hi-icon-flag-o:before {
  content: "\f11d"; }

.hi-icon-flag-checkered:before {
  content: "\f11e"; }

.hi-icon-terminal:before {
  content: "\f120"; }

.hi-icon-code:before {
  content: "\f121"; }

.hi-icon-mail-reply-all:before,
.hi-icon-reply-all:before {
  content: "\f122"; }

.hi-icon-star-half-empty:before,
.hi-icon-star-half-full:before,
.hi-icon-star-half-o:before {
  content: "\f123"; }

.hi-icon-location-arrow:before {
  content: "\f124"; }

.hi-icon-crop:before {
  content: "\f125"; }

.hi-icon-code-fork:before {
  content: "\f126"; }

.hi-icon-unlink:before,
.hi-icon-chain-broken:before {
  content: "\f127"; }

.hi-icon-question:before {
  content: "\f128"; }

.hi-icon-info:before {
  content: "\f129"; }

.hi-icon-exclamation:before {
  content: "\f12a"; }

.hi-icon-superscript:before {
  content: "\f12b"; }

.hi-icon-subscript:before {
  content: "\f12c"; }

.hi-icon-eraser:before {
  content: "\f12d"; }

.hi-icon-puzzle-piece:before {
  content: "\f12e"; }

.hi-icon-microphone:before {
  content: "\f130"; }

.hi-icon-microphone-slash:before {
  content: "\f131"; }

.hi-icon-shield:before {
  content: "\f132"; }

.hi-icon-calendar-o:before {
  content: "\f133"; }

.hi-icon-fire-extinguisher:before {
  content: "\f134"; }

.hi-icon-rocket:before {
  content: "\f135"; }

.hi-icon-maxcdn:before {
  content: "\f136"; }

.hi-icon-chevron-circle-left:before {
  content: "\f137"; }

.hi-icon-chevron-circle-right:before {
  content: "\f138"; }

.hi-icon-chevron-circle-up:before {
  content: "\f139"; }

.hi-icon-chevron-circle-down:before {
  content: "\f13a"; }

.hi-icon-html5:before {
  content: "\f13b"; }

.hi-icon-css3:before {
  content: "\f13c"; }

.hi-icon-anchor:before {
  content: "\f13d"; }

.hi-icon-unlock-alt:before {
  content: "\f13e"; }

.hi-icon-bullseye:before {
  content: "\f140"; }

.hi-icon-ellipsis-h:before {
  content: "\f141"; }

.hi-icon-ellipsis-v:before {
  content: "\f142"; }

.hi-icon-rss-square:before {
  content: "\f143"; }

.hi-icon-play-circle:before {
  content: "\f144"; }

.hi-icon-ticket:before {
  content: "\f145"; }

.hi-icon-minus-square:before {
  content: "\f146"; }

.hi-icon-minus-square-o:before {
  content: "\f147"; }

.hi-icon-level-up:before {
  content: "\f148"; }

.hi-icon-level-down:before {
  content: "\f149"; }

.hi-icon-check-square:before {
  content: "\f14a"; }

.hi-icon-pencil-square:before {
  content: "\f14b"; }

.hi-icon-external-link-square:before {
  content: "\f14c"; }

.hi-icon-share-square:before {
  content: "\f14d"; }

.hi-icon-compass:before {
  content: "\f14e"; }

.hi-icon-toggle-down:before,
.hi-icon-caret-square-o-down:before {
  content: "\f150"; }

.hi-icon-toggle-up:before,
.hi-icon-caret-square-o-up:before {
  content: "\f151"; }

.hi-icon-toggle-right:before,
.hi-icon-caret-square-o-right:before {
  content: "\f152"; }

.hi-icon-euro:before,
.hi-icon-eur:before {
  content: "\f153"; }

.hi-icon-gbp:before {
  content: "\f154"; }

.hi-icon-dollar:before,
.hi-icon-usd:before {
  content: "\f155"; }

.hi-icon-rupee:before,
.hi-icon-inr:before {
  content: "\f156"; }

.hi-icon-cny:before,
.hi-icon-rmb:before,
.hi-icon-yen:before,
.hi-icon-jpy:before {
  content: "\f157"; }

.hi-icon-ruble:before,
.hi-icon-rouble:before,
.hi-icon-rub:before {
  content: "\f158"; }

.hi-icon-won:before,
.hi-icon-krw:before {
  content: "\f159"; }

.hi-icon-bitcoin:before,
.hi-icon-btc:before {
  content: "\f15a"; }

.hi-icon-file:before {
  content: "\f15b"; }

.hi-icon-file-text:before {
  content: "\f15c"; }

.hi-icon-sort-alpha-asc:before {
  content: "\f15d"; }

.hi-icon-sort-alpha-desc:before {
  content: "\f15e"; }

.hi-icon-sort-amount-asc:before {
  content: "\f160"; }

.hi-icon-sort-amount-desc:before {
  content: "\f161"; }

.hi-icon-sort-numeric-asc:before {
  content: "\f162"; }

.hi-icon-sort-numeric-desc:before {
  content: "\f163"; }

.hi-icon-thumbs-up:before {
  content: "\f164"; }

.hi-icon-thumbs-down:before {
  content: "\f165"; }

.hi-icon-youtube-square:before {
  content: "\f166"; }

.hi-icon-youtube:before {
  content: "\f167"; }

.hi-icon-xing:before {
  content: "\f168"; }

.hi-icon-xing-square:before {
  content: "\f169"; }

.hi-icon-youtube-play:before {
  content: "\f16a"; }

.hi-icon-dropbox:before {
  content: "\f16b"; }

.hi-icon-stack-overflow:before {
  content: "\f16c"; }

.hi-icon-instagram:before {
  content: "\f16d"; }

.hi-icon-flickr:before {
  content: "\f16e"; }

.hi-icon-adn:before {
  content: "\f170"; }

.hi-icon-bitbucket:before {
  content: "\f171"; }

.hi-icon-bitbucket-square:before {
  content: "\f172"; }

.hi-icon-tumblr:before {
  content: "\f173"; }

.hi-icon-tumblr-square:before {
  content: "\f174"; }

.hi-icon-long-arrow-down:before {
  content: "\f175"; }

.hi-icon-long-arrow-up:before {
  content: "\f176"; }

.hi-icon-long-arrow-left:before {
  content: "\f177"; }

.hi-icon-long-arrow-right:before {
  content: "\f178"; }

.hi-icon-apple:before {
  content: "\f179"; }

.hi-icon-windows:before {
  content: "\f17a"; }

.hi-icon-android:before {
  content: "\f17b"; }

.hi-icon-linux:before {
  content: "\f17c"; }

.hi-icon-dribbble:before {
  content: "\f17d"; }

.hi-icon-skype:before {
  content: "\f17e"; }

.hi-icon-foursquare:before {
  content: "\f180"; }

.hi-icon-trello:before {
  content: "\f181"; }

.hi-icon-female:before {
  content: "\f182"; }

.hi-icon-male:before {
  content: "\f183"; }

.hi-icon-gittip:before {
  content: "\f184"; }

.hi-icon-sun-o:before {
  content: "\f185"; }

.hi-icon-moon-o:before {
  content: "\f186"; }

.hi-icon-archive:before {
  content: "\f187"; }

.hi-icon-bug:before {
  content: "\f188"; }

.hi-icon-vk:before {
  content: "\f189"; }

.hi-icon-weibo:before {
  content: "\f18a"; }

.hi-icon-renren:before {
  content: "\f18b"; }

.hi-icon-pagelines:before {
  content: "\f18c"; }

.hi-icon-stack-exchange:before {
  content: "\f18d"; }

.hi-icon-arrow-circle-o-right:before {
  content: "\f18e"; }

.hi-icon-arrow-circle-o-left:before {
  content: "\f190"; }

.hi-icon-toggle-left:before,
.hi-icon-caret-square-o-left:before {
  content: "\f191"; }

.hi-icon-dot-circle-o:before {
  content: "\f192"; }

.hi-icon-wheelchair:before {
  content: "\f193"; }

.hi-icon-vimeo-square:before {
  content: "\f194"; }

.hi-icon-turkish-lira:before,
.hi-icon-try:before {
  content: "\f195"; }

.hi-icon-plus-square-o:before {
  content: "\f196"; }

.hi-icon-space-shuttle:before {
  content: "\f197"; }

.hi-icon-slack:before {
  content: "\f198"; }

.hi-icon-envelope-square:before {
  content: "\f199"; }

.hi-icon-wordpress:before {
  content: "\f19a"; }

.hi-icon-openid:before {
  content: "\f19b"; }

.hi-icon-institution:before,
.hi-icon-bank:before,
.hi-icon-university:before {
  content: "\f19c"; }

.hi-icon-mortar-board:before,
.hi-icon-graduation-cap:before {
  content: "\f19d"; }

.hi-icon-yahoo:before {
  content: "\f19e"; }

.hi-icon-google:before {
  content: "\f1a0"; }

.hi-icon-reddit:before {
  content: "\f1a1"; }

.hi-icon-reddit-square:before {
  content: "\f1a2"; }

.hi-icon-stumbleupon-circle:before {
  content: "\f1a3"; }

.hi-icon-stumbleupon:before {
  content: "\f1a4"; }

.hi-icon-delicious:before {
  content: "\f1a5"; }

.hi-icon-digg:before {
  content: "\f1a6"; }

.hi-icon-pied-piper:before {
  content: "\f1a7"; }

.hi-icon-pied-piper-alt:before {
  content: "\f1a8"; }

.hi-icon-drupal:before {
  content: "\f1a9"; }

.hi-icon-joomla:before {
  content: "\f1aa"; }

.hi-icon-language:before {
  content: "\f1ab"; }

.hi-icon-fax:before {
  content: "\f1ac"; }

.hi-icon-building:before {
  content: "\f1ad"; }

.hi-icon-child:before {
  content: "\f1ae"; }

.hi-icon-paw:before {
  content: "\f1b0"; }

.hi-icon-spoon:before {
  content: "\f1b1"; }

.hi-icon-cube:before {
  content: "\f1b2"; }

.hi-icon-cubes:before {
  content: "\f1b3"; }

.hi-icon-behance:before {
  content: "\f1b4"; }

.hi-icon-behance-square:before {
  content: "\f1b5"; }

.hi-icon-steam:before {
  content: "\f1b6"; }

.hi-icon-steam-square:before {
  content: "\f1b7"; }

.hi-icon-recycle:before {
  content: "\f1b8"; }

.hi-icon-automobile:before,
.hi-icon-car:before {
  content: "\f1b9"; }

.hi-icon-cab:before,
.hi-icon-taxi:before {
  content: "\f1ba"; }

.hi-icon-tree:before {
  content: "\f1bb"; }

.hi-icon-spotify:before {
  content: "\f1bc"; }

.hi-icon-deviantart:before {
  content: "\f1bd"; }

.hi-icon-soundcloud:before {
  content: "\f1be"; }

.hi-icon-database:before {
  content: "\f1c0"; }

.hi-icon-file-pdf-o:before {
  content: "\f1c1"; }

.hi-icon-file-word-o:before {
  content: "\f1c2"; }

.hi-icon-file-excel-o:before {
  content: "\f1c3"; }

.hi-icon-file-powerpoint-o:before {
  content: "\f1c4"; }

.hi-icon-file-photo-o:before,
.hi-icon-file-picture-o:before,
.hi-icon-file-image-o:before {
  content: "\f1c5"; }

.hi-icon-file-zip-o:before,
.hi-icon-file-archive-o:before {
  content: "\f1c6"; }

.hi-icon-file-sound-o:before,
.hi-icon-file-audio-o:before {
  content: "\f1c7"; }

.hi-icon-file-movie-o:before,
.hi-icon-file-video-o:before {
  content: "\f1c8"; }

.hi-icon-file-code-o:before {
  content: "\f1c9"; }

.hi-icon-vine:before {
  content: "\f1ca"; }

.hi-icon-codepen:before {
  content: "\f1cb"; }

.hi-icon-jsfiddle:before {
  content: "\f1cc"; }

.hi-icon-life-bouy:before,
.hi-icon-life-buoy:before,
.hi-icon-life-saver:before,
.hi-icon-support:before,
.hi-icon-life-ring:before {
  content: "\f1cd"; }

.hi-icon-circle-o-notch:before {
  content: "\f1ce"; }

.hi-icon-ra:before,
.hi-icon-rebel:before {
  content: "\f1d0"; }

.hi-icon-ge:before,
.hi-icon-empire:before {
  content: "\f1d1"; }

.hi-icon-git-square:before {
  content: "\f1d2"; }

.hi-icon-git:before {
  content: "\f1d3"; }

.hi-icon-hacker-news:before {
  content: "\f1d4"; }

.hi-icon-tencent-weibo:before {
  content: "\f1d5"; }

.hi-icon-qq:before {
  content: "\f1d6"; }

.hi-icon-wechat:before,
.hi-icon-weixin:before {
  content: "\f1d7"; }

.hi-icon-send:before,
.hi-icon-paper-plane:before {
  content: "\f1d8"; }

.hi-icon-send-o:before,
.hi-icon-paper-plane-o:before {
  content: "\f1d9"; }

.hi-icon-history:before {
  content: "\f1da"; }

.hi-icon-circle-thin:before {
  content: "\f1db"; }

.hi-icon-header:before {
  content: "\f1dc"; }

.hi-icon-paragraph:before {
  content: "\f1dd"; }

.hi-icon-sliders:before {
  content: "\f1de"; }

.hi-icon-share-alt:before {
  content: "\f1e0"; }

.hi-icon-share-alt-square:before {
  content: "\f1e1"; }

.hi-icon-bomb:before {
  content: "\f1e2"; }

.hi-icon-soccer-ball-o:before,
.hi-icon-futbol-o:before {
  content: "\f1e3"; }

.hi-icon-tty:before {
  content: "\f1e4"; }

.hi-icon-binoculars:before {
  content: "\f1e5"; }

.hi-icon-plug:before {
  content: "\f1e6"; }

.hi-icon-slideshare:before {
  content: "\f1e7"; }

.hi-icon-twitch:before {
  content: "\f1e8"; }

.hi-icon-yelp:before {
  content: "\f1e9"; }

.hi-icon-newspaper-o:before {
  content: "\f1ea"; }

.hi-icon-wifi:before {
  content: "\f1eb"; }

.hi-icon-calculator:before {
  content: "\f1ec"; }

.hi-icon-paypal:before {
  content: "\f1ed"; }

.hi-icon-google-wallet:before {
  content: "\f1ee"; }

.hi-icon-cc-visa:before {
  content: "\f1f0"; }

.hi-icon-cc-mastercard:before {
  content: "\f1f1"; }

.hi-icon-cc-discover:before {
  content: "\f1f2"; }

.hi-icon-cc-amex:before {
  content: "\f1f3"; }

.hi-icon-cc-paypal:before {
  content: "\f1f4"; }

.hi-icon-cc-stripe:before {
  content: "\f1f5"; }

.hi-icon-bell-slash:before {
  content: "\f1f6"; }

.hi-icon-bell-slash-o:before {
  content: "\f1f7"; }

.hi-icon-trash:before {
  content: "\f1f8"; }

.hi-icon-copyright:before {
  content: "\f1f9"; }

.hi-icon-at:before {
  content: "\f1fa"; }

.hi-icon-eyedropper:before {
  content: "\f1fb"; }

.hi-icon-paint-brush:before {
  content: "\f1fc"; }

.hi-icon-birthday-cake:before {
  content: "\f1fd"; }

.hi-icon-area-chart:before {
  content: "\f1fe"; }

.hi-icon-pie-chart:before {
  content: "\f200"; }

.hi-icon-line-chart:before {
  content: "\f201"; }

.hi-icon-lastfm:before {
  content: "\f202"; }

.hi-icon-lastfm-square:before {
  content: "\f203"; }

.hi-icon-toggle-off:before {
  content: "\f204"; }

.hi-icon-toggle-on:before {
  content: "\f205"; }

.hi-icon-bicycle:before {
  content: "\f206"; }

.hi-icon-bus:before {
  content: "\f207"; }

.hi-icon-ioxhost:before {
  content: "\f208"; }

.hi-icon-angellist:before {
  content: "\f209"; }

.hi-icon-cc:before {
  content: "\f20a"; }

.hi-icon-shekel:before,
.hi-icon-sheqel:before,
.hi-icon-ils:before {
  content: "\f20b"; }

.hi-icon-meanpath:before {
  content: "\f20c"; }

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
  background: rgba(19, 3, 3, 0.7);
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s; }

.hi-icon-effect-1 .hi-icon:after {
  top: -7px;
  left: -7px;
  padding: 7px;
  box-shadow: 0 0 0 2px rgba(19, 3, 3, 0.7);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
          transition: transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0; }

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
  background: white;
  color: #41ab6b; }

.hi-icon-effect-1a .hi-icon:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
  background: #df8538;
  color: rgba(255, 255, 255, 0.7); }

.hi-icon-effect-1b .hi-icon:after {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.hi-icon-effect-1b .hi-icon:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
  color: #eea303;
  box-shadow: 0 0 0 3px #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.hi-icon-effect-2 .hi-icon:after {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s; }

/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {
  color: #eea303; }

.hi-icon-effect-2a .hi-icon:hover:after {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85); }

/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
  transition: transform 0.4s, opacity 0.2s; }

.hi-icon-effect-2b .hi-icon:hover {
  color: #fff; }

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
  box-shadow: 0 0 0 4px #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.hi-icon-effect-3 .hi-icon:after {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  background: #fff;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s; }

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
  color: #f06060; }

.hi-icon-effect-3a .hi-icon:hover {
  color: #fff; }

.hi-icon-effect-3a .hi-icon:hover:after {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0; }

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
  color: #fff; }

.hi-icon-effect-3b .hi-icon:hover {
  color: #f06060; }

.hi-icon-effect-3b .hi-icon:after {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0; }

.hi-icon-effect-3b .hi-icon:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
  width: 92px;
  height: 92px;
  box-shadow: 0 0 0 4px white; }

.hi-icon-effect-4a .hi-icon {
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s; }

.hi-icon-effect-4 .hi-icon:before {
  line-height: 92px; }

.hi-icon-effect-4 .hi-icon:after {
  top: -4px;
  left: -4px;
  padding: 0;
  z-index: 10;
  border: 4px dashed #fff; }

.hi-icon-effect-4 .hi-icon:hover {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  color: #fff; }

/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover {
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s; }

.hi-icon-effect-4b .hi-icon:hover:after {
  -webkit-animation: spinAround 9s linear infinite;
  animation: spinAround 9s linear infinite; }

@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
  box-shadow: 0 0 0 4px white;
  overflow: hidden;
  -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s; }

.hi-icon-effect-5 .hi-icon:after {
  display: none; }

.hi-icon-effect-5 .hi-icon:hover {
  background: white;
  color: #702fa8;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3); }

.hi-icon-effect-5a .hi-icon:hover:before {
  -webkit-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards; }

@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%); }
  51% {
    opacity: 1; } }
@keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
            transform: translate(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
            transform: translate(-100%); }
  51% {
    opacity: 1; } }
.hi-icon-effect-5b .hi-icon:hover:before {
  -webkit-animation: toLeftFromRight 0.3s forwards;
  animation: toLeftFromRight 0.3s forwards; }

@-webkit-keyframes toLeftFromRight {
  49% {
    -webkit-transform: translate(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(100%); }
  51% {
    opacity: 1; } }
@keyframes toLeftFromRight {
  49% {
    -webkit-transform: translate(-100%);
            transform: translate(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(100%);
            transform: translate(100%); }
  51% {
    opacity: 1; } }
.hi-icon-effect-5c .hi-icon:hover:before {
  -webkit-animation: toTopFromBottom 0.3s forwards;
  animation: toTopFromBottom 0.3s forwards; }

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  51% {
    opacity: 1; } }
@keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  51% {
    opacity: 1; } }
.hi-icon-effect-5d .hi-icon:hover:before {
  -webkit-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards; }

@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  51% {
    opacity: 1; } }
@keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  51% {
    opacity: 1; } }
/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
  box-shadow: 0 0 0 4px white;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s; }

.hi-icon-effect-6 .hi-icon:hover {
  background: white;
  color: #64bb5d; }

.hi-icon-effect-6 .hi-icon:hover:before {
  -webkit-animation: spinAround 2s linear infinite;
  animation: spinAround 2s linear infinite; }

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
  box-shadow: 0 0 0 4px white;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s; }

.hi-icon-effect-7 .hi-icon:hover {
  color: #fff; }

.hi-icon-effect-7 .hi-icon:after {
  top: -8px;
  left: -8px;
  padding: 8px;
  z-index: -1;
  opacity: 0; }

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
  box-shadow: 0 0 0 white;
  -webkit-transition: opacity 0.2s, box-shadow 0.2s;
  transition: opacity 0.2s, box-shadow 0.2s; }

.hi-icon-effect-7a .hi-icon:hover:after {
  opacity: 1;
  box-shadow: 3px 3px 0 white; }

.hi-icon-effect-7a .hi-icon:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.7;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s; }

.hi-icon-effect-7a .hi-icon:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
  box-shadow: 3px 3px white;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s; }

.hi-icon-effect-7b .hi-icon:hover:after {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.hi-icon-effect-7b .hi-icon:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.7;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s; }

.hi-icon-effect-7b .hi-icon:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
  background: rgba(255, 255, 255, 0.1);
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s; }

.hi-icon-effect-8 .hi-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.hi-icon-effect-8 .hi-icon:hover {
  background: rgba(255, 255, 255, 0.05);
  -webkit-transform: scale(0.93);
  -ms-transform: scale(0.93);
  transform: scale(0.93);
  color: #fff; }

.hi-icon-effect-8 .hi-icon:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }
@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }
/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s; }

.hi-icon-effect-9 .hi-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  box-shadow: 0 0 0 3px #fff;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s; }

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0.5; }

.hi-icon-effect-9a .hi-icon:hover {
  box-shadow: 0 0 0 10px white;
  color: #fff; }

/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after {
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85); }

.hi-icon-effect-9b .hi-icon:hover {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
  color: #fff; }

/* DEVELOPMENT TOOLS   
====================================================*/
p.dummy-text-sm:before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit elementum."; }

p.dummy-text:before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nibh elementum, tincidunt nibh vitae, imperdiet eros. Quisque lobortis blandit tortor, et molestie lorem. Proin nec est ac elit commodo sodales. Suspendisse at ultrices orci. Vestibulum vehicula libero in lorem cursus, nec scelerisque metus viverra. Morbi augue nunc, ullamcorper blandit nunc interdum, imperdiet dapibus nibh. Aenean suscipit efficitur sagittis."; }

span.dummy-text:before {
  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget nibh elementum, tincidunt nibh vitae, imperdiet eros. Quisque lobortis blandit tortor, et molestie lorem. Proin nec est ac elit commodo sodales. Suspendisse at ultrices orci. Vestibulum vehicula libero in lorem cursus, nec scelerisque metus viverra. Morbi augue nunc, ullamcorper blandit nunc interdum, imperdiet dapibus nibh. Aenean suscipit efficitur sagittis."; }

/* 
==========================
CAP OS MINI STYLE GUIDE
==========================

==========================
BRAND COLORS
==========================

brand black:
RGBA: 10,3,3,1
HEX: #130303

brand warm gray:
RGBA: 214,214,204,1
HEX: #d6d6cc

brand warm gray dark:
RGBA: 218,218,210,1
HEX: #dadad2

brand white:
RGBA: 249,249,244,1
HEX: #f9f9f4


==========================
LEARN-CONNECT-ACT
==========================
 COLORS:
 
Learn (blue):
RGBA: 70,137,155,1
HEX: #46899b

Connect (orange):
RGBA: 223,133,56,1
HEX: #df8538

Act (green):
RGBA: 56,146,62,1
HEX: #38923e


==========================
BORDER STYLES
==========================

hairline: 1px  solid color:#130303 @ 10% or rgba 10,3,3,0.1
thin: 1px solid color:#130303 @ 15% or rgba 10,3,3,0.15

*/
/*
 COLORS
================================*/
.blue-label {
  color: #003C79; }

.red-label {
  color: red; }

/* FONTS  
====================================================*/
/* DINCondensedBold  =====================================*/
@font-face {
  font-family: 'DINCondensedBold';
  src: url("../fonts/DINCondensedBold/dincondensedbold.eot");
  src: url("../fonts/DINCondensedBold/dincondensedbold.eot") format("embedded-opentype"), url("../fonts/DINCondensedBold/dincondensedbold.woff2") format("woff2"), url("../fonts/DINCondensedBold/dincondensedbold.woff") format("woff"), url("../fonts/DINCondensedBold/dincondensedbold.ttf") format("truetype"), url("../fonts/DINCondensedBold/dincondensedbold.svg#DINCondensedBold") format("svg"); }
.DINCondensedBold {
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

/* FONT SIZES  
====================================================*/
h1.title-banner, h1.title-banner-sm, .title-banner, .title-banner-sm {
  font-size: 28px !important;
  margin-bottom: 20px;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  font-family: 'Open Sans', 'Gill Sans', 'Myriad Pro', 'Segoe UI', arial, sans-serif; !important; }

h2.title-banner, h2.title-banner-sm, h1, h2 {
  font-size: 30px; }

h3.title-banner, h3.title-banner-sm {
  font-size: 25px; }

h4.title-banner, h4.title-banner-sm {
  font-size: 20px; }

h5.title-banner, h5.title-banner-sm {
  font-size: 15px; }

div.title-banner + div.lead {
  margin-top: -30px;
  font-size: 16px; }

.text-red {
  color: red; }

html, body {
  height: 100%; }

body {
  color: rgba(10, 3, 3, 0.8); }

.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid rgba(10, 3, 3, 0.1);
  border-radius: 8px;
  box-shadow: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
          transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%; }

/* BUTTONS  
====================================================*/
.btn-default {
  background-color: #f9f9f4;
  color: rgba(10, 3, 3, 0.78);
  border: 1px solid rgba(19, 3, 3, 0.1);
  border-radius: 8px; }

.btn-default:hover {
  background-color: rgba(10, 3, 3, 0.75);
  color: #f9f9f4; }

.btn-primary {
  background-color: #46899b; }

.btn-warning {
  background-color: #df8538; }

.btn-success {
  background-color: #38923e; }

.btn-white {
  background-color: #fff;
  color: rgba(10, 3, 3, 0.78);
  border: 1px solid rgba(19, 3, 3, 0.1);
  border-radius: 8px; }

.btn-white:hover {
  background-color: #fff;
  color: rgba(10, 3, 3, 0.78); }

.btn-micro, .btn-micro:hover, .btn-micro:focus, .btn-micro.focus, .btn-micro:active, .btn-micro.active {
  font-size: 11px;
  padding: 2px 4px;
  outline: 0; }

/*.btn-wide {
  min-width: 75%; } */

.btn-resource, .btn-resource:hover, .btn-resource:focus, .btn-resource.focus, .btn-resource:active, .btn-resource.active {
  font-size: 14px;
  background-color: #F9F9F4;
  color: #444;
  margin-bottom: 10px;
  outline: 0; }

.btn-resource .fa {
  font-size: 2em; }

.btn-resource .fa-1x {
  font-size: 1em; }

.btn-resource .fa-2x, .btn-resource .fa-3x {
  font-size: 2em; }

.btn-resource-int, .btn-resource-int:hover, .btn-resource-int:focus, .btn-resource-int.focus, .btn-resource-int:active, .btn-resource-int.active {
  font-size: 14px;
  background-color: #F9F9F4;
  color: #444;
  margin-bottom: 10px;
  outline: 0;
  float: left;
  min-height: 40px;
  height: auto;
  position: relative;
  width: 100%; }

.btn-resource-int .fa {
  font-size: 2em; }

.btn-resource-int .fa-1x {
  font-size: 1em; }

.btn-resource-int .fa-2x, .btn-resource-int .fa-3x {
  font-size: 2em; }

.btn-resource-int:hover {
  display: table; }

.btn-resource-int .btn-label {
  width: 100%;
  display: block;
  height: 100%; }

.btn-resource-int .btn-desc {
  max-width: 200px;
  /*
  visibility: hidden;
  
  //height: 0px;
  //width: 0px;
  opacity:0;
  */ }

/*
.btn-resource-int:hover .btn-desc {
  visibility: visible;
  display: block;
  text-align:left;
  max-width:200px;
  
  opacity:1;
  
  
  
  position: relative;
  margin: 0 auto;
  float: left;
  text-align: center;
  
  height: 50px;
  overflow: visible;
  max-width: 200px;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: content-box;
  
}*/
.btn-resource-int:hover .btn-desc p {
  margin: 0 auto; }

@media (max-width: 767px) {
  .btn-resource, .btn-resource-int {
    /*background-color: #F9F9F4;*/
    font-size: 14px;
    margin-bottom: 10px; } }
.btn-resource:hover, .btn-resource-int:hover {
  background-color: #46899B;
  color: #DFDFD0; }

.btn-resource.blue:hover, .btn-resource-int.blue:hover {
  background-color: #46899B;
  color: #DFDFD0; }

.btn-resource.orange:hover, .btn-resource-int.orange:hover {
  background-color: #DF8538;
  color: #DFDFD0; }

.btn-resource.green:hover, .btn-resource-int.green:hover {
  background-color: #38923E;
  color: #DFDFD0; }

.btn-resource.dig-svc:hover, .btn-resource-int.dig-svc:hover {
  background-color: #444;
  color: #DFDFD0; }

/* CUSTOM BUTTON MODS */
.btn-container {
  padding: 0px; }

.btn-container:hover {
  background-color: rgba(10, 3, 3, 0.75);
  color: #F9F9F4;
  padding: 12px;
  font-size: 14px;
  border: 1px solid rgba(19, 3, 3, 0.1);
  border-radius: 8px;
  margin-bottom: 10px; }

.arrow_box {
  position: relative;
  color: #F9F9F4;
  background: #000;
  border: 1px solid rgba(19, 3, 3, 0.1);
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.5);
  margin-bottom: -80px; }

.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-bottom-color: #000;
  border-width: 18px;
  margin-left: -18px; }

.arrow_box:before {
  border-color: transparent;
  border-bottom-color: rgba(19, 3, 3, 0.1);
  border-width: 24px;
  margin-left: -24px; }

/* CAP THEME */
/* FOR USE WITH ACQUISTION GATEWAY ONLY */
/* FOR USE WITH STATEMENT OF WORK LIBRARY ONLY */
.brand-name_sow:before {
  content: "STATEMENT OF WORK LIBRARY"; }

/* navbar fix */
.navbar-collapse .navbar-nav.navbar-left:first-child { margin: 0 }
.navbar-collapse .navbar-nav.navbar-right:last-child { margin: 0 }

.navbar-inverse .navbar-nav>li>a:focus{ 
  outline-color: rgb(59, 153, 252);
  outline-offset: -2px;
  outline-style: solid;
  outline-width: 2px;
}

a {
  text-decoration: none !important; }

.scale {
  font-size: 3vmax; }

#search-bar {
  opacity: 0.8;
  margin-bottom: 10px;
  visibility: hidden;
  display: none; }

/* HOMEPAGE HEADER */
#headBox {
  margin-top: -38px;
  height: auto;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("/app/assets/i/agMainBrandBg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  border-bottom: 1px solid rgba(10, 3, 3, 0.2); }

/* - - Hidden elements within the Headbox when viewing interior screens - - */
#headBox.in * h1 {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

#headBox * h1 {
  /*color: #1E1E1E;*/
  color: rgba(19, 3, 3, 0.8);
  font-size: 7.5vmin;
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.16em;
  line-height: 8.5vmin;
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

#headBox * h1 a {
  color: #1E1E1E; }

#headBox * h1 small {
  font-size: 7.5vmin;
  color: rgba(19, 3, 3, 0.7);
  font-weight: 400;
  margin-top: 20px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.10em;
  line-height: 8.5vmin; }

#headBox * h1 .fa {
  font-size: 7.5vmin;
  margin-bottom: 15px;
  font-size: 8.5vmin; }

#headBox * h2 {
  color: rgba(19, 3, 3, 0.6);
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.16em; }

#headBox * h2 a {
  color: rgba(19, 3, 3, 0.7); }

#headBox * h2 small {
  color: rgba(19, 3, 3, 0.7);
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.10em;
  line-height: 16px; }

#boxes-box-homepage_hero_content #heroContent * h2 {
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

/* BEING PHASED OUT */
#headBox > #heroContent {
  margin-top: 0px;
  margin-left: 0px;
  padding-bottom: 10px; }

#heroContent > .panel-body {
  border-radius: 0px;
  border: none;
  /*padding: 5px 10% 5px 10%;*/
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-color: transparent; }

#heroContent * h2 {
  color: rgba(19, 3, 3, 0.75);
  font-size: 7.5vmin;
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /*font-family: 'DINCondensedBold';*/
  letter-spacing: 0.16em;
  line-height: 7.5vmin; }

#heroContent * h3 {
  color: rgba(19, 3, 3, 0.75);
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0px; }

#heroContent * p {
  font-size: 18px;
  color: rgba(19, 3, 3, 0.75);
  font-weight: 300; }

/* /END BEING PHASED OUT */
/* HALLWAY HEADERS */
/* TO BE PHASED OUT - currently used for hallway landing page headers */
#headBoxIn {
  margin-top: 20px;
  min-height: 150px;
  padding: 20px 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #242415;
  background-image: url(../art/gw-art/admin-support-lt.jpg); }

#headBoxIn > #heroContent {
  margin-top: -10px;
  margin-left: 0px; }

#headBoxIn > #heroContent > .panel-body {
  margin-left: -10px; }

#headBoxIn h2 {
  font-size: 32px;
  line-height: 30px;
  letter-spacing: 0; }

/*
HEADER COMPONENTS: homepage-hero-box
================================*/
.homepage-headBox-box {
  margin-top: -38px;
  height: auto;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url(../art/matrix-art/sm-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  border-bottom: 1px solid rgba(10, 3, 3, 0.2); }

.homepage-headBox-box h1 {
  /*color: #1E1E1E;*/
  color: rgba(19, 3, 3, 0.8);
  font-size: 7.5vmin;
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.16em;
  line-height: 8.5vmin;
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

.homepage-headBox-box h2 {
  color: rgba(19, 3, 3, 0.6);
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.16em; }

.homepage-headBox-box h2 a {
  color: rgba(19, 3, 3, 0.7); }

.homepage-headBox-box h2 small {
  color: rgba(19, 3, 3, 0.7);
  font-weight: 400;
  margin-top: 10px;
  padding-top: 0;
  /* font-family: 'DINCondensedBold'; */
  letter-spacing: 0.10em;
  line-height: 16px; }

.homepage-headBox-box h3 {
  color: rgba(19, 3, 3, 0.75);
  font-size: 24px;
  font-weight: 300;
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0px; }

.homepage-headBox-box p {
  font-size: 18px;
  color: rgba(19, 3, 3, 0.75);
  font-weight: 300; }

.homepage-hero-box {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 100px 15px 50px 15px;
  text-align: center; }

.homepage-hero-box h1,
.homepage-hero-box h2,
.homepage-hero-box h3 {
  padding: 0 0 4px 0;
  margin: 0 0 8px 0; }

.homepage-hero-box {
  background-color: transparent;
  background-image: url("../img/ui/header/header-image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.homepage-hero-box h1 {
  font-family: "DINCondensedBold", Arial, Helvetica, sans-serif !important;
  font-size: 4.8vmax;
  /*font-size: 48px;*/
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 4.8vmax; }

.homepage-hero-box h1 small {
  font-size: 7.5vmin;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 8.5vmin; }

.homepage-hero-box h1 .fa {
  font-size: 7.5vmin;
  margin-bottom: 15px;
  font-size: 8.5vmin; }

.homepage-hero-box h2 {
  font-size: 24px;
  font-weight: 300; }

.homepage-hero-box h3 {
  font-size: 18px;
  font-weight: 300; }

.homepage-hero-box h1:empty, .homepage-hero-box h2:empty, .homepage-hero-box h3:empty {
  display: none; }

/* LEARN-CONNECT-ACT BLOCK */
#lca-block {
  display: inline;
  width: 100%;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
  text-align: center; }

.lca-image {
  width: 100%;
  /*max-height: 15px;*/
  display: block;
  /*margin-top: 0px;*/
  margin-bottom: 0px; }

.lrn-con-act {
  background-image: url(../art/article-tiles/lrn-con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn {
  background-image: url(../art/article-tiles/lrn.png);
  background-size: 100%;
  background-position: center; }

.con {
  background-image: url(../art/article-tiles/connect.png);
  background-size: 100%;
  background-position: center; }

.act {
  background-image: url(../art/article-tiles/act.png);
  background-size: 100%;
  background-position: center; }

.lrn-con {
  background-image: url(../art/article-tiles/lrn-con.png);
  background-size: 100%;
  background-position: center; }

.con-act {
  background-image: url(../art/article-tiles/con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn-act {
  background-image: url(../art/article-tiles/lrn-act.png);
  background-size: 100%;
  background-position: center; }

#lca-block > .lca-bar {
  width: 100%;
  padding: 0px;
  margin-top: 0px; }

#lca-block > .lca-bar > .lca-color-bar {
  /*background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);*/
  height: 20px;
  display: block; }

#lca-block > .lca-bar > .lca-color-bar > .col-sm-2, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 {
  padding: 0;
  text-align: center; }

#lca-block > .lca-bar > .lca-color-bar > .progress, #lca-block > .lca-bar > .lca-color-bar > .col-sm-2 > .progress, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4 > .progress, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 .progress {
  border-radius: 0px; }

#lca-block > .lca-bar > .lca-color-bar > .progress > .progress-bar-primary, #lca-block > .lca-bar > .lca-color-bar > .col-sm-2 > .progress > .progress-bar-primary, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4 > .progress > .progress-bar-primary, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 > .progress > .progress-bar-primary {
  background-color: #46899B; }

#lca-block > .lca-bar > .lca-color-bar > .progress > .progress-bar-warning, #lca-block > .lca-bar > .lca-color-bar > .col-sm-2 > .progress > .progress-bar-warning, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4 > .progress > .progress-bar-warning, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 > .progress > .progress-bar-warning {
  background-color: #DF8538; }

#lca-block > .lca-bar > .lca-color-bar > .progress > .progress-bar-success, #lca-block > .lca-bar > .lca-color-bar > .col-sm-2 > .progress > .progress-bar-success, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4 > .progress > .progress-bar-success, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 > .progress > .progress-bar-success {
  background-color: #38923E; }

#lca-block > .lca-bar > .lca-color-bar > .progress > .progress-bar-ds, #lca-block > .lca-bar > .lca-color-bar > .col-sm-2 > .progress > .progress-bar-ds, #lca-block > .lca-bar > .lca-color-bar > .col-sm-4 > .progress > .progress-bar-ds, #lca-block > .lca-bar > .lca-color-bar > .col-sm-12 > .progress > .progress-bar-ds {
  background-color: #444;
  border-top: 2px solid red;
  /*border-top:2px solid #03B1FF;*/ }

/**/
#lca-block * .lca-title {
  font-size: 14px;
  letter-spacing: 8px;
  font-weight: 200;
  padding-top: 0px;
  margin-top: -60px;
  margin-bottom: -10px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  text-align: center;
  color: rgba(19, 3, 3, 0.75);
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif;
                                /*

border:1px solid #ccc;
border-top:none;
box-shadow: 1px 1px 5px rgba(0,0,0,0.55);*/ }

/*======= PHASING IN ==========*/
/* #LCA  
====================================================*/
/* LEARN-CONNECT-ACT BLOCK */
.r_lca {
  display: inline;
  width: 100%;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
  text-align: center; }

.art-lca-image {
  width: 100%;
  max-height: 5px;
  margin-bottom: 5px;
  margin-top: -5px;
  display: block;
  color: transparent; }

.lca-image {
  width: 100%;
  /*max-height: 15px;*/
  display: block;
  /*margin-top: 0px;*/
  margin-bottom: 0px; }

.lrn-con-act {
  background-image: url(../art/article-tiles/lrn-con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn {
  background-image: url(../art/article-tiles/lrn.png);
  background-size: 100%;
  background-position: center; }

.con {
  background-image: url(../art/article-tiles/connect.png);
  background-size: 100%;
  background-position: center; }

.act {
  background-image: url(../art/article-tiles/act.png);
  background-size: 100%;
  background-position: center; }

.lrn-con {
  background-image: url(../art/article-tiles/lrn-con.png);
  background-size: 100%;
  background-position: center; }

.con-act {
  background-image: url(../art/article-tiles/con-act.png);
  background-size: 100%;
  background-position: center; }

.lrn-act {
  background-image: url(../art/article-tiles/lrn-act.png);
  background-size: 100%;
  background-position: center; }

.r_lca > .b_lca-bar {
  width: 100%;
  padding: 0px;
  margin-top: 0px; }

.r_lca > .b_lca-bar > .lca-state {
  /*background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.2);*/
  height: 20px;
  display: block; }

.r_lca > .b_lca-bar > .lca-state > .col-sm-2, .r_lca > .b_lca-bar > .lca-state > .col-sm-4, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 {
  padding: 0;
  text-align: center; }

.r_lca > .b_lca-bar > .lca-state > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 .progress {
  border-radius: 0px; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-primary, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-primary {
  background-color: #46899B;
  width: 100%; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-warning, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-warning {
  background-color: #DF8538;
  width: 100%; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-success, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-success {
  background-color: #38923E;
  width: 100%; }

.r_lca > .b_lca-bar > .lca-state > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-2 > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-4 > .progress > .progress-bar-ds, .r_lca > .b_lca-bar > .lca-state > .col-sm-12 > .progress > .progress-bar-ds {
  background-color: #444;
  border-top: 2px solid red;
  /*border-top:2px solid #03B1FF;*/ }

.r_lca * .lca-title {
  font-size: 14px;
  letter-spacing: 8px;
  font-weight: 200;
  padding-top: 0px;
  margin-top: -60px;
  margin-bottom: -10px;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  text-align: center;
  color: #A08E8E;
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif;
                                /*

border:1px solid #ccc;
border-top:none;
box-shadow: 1px 1px 5px rgba(0,0,0,0.55);*/ }

/*======== /END PHASING IN ============*/
/* ORGANIC GROUPS SUDO STYLING */
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

#forum table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px; }

#forum table > thead > tr > th,
#forum table > tbody > tr > th,
#forum table > tfoot > tr > th,
#forum table > thead > tr > td,
#forum table > tbody > tr > td,
#forum table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd; }

#forum table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd; }

#forum table > caption + thead > tr:first-child > th,
#forum table > colgroup + thead > tr:first-child > th,
#forum table > thead:first-child > tr:first-child > th,
#forum table > caption + thead > tr:first-child > td,
#forum table > colgroup + thead > tr:first-child > td,
#forum table > thead:first-child > tr:first-child > td {
  border-top: 0; }

#forum table > tbody + tbody {
  border-top: 2px solid #dddddd; }

#forum table #forum table {
  background-color: #ffffff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

#forum table > thead > tr > td.active,
#forum table > tbody > tr > td.active,
#forum table > tfoot > tr > td.active,
#forum table > thead > tr > th.active,
#forum table > tbody > tr > th.active,
#forum table > tfoot > tr > th.active,
#forum table > thead > tr.active > td,
#forum table > tbody > tr.active > td,
#forum table > tfoot > tr.active > td,
#forum table > thead > tr.active > th,
#forum table > tbody > tr.active > th,
#forum table > tfoot > tr.active > th {
  background: #f9f9f4;
  border: 1px solid rgba(19, 3, 3, 0.05); }

#forum table > thead > tr > td.active,
#forum table > tfoot > tr > td.active,
#forum table > thead > tr > th.active,
#forum table > tfoot > tr > th.active,
#forum table > thead > tr.active > td,
#forum table > tfoot > tr.active > td,
#forum table > thead > tr.active > th,
#forum table > tfoot > tr.active > th {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

#forum table > thead > tr > td.success,
#forum table > tbody > tr > td.success,
#forum table > tfoot > tr > td.success,
#forum table > thead > tr > th.success,
#forum table > tbody > tr > th.success,
#forum table > tfoot > tr > th.success,
#forum table > thead > tr.success > td,
#forum table > tbody > tr.success > td,
#forum table > tfoot > tr.success > td,
#forum table > thead > tr.success > th,
#forum table > tbody > tr.success > th,
#forum table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

#forum table > thead > tr > td.info,
#forum table > tbody > tr > td.info,
#forum table > tfoot > tr > td.info,
#forum table > thead > tr > th.info,
#forum table > tbody > tr > th.info,
#forum table > tfoot > tr > th.info,
#forum table > thead > tr.info > td,
#forum table > tbody > tr.info > td,
#forum table > tfoot > tr.info > td,
#forum table > thead > tr.info > th,
#forum table > tbody > tr.info > th,
#forum table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

#forum table > thead > tr > td.warning,
#forum table > tbody > tr > td.warning,
#forum table > tfoot > tr > td.warning,
#forum table > thead > tr > th.warning,
#forum table > tbody > tr > th.warning,
#forum table > tfoot > tr > th.warning,
#forum table > thead > tr.warning > td,
#forum table > tbody > tr.warning > td,
#forum table > tfoot > tr.warning > td,
#forum table > thead > tr.warning > th,
#forum table > tbody > tr.warning > th,
#forum table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

#forum table > thead > tr > td.danger,
#forum table > tbody > tr > td.danger,
#forum table > tfoot > tr > td.danger,
#forum table > thead > tr > th.danger,
#forum table > tbody > tr > th.danger,
#forum table > tfoot > tr > th.danger,
#forum table > thead > tr.danger > td,
#forum table > tbody > tr.danger > td,
#forum table > tfoot > tr.danger > td,
#forum table > thead > tr.danger > th,
#forum table > tbody > tr.danger > th,
#forum table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd; }

  .table-responsive > #forum table {
    margin-bottom: 0; }

  .table-responsive > #forum table > thead > tr > th,
  .table-responsive > #forum table > tbody > tr > th,
  .table-responsive > #forum table > tfoot > tr > th,
  .table-responsive > #forum table > thead > tr > td,
  .table-responsive > #forum table > tbody > tr > td,
  .table-responsive > #forum table > tfoot > tr > td {
    white-space: nowrap; }

  .table-responsive > .table-bordered {
    border: 0; }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }
/* OG OVERRIDES */
/*   advanced-forum.naked.stacked.structure.css */
/*
This document contains structural markup such as widths, margins, padding, and
floats.
*/
/*** PAGER ******************************************************************/
/* This is the pager on the topics in the list */
.topic-pager {
  font-size: 90%;
  font-style: italic; }

/* Other pagers in the forum */
#forum-comments .pager {
  text-align: right; }

#forum-comments .pager li {
  padding: 3px;
  margin: 0; }

.forum-pager .pager,
.forum-comment-wrapper .pager {
  text-align: right;
  float: right;
  clear: none;
  width: 30%; }

#forum-pager-top .pager {
  padding: 14px 0 0 0; }

#forum-pager-bottom .pager {
  padding: 0 0 10px 0; }

/* The rest of the pager styles are invisible on naked but will show up
   for substyles that set a background and/or border. */
.forum-pager .pager a,
.forum-comment-wrapper .pager a {
  padding: 1px 3px;
  margin: 0pt; }

.forum-pager .pager li,
.forum-comment-wrapper .pager li {
  padding: 0pt;
  margin: 0pt; }

.forum-pager.pager li.pager-current,
.forum-comment-wrapper .pager li.pager-current {
  padding: 2px 3px 2px 3px; }

/*** FORUM LINK LISTS *******************************************************/
/* Applies to all forum links */
ul.forum-links li {
  display: inline; }

/*** FORUM NODE CREATION ****************************************************/
.forum-node-create-links {
  width: auto;
  float: left; }

.forum-node-create-links-top {
  clear: both;
  padding-top: 0px;
  /* Lines up horizontally with pager. */
  margin-bottom: 30px; }

.forum-node-create-links .forum-add-node {
  float: left;
  margin-right: 10px;
  margin-top: 2px; }

/*** FORUM & TOPIC LIST TABLES **********************************************/
.forum-table, .views-table {
  margin: 0; }

.forum-table-wrap,
.forum-table-topics {
  margin-bottom: 15px;
  clear: both; }

.forum-table-superheader {
  padding: 10px; }

.forum-table-superheader .forum-table-name {
  margin: 5px 0 3px 5px;
  width: 90%;
  display: inline;
  font-size: 1.2em; }

.forum-table-superheader .forum-table-description {
  margin: 0 0 3px 5px;
  width: 90%; }

/* Header, both tables */
.forum-table, .views-table th {
  text-align: left; }

/* Forum listing */
th.forum-name {
  text-align: left; }

th.forum-icon {
  width: 5%; }

td.forum-details .forum-description {
  margin: 0;
  font-size: 0.9em; }

td.forum-details .forum-subforums,
td.forum-details .forum-subcontainers {
  margin-left: 10px; }

th.forum-topics,
th.forum-posts {
  width: 10%;
  text-align: center; }

td.forum-number-topics,
td.forum-number-posts {
  text-align: center; }

th.forum-last-post {
  width: 20%; }

/**** Topic listing ****/
.view-advanced-forum-topic-list .view-empty {
  clear: both;
  margin: 20px 0 20px 0;
  padding: 10px; }

/* Set column widths */
.forum-table-topics td.views-field-topic-icon {
  width: 26px; }

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
  width: 10%; }

.forum-table-topics td.views-field-last-updated {
  width: 30%; }

/* Set alignments & spacing */
.forum-table-topics .views-field-title {
  text-align: left; }

.forum-table-topics td.views-field-comment-count,
.forum-table-topics td.views-field-totalcount {
  text-align: center;
  white-space: nowrap; }

.forum-table-topics td.views-field-last-updated {
  line-height: 140%;
  white-space: normal !important; }

/* Topic icon */
.forum-table-topics span.topic-icon {
  display: block; }

/*** FORUM SORT *************************************************************/
#advanced-forum-forum-topic-list-sort-form,
#advanced-forum-forum-topic-list-sort-form input,
#advanced-forum-forum-topic-list-sort-form .form-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: center; }

#forum-sort {
  clear: both;
  float: left; }

/*** FORUM TOOLS ***********************************************************/
.forum-tools {
  float: right;
  margin-top: 0px; }

/*** FORUM STATISTICS *******************************************************/
#forum-statistics-header,
.forum-statistics-sub-header {
  padding: 0.3em 0.5em; }

.forum-statistics-sub-body {
  padding: 0.3em 0.5em 0 2em; }

/*** ICONS LEGEND ***********************************************************/
.forum-list-icon-legend {
  margin-bottom: 30px; }

.forum-list-icon-legend div {
  float: left;
  margin-right: 30px; }

.forum-topic-legend div {
  clear: both;
  float: left;
  padding: 5px 0 5px 25px;
  margin-right: 7px;
  margin-top: 20px; }

/*** FORUM TOPICS **********************************************************/
/* Header at the top of each topic/thread */
.forum-topic-header {
  margin: 10px 0 2px 0; }

.forum-topic-header .search-topic {
  float: right; }

.forum-topic-header .topic-post-count {
  clear: right;
  float: right;
  margin: 7px 7px 0 0; }

.forum-topic-header .topic-reply-link,
.forum-topic-header .topic-new-post-link,
.forum-topic-header .last-post-link {
  float: left;
  margin: 0 7px 7px 0; }

.forum-topic-header .reply-count {
  float: right;
  margin: 10px 0 2px 0; }

/* Individual forum post */
div.forum-post {
  margin: 0 0 5px 0;
  padding: 0; }

.forum-post-wrapper {
  clear: both;
  height: 100%; }

/* Header at the top of each post */
.forum-post-info {
  height: 100%;
  clear: both; }

.forum-posted-on {
  padding: 0 5px;
  float: left;
  font-size: .8em; }

.forum-post .new {
  float: none; }

.forum-post-number {
  float: right;
  border: 1px solid rgba(19, 3, 3, 0.1);
  padding: 4px 6px;
  border-radius: 50px;
  background: rgba(19, 3, 3, 0.7);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 25px 20px -38px 10px; }

.forum-post-title {
  /*padding: 1px 1px 1px 10px;*/
  padding: 0px; }

/* Author information pane */
.forum-post-panel-sub {
  float: left;
  line-height: 100%;
  width: 26%; }

.forum-post-panel-sub .author-pane {
  margin: 10px; }

.forum-post-panel-sub .author-pane .author-name {
  font-size: 120%; }

.forum-post-panel-sub .author-pane .picture {
  float: none;
  padding-left: 0px;
  margin: 2px 0 10px 0; }

.forum-post-panel-sub .author-pane .picture img {
  padding: 5px; }

.forum-post-panel-sub .author-pane .author-pane-section {
  margin-bottom: 10px; }

.forum-post-panel-sub .author-pane .author-pane-line {
  margin-bottom: 7px; }

/* Post text area */
.forum-post-panel-main {
  margin-left: 32%;
  /*Set left margin to LeftColumnWidth*/
  /* These heights keep the AP items from jumping out of the bottom. Depending
     on how many items you display, there, this number may need to be adjusted
     to avoid having unnecessary white space in your posts. */
  min-height: 230px;
  height: auto !important;
  height: 230px; }

.forum-post-panel-main .forum-post-content {
  padding-top: 2px; }

.forum-post-panel-main .post-title,
.forum-post-panel-main .forum-post-content {
  margin-left: 0;
  padding-left: 10px; }

.forum-post-panel-main p {
  margin-right: 10px; }

/* Signature */
.author-signature {
  margin: 10px 0 5px 10px; }

/* Edited */
.post-edited {
  margin: 10px; }

/* Post footer */
.forum-post-footer {
  margin-top: 20px;
  clear: both; }

.forum-jump-links {
  float: left;
  line-height: 2em;
  margin: 5px; }

.forum-post-links {
  float: right;
  line-height: 2em;
  text-align: right;
  margin: 10px 0 5px 5px; }

.forum-post-links ul.links li {
  display: block;
  float: left; }

.forum-top-post-footer {
  margin: 10px 0 10px 0;
  padding: 5px; }

/* Defeat garland */
#comments.forum-comment-wrapper {
  margin-top: 0; }

.forum-comment-wrapper .box {
  clear: both; }

/*** SEARCH ****************************************************************/
#search-all-forums {
  float: right; }

#search-single-forum {
  float: left; }

#advanced-forum-search-forum,
.forum-topic-header #advanced-forum-search-topic {
  margin: 0;
  padding: 14px 0 0 0; }

#advanced-forum-search-forum input,
.forum-topic-header #advanced-forum-search-topic input {
  margin: 0;
  padding: 0; }

.forum-topic-header #advanced-forum-search-topic {
  margin-bottom: 10px; }

.view-avf-search .views-row,
.view-avf-search-topic .views-row {
  margin-bottom: 2em; }

.forum-search-result {
  margin-bottom: 10px; }

/*** PREVIEW MODE ****************************************************************/
/* override inline-block */
.preview {
  display: block; }

/*   advanced-forum.naked.cloudless_day.style.css */
/*
This file contains colors, graphics, and text effects.

Colors used:
  #3C78A7 fonts
  #C8DBEA main border, header background
  #EDF5FA background #1
  #E7F2F9 background #2
*/
/*** PAGER *******************************************************************/
.forum-pager .pager a:link,
.forum-pager .pager a:visited,
#forum-comments .pager a:link,
#forum-comments .pager a:visited {
  border: 1px solid #C8DBEA;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#CBE2F1), to(#EDF5FA));
  color: #3C78A7; }

.forum-pager .pager-current,
.forum-pager .pager a:hover,
#forum-comments .pager-current,
#forum-comments .pager a:hover {
  background: #3C78A7;
  color: #FFFFFF !important; }

.forum-pager .pager a.active,
#forum-comments .pager a.active {
  color: #333333; }

/*** FORUM & TOPIC LIST ******************************************************/
/* General */
.forum-table, .views-table {
  /*border: 1px solid #C8DBEA !important;*/
  border: none !important;
  color: #494949;
  border-collapse: separate;
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
  /*background-color: white;*/
  background-color: transparent;
  margin-bottom: 40px; }

/* Main header on forum list */
.forum-table-wrap .forum-table-superheader {
  /* Background instead of background-color to reset from Silver Bells */
  /*background: #C8DBEA;*/
  background: none;
  border: 1px solid #C8DBEA;
  display: none; }

/* Table header on forum list and topic list*/
.forum-table thead tr, .views-table thead tr {
  border-top: 1px solid #FFFFFF;
  /*background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);*/
  background: none;
  color: #3C78A7;
  line-height: 1.5em;
  padding: 2px 5px; }

.forum-table thead tr a, .views-table thead tr a,
.forum-table thead tr a:visited, .views-table thead tr a:visited,
.forum-table thead tr a:link, .views-table thead tr a:link {
  color: #3C78A7; }

/* Rows, both tables */
.forum-table tr.odd, .views-table tr.odd {
  /*background: #EDF5FA;*/
  /*background:rgba(19,3,3,0.05);*/
  background: none; }

.forum-table tr.even, .views-table tr.even {
  /*background: #E7F2F9;*/
  background: rgba(249, 249, 244, 0.6); }

/* Active column on both tables - reset to prevent bleed thru from theme */
.forum-table tr.even td.active, .views-table tr.even td.active,
.forum-table tr.odd td.active, .views-table tr.odd td.active {
  background-color: transparent;
  background: none; }

/* Individual cells on both tables */
.forum-table td, .views-field td {
  /* Structure here because this is unique to this style */
  line-height: 1.5em;
  padding: 4px;
  border: none; }

/* Placeholder when there are no topics in the list */
.view-advanced-forum-topic-list .view-empty {
  border: 3px solid #C8DBEA; }

/*** Sticky topics ***/
.forum-table tr.forum-last-sticky, .views-table tr.forum-last-sticky {
  border-bottom: 10px solid #C8DBEA; }

.forum-table .sticky-label, .views-table .sticky-label {
  font-weight: bold; }

/*** FORUM STATISTICS *********************************************************/
#forum-statistics {
  /*border: 1px solid #C8DBEA;*/
  border: none; }

#forum-statistics-header {
  /* border-top: 1px solid #FFFFFF;
   background: #EDF5FA;
   background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
   background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);*/
  background: none;
  border: none;
  /*font-family: 'DINCondensedBold';*/
  font-size: 32px;
  padding-left: 0; }

.forum-statistics-sub-header {
  /* background-color: #E7F2F9;
   color: #3C78A7;
   border-top: 2px solid white;
   border-bottom: 2px solid white;*/
  color: rgba(19, 3, 3, 0.75);
  font-size: 14px;
  font-weight: bold;
  background: none;
  border: none; }

.forum-statistics-sub-body {
  /*background-color: #EDF5FA;
  color: #494949;*/
  background-color: transparent; }

/*** FORUM TOPICS **********************************************************/
div.forum-post {
  /*border: 1px solid #C8DBEA !important;*/
  border: none !important;
  /*border-bottom:1px solid rgba(19,3,3,0.1) !important;*/ }

/* Header at the top of each post */
.forum-post-info,
.forum-post-wrapper,
.forum-post-footer {
  /* border: 2px solid white;
   background: #EDF5FA;
   background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
   background: -moz-linear-gradient(top, #EDF5FA, #C8DBEA);
   color: #3C78A7;*/
  background: none;
  border: none;
  color: rgba(19, 3, 3, 0.8); }

.forum-post-info {
  /*background-color: #C8DBEA;
  color: #3C78A7;*/
  background: none;
  margin-bottom: 0;
  border-bottom: none; }

.forum-post-number a {
  color: #f9f9f4 !important; }

/* Wrapper around AP and content */
.forum-post-wrapper {
  /*background-color: #E7F2F9;*/
  background-color: transparent;
  border-bottom: 2px solid white; }

/* Author information pane */
.forum-post-panel-sub {
  color: #3C78A7; }

/* Author information pane */
.forum-post-panel-sub .author-pane .picture img {
  border: 1px solid #C8DBEA;
  padding: 5px;
  background-color: #FFFFFF; }

/* Post text area */
.forum-post-panel-main {
  border: none;
  background-color: white; }

.forum-post-title {
  /*background-color: #EDF5FA;*/
  background: rgba(249, 249, 244, 0.9);
  line-height: normal;
  padding: 12px;
  /*color: #3C78A7;*/
  color: rgba(19, 3, 3, 0.75);
  font-size: 16px;
  font-weight: 400;
  border-radius: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  color: rgba(19, 3, 3, 0.7);
  border: 1px solid rgba(19, 3, 3, 0.1); }

/* Post footer */
.forum-post-footer {
  /*background-color: #EDF5FA;
  color: #3C78A7;*/
  background-color: transparent;
  border-top: 1px solid rgba(19, 3, 3, 0.1);
  padding-top: 15px; }

.forum-jump-links {
  border-right: none; }

/* Box under top post before first reply */
.forum-top-post-footer {
  border: 1px solid #C8DBEA;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  color: #3C78A7; }

/* Topic navigation */
.forum-topic-navigation {
  border: 1px solid #C8DBEA;
  background: #EDF5FA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDF5FA), to(#C8DBEA));
  color: #3C78A7; }

/* advanced-forum.blue_lagoon.images.css */
/* FORUM LIST ICONS *********************************************************/
.forum-list-icon-wrapper {
  font-family: 'Open Sans', 'Gill Sans', 'Myriad Pro', 'Segoe UI', arial, sans-serif;
  text-decoration: none;
  vertical-align: middle;
  margin: 10px;
  width: 50px;
  height: 50px;
  display: block;
  background: none; }

tr.even td.forum-list-icon-default .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-default .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-default {
  background: transparent url(../art/og-icons/forum_list_default.png) no-repeat center center; }

tr.even td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
tr.odd td.forum-list-icon-new-posts .forum-list-icon-wrapper span,
.forum-list-icon-legend .forum-list-icon-new-posts {
  /**/
  background: transparent url(../art/og-icons/forum_list_new_posts.png) no-repeat center center; }

.forum-list-icon-new-posts:before {
  content: ""; }

/* TOPIC LIST ICONS *********************************************************/
span.topic-icon {
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background-color: transparent; }

.topic-icon-default {
  background: transparent url(../art/og-icons/topic_list_default.png) no-repeat center center; }

.topic-icon-new {
  background: transparent url(../art/og-icons/topic_list_new.png) no-repeat center center; }

.topic-icon-hot {
  background: transparent url(../art/og-icons/topic_list_hot.png) no-repeat center center; }

.topic-icon-hot-new {
  background: transparent url(../art/og-icons/topic_list_hot_new.png) no-repeat center center; }

.topic-icon-sticky {
  background: transparent url(../art/og-icons/topic_list_sticky.png) no-repeat center center; }

.topic-icon-closed {
  background: transparent url(../art/og-icons/topic_list_closed.png) no-repeat center center; }

/* TOPIC LIST ICON LEGEND ***************************************************/
.topic-icon-default {
  background: transparent url(../art/og-icons/topic_list_default.png) no-repeat top left; }

.topic-icon-new {
  background: transparent url(../art/og-icons/topic_list_new.png) no-repeat top left; }

.topic-icon-hot {
  background: transparent url(../art/og-icons/topic_list_hot.png) no-repeat top left; }

.topic-icon-hot-new {
  background: transparent url(../art/og-icons/topic_list_hot_new.png) no-repeat top left; }

.topic-icon-sticky {
  background: transparent url(../art/og-icons/topic_list_sticky.png) no-repeat top left; }

.topic-icon-closed {
  background: transparent url(../art/og-icons/topic_list_closed.png) no-repeat top left; }

/* AUTHOR PANE **************************************************************/
.forum-post-panel-sub .author-online {
  background: transparent url(../art/og-icons/ap_user_online.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block; }

.forum-post-panel-sub .author-offline {
  background: transparent url(../art/og-icons/ap_user_offline.png) no-repeat;
  padding-left: 20px;
  height: 20px;
  width: 125px;
  display: block; }

/* BUTTONIZED LINKS - GENERAL ***********************************************/
/* Based on http://css-tricks.com/examples/ButtonMaker */
a.af-button-large,
a.af-button-large:link,
a.af-button-large:visited,
a.af-button-small,
a.af-button-small:link,
a.af-button-small:visited,
a.author-pane-link,
a.author-pane-link:link,
a.author-pane-link:visited {
  color: #333;
  text-decoration: none; }

.af-button-large,
.af-button-small,
.author-pane-link {
  /*display: block;
  border-top: 1px solid #1659AC;
  background: #2587C4;
  background: -webkit-gradient(linear, left top, left bottom, from(#2587C4), to(#58B3ED));
  background: -moz-linear-gradient(top, #2587C4, #58B3ED);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #333333;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;*/
  padding: 10px;
  border-radius: 8px;
  /*background:#f9f9f4;*/
  background: rgba(249, 249, 244, 0.9);
  color: rgba(19, 3, 3, 0.7);
  border: 1px solid rgba(19, 3, 3, 0.1); }

a.af-button-large:hover,
a.af-button-small:hover,
a.author-pane-link:hover {
  background: #2587C4;
  color: #333333;
  border-top-color: #EFEFEF; }

.af-button-large, .af-button-small, .author-pane-link {
  box-shadow: none;
  text-shadow: none; }

a.af-button-large:active,
a.af-button-small:active,
a.author-pane-link:active {
  background: #2587C4;
  color: #333333;
  border-top-color: #EFEFEF; }

.af-button-large span {
  font-size: 14px;
  padding: 2px 2px 2px 25px;
  /* Last number controls width for image */
  line-height: 30px;
  /* Approximate height of button */
  margin: 0 7px 0 7px;
  /* Left and right space outside text & image */ }

.af-button-small span {
  font-size: 12px;
  padding: 2px 2px 2px 20px;
  /* Last number controls width for image */
  line-height: 25px;
  /* Approximate height of button */
  margin: 0 7px 0 7px;
  /* Left and right space outside text & image */ }

.author-pane-link span {
  font-size: 12px;
  padding: 0 0 0 22px;
  /* Last number controls width for image */
  line-height: 22px;
  /* Approximate height of button */
  margin: 0 7px 0 7px;
  /* Left and right space outside text & image */ }

/* BUTTONIZED LINKS - INDIVIDUAL BUTTONS ************************************/
.forum-add-forum .af-button-large span {
  background: url(../art/og-icons/add_topic.png) no-repeat; }

.forum-add-poll .af-button-large span {
  background: url(../art/og-icons/add_poll.png) no-repeat; }

/*** Reply/Locked at the top and bottom of individual topics. ***/
/* Reply link */
.topic-reply-allowed .af-button-large span {
  background: url(../art/og-icons/topic_reply.png) no-repeat; }

/* Locked topic (not a link so an extra span is used instead of the "a". */
.topic-reply-locked .af-button-large span {
  background: url(../art/og-icons/topic_locked.png) no-repeat; }

/* Last post */
.last-post-link .af-button-large span {
  background: url(../art/og-icons/topic_last_post.png) no-repeat; }

/* First unread */
.topic-new-post-link .af-button-large span {
  background: url(../art/og-icons/topic_first_unread_post.png) no-repeat; }

/*** Links on the individual posts (nodes and comments). ***/
/* General */
/* Reply */
.comment-add .af-button-small span,
.comment-reply .af-button-small span {
  background: url(../art/og-icons/post_reply.png) no-repeat; }

/* Quote */
.quote .af-button-small span {
  background: url(../art/og-icons/post_quote.png) no-repeat; }

/* Edit */
.comment-edit .af-button-small span,
.post-edit .af-button-small span {
  background: url(../art/og-icons/post_edit.png) no-repeat; }

/* Delete */
.comment-delete .af-button-small span,
.post-delete .af-button-small span {
  background: url(../art/og-icons/post_delete.png) no-repeat; }

/* Jump to top */
.forum-jump-links .af-button-small span {
  background: url(../art/og-icons/topic_top.png) no-repeat; }

/*** AUTHOR PANE ***/
.forum-post-panel-sub .author-contact .author-pane-link span {
  background: transparent url(../art/og-icons/ap_email.png) no-repeat; }

.forum-post-panel-sub .author-privatemsg .author-pane-link span {
  background: transparent url(../art/og-icons/ap_private_message.png) no-repeat; }

.forum-post-panel-sub .author-relationship-add-icon.author-pane-link span {
  background: transparent url(../art/og-icons/ap_contact_add.png) no-repeat; }

.forum-post-panel-sub .author-relationship-remove-icon.author-pane-link {
  background: transparent url(../art/og-icons/ap_contact_remove.png) no-repeat; }

/* CUSTOM OVERRIDES */
.main-container .nav-tabs > li.active > a {
  background-color: transparent; }

#advanced-forum-forum-topic-list-sort-form * select {
  float: left;
  margin-right: 15px;
  max-width: 20%;
  min-width: 10%; }

.forum-name, .forum-topic-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px; }

a[title^="sort"] > img {
  display: inline;
  margin-left: 5px;
  margin-top: -2px; }

.page-forum-new .views-exposed-form .views-exposed-widget .form-submit {
  margin: 0;
  background-color: #f9f9f4; }

.page-forum-unanswered .views-exposed-form .views-exposed-widget .form-submit {
  margin: 0;
  background-color: #f9f9f4; }

.page-forum-active .views-exposed-form .views-exposed-widget .form-submit {
  margin: 0;
  background-color: #f9f9f4; }

/* Scss Document */
.panel-default.forum-panel-tall {
  border-radius: 12px;
  padding-top: 10px;
  padding-bottom: 3px; }

.panel-default.forum-panel-tall .forum-feed-block > div > span.fa {
  margin-top: 10px;
  color: rgba(10, 3, 3, 0.1); }

.panel-default.forum-panel-short {
  border-radius: 12px;
  padding-top: 3px;
  padding-bottom: 10px; }

.panel-default.forum-panel-short .forum-feed-block > div > span.fa {
  margin-top: 5px;
  color: rgba(10, 3, 3, 0.1); }

.panel-default.forum-panel-short .fa-chevron-down::before {
  color: rgba(10, 3, 3, 0.1); }

.forum-panel-tall .forum-feed-block {
  max-height: 500px; }

.forum-panel-short .forum-feed-block {
  max-height: 250px; }

.forum-feed-block {
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll; }

.forum-feed-block .media::first-child {
  margin-top: 0px; }

.forum-feed-block .media::last-child {
  border-bottom: none; }

.media > .pull-left {
  padding: 0px 4px;
  border: 1px solid rgba(10, 3, 3, 0.15);
  border-radius: 4px;
  margin-right: 10px;
  font-family: "FontAwesome";
  font-size: 2em;
  font-weight: normal;
  min-width: 40px;
  text-align: center; }

.forum-feed-block .media {
  border-bottom: 1px solid rgba(10, 3, 3, 0.2);
  margin-top: 10px; }

.forum-feed-block .media .media-body p {
  font-size: 11px;
  margin-bottom: 10px; }

.forum-feed-block .media .media-body h5 {
  font-size: 13px;
  margin-top: 0;
  margin-bottom: 5px; }

.forum-feed-block .media .media-body h4 a {
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 10px; }

/* FORUM ICONS */
.community-icon:before {
  content: "\f14e";
}
.acquisition-gateway-com-icon:before {
  content: "\f14e"; }

.it-hardware-com-icon:before {
  content: "\f109"; }

.motor-vehicles-com-icon:before {
  content: "\f1b9"; }

.it-software-com-icon:before {
  content: "\f0c7"; }

.freight-com-icon:before {
  content: "\f0d1"; }

.techfar-hub-com-icon:before {
  content: "\f21d"; }

.talent-development-com-icon:before {
  content: "\f02d"; }

.human-capital-com-icon:before {
  content: "\f02d"; }

.telecommunications-com-icon:before {
  content: "\f1eb"; }

.tools-amp-hardware-com-icon:before {
  content: "\f0ad"; }

.professional-services-com-icon:before {
  content: "\f007"; }

.it-services-com-icon:before {
  content: "\f0c0"; }

.it-security-com-icon:before {
  content: "\f132"; }

.small-package-delivery-com-icon:before {
  content: "\f06b"; }

.category-management-com-icon:before {
  content: "\f02c"; }

.workplace-environment-com-icon:before {
  content: "\f02f"; }

.card-services-com-icon:before {
  content: "\f09d"; }

.cleaning-supplies-amp-chemicals-com-icon:before {
  content: "\f0c3"; }

.travel-com-icon:before {
  content: "\f072"; }

.employee-relocation-com-icon:before {
  content: "\f015"; }

.administrative-support-com-icon:before {
  content: "\f0c6"; }

.facilities-maintenance-services-com-icon:before {
  content: "\f0f8"; }

.security-amp-protection-com-icon:before {
  content: "\f0e3"; }

.administrative-support-amp-office-supplies-com-icon:before {
  content: "\f0c6"; }
  
.medical-com-icon:before {
    content: "\f0fa";
}

#solutions-matrix-block {
  display: table;
  width: 100%;
  float: left;
  clear: both; }

#solutions-matrix-block * ul.ul-parent {
  font-weight: normal; }

#solutions-matrix-block * ul.ul-child {
  margin-left: -15px;
  font-weight: normal; }

#solutions-matrix-block > .table > thead > tr > th, #solutions-matrix-block > .table > tbody > tr > th, #solutions-matrix-block > .table > tfoot > tr > th, #solutions-matrix-block > .table > thead > tr > td, #solutions-matrix-block > .table > tbody > tr > td, #solutions-matrix-block > .table > tfoot > tr > td {
  border-top: 1px solid #ddd;
  line-height: normal;
  padding: 8px;
  vertical-align: middle; }

#solutions-matrix-block > .table.table-hover > tbody > tr:hover {
  background-color: rgba(229, 225, 219, 0.6); }

/* 
  Generic Styling, for Desktops/Laptops 
  */
#solutions-matrix-block table {
  width: 100%;
  border-collapse: collapse; }

/* Zebra striping */
#solutions-matrix-block table tr:nth-of-type(odd) {
  background: #eee; }

#solutions-matrix-block table th {
  background: rgba(10, 3, 3, 0.95);
  color: white;
  font-weight: bold;
  font-size: 12px; }

#solutions-matrix-block table td, #solutions-matrix-block table th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left; }

/* 
  Max width before this PARTICULAR table gets nasty
  This query will take effect for any screen smaller than 760px
  and also iPads specifically.
*/
td.solutionLogo, td.solutionName {
  line-height: 80px;
  vertical-align: middle; }

td.solutionName {
  font-weight: bold; }

td.solutionLogo {
  width: 80px;
  border-right: none;
  text-align: center; }

td.solutionLogo img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px; }

@media only screen and (max-width: 1014px), (min-device-width: 760px) and (max-device-width: 1024px) {
  td.solutionLogo {
    border-top: none !important; }

  #solutions-matrix-block > .table {
    border: none; }

  #solutions-matrix-block > .table > thead > tr > th, #solutions-matrix-block > .table > tbody > tr > th, #solutions-matrix-block > .table > tfoot > tr > th, #solutions-matrix-block > .table > thead > tr > td, #solutions-matrix-block > .table > tbody > tr > td, #solutions-matrix-block > .table > tfoot > tr > td {
    border: none;
    border-top: 1px solid #ccc;
    line-height: normal;
    padding: 8px;
    vertical-align: middle; }

  /* Force table to not be like tables anymore */
  #solutions-matrix-block table, #solutions-matrix-block thead, #solutions-matrix-block tbody, #solutions-matrix-block th, #solutions-matrix-block td, #solutions-matrix-block tr {
    display: block; }

  /* Hide table headers (but not display: none;, for accessibility) */
  #solutions-matrix-block thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  #solutions-matrix-block tr {
    border: 1px solid #ccc; }

  #solutions-matrix-block td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 50%; }

  #solutions-matrix-block td:before {
    /* Now like a table header */
    /*position: absolute;*/
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    display: inline-block; }

  /*
      Label the data
      */
  #solutions-matrix-block td:nth-of-type(1) {
    border-top: none; }

  #solutions-matrix-block td:nth-of-type(2):before {
    border-top: none; }

  #solutions-matrix-block td:nth-of-type(3):before {
    content: "Type";
    font-weight: bold; }

  #solutions-matrix-block td:nth-of-type(4):before {
    content: "Product/Service";
    font-weight: bold;
    margin-bottom: 10px; }

  #solutions-matrix-block td:nth-of-type(5):before {
    content: "Available To";
    font-weight: bold; }

  #solutions-matrix-block td:nth-of-type(6):before {
    content: "Expiration Date";
    font-weight: bold; }

  #solutions-matrix-block td:nth-of-type(7):before {
    content: "Minimum Order Quantity";
    font-weight: bold; }

  #solutions-matrix-block td:nth-of-type(8):before {
    content: "More Information";
    font-weight: bold;
    margin-bottom: 10px; }

  #solutions-matrix-block td:nth-of-type(9):before {
    content: ""; }

  #solutions-matrix-block td:nth-of-type(10):before {
    content: ""; }

  #solutions-matrix-block td:nth-of-type(11):before {
    content: ""; } }
/* Smartphones (portrait and landscape) ----------- */
/* iPads (portrait and landscape) ----------- */
/* Scss Document */
.sf-panel {
  position: relative;
  border: 1px solid rgba(10, 3, 3, 0.2);
  border-radius: 12px;
  padding: 0px 20px 10px 10px; }

/* CUSTOM CSS FOR SOLUTION FINDER*/
#headBoxMagellan {
  margin-top: -38px;
  height: 120px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 50px;
  background-image: url(../art/matrix-art/sm-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center; }

#headBoxMagellan * h1 {
  color: rgba(19, 3, 3, 0.8);
  font-size: 7.5vmin;
  font-weight: 400;
  margin-top: 0px;
  padding-top: 0;
  letter-spacing: 0.16em;
  line-height: 8.5vmin;
  font-family: 'DINCondensedBold', Arial, Helvetica, sans-serif; }

/*.solutionlogo{
    float:left;
    margin-right:15px;
    }*/
div[ng-cloak] {
  display: none; }

div.loader {
  display: none; }

div.loader[ng-cloak] {
  display: block !important; }

img.aimg {
  width: 100px;
  margin-right: 10px; }

#matrix * label {
  font-size: 12px; }

#matrix * .btn-group {
  width: 100%; }

#matrix * .btn-group > button.disabled {
  background-color: rgba(19, 3, 3, 0.06); }

#matrix * .open > ul.dropdown-menu {
  width: 100%;
  right: 100%;
  margin: 0 2px 0 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  left: 0; }

#matrix * .btn-group > button.dd-label {
  text-align: left;
  width: 100%;
  border-radius: 8px;
  display: block; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .jumbo-search .btn-group > .btn-search:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px; }

.btn-group > button.dd-label::after {
  font-family: 'FontAwesome';
  content: "\f13a";
  position: absolute;
  right: 10px; }

#matrix * ul.dropdown-menu {
  max-height: 300px;
  overflow: scroll; }

.dd-cap, .dd-foot {
  bottom: 0;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  text-align: center;
  top: 0; }

.dropdown-menu > li > label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > label:hover,
.dropdown-menu > li > label:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > li > input:checked ~ label,
.dropdown-menu > li > input:checked ~ label:hover,
.dropdown-menu > li > input:checked ~ label:focus,
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
  color: #ffffff;
  text-decoration: none;
  /* outline: 0; */
  background-color: #428bca; }

.dropdown-menu > li > input[disabled] ~ label,
.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  color: #999999; }

.dropdown-menu > li > input[disabled] ~ label:hover,
.dropdown-menu > li > input[disabled] ~ label:focus,
.dropdown-menu > .disabled > label:hover,
.dropdown-menu > .disabled > label:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.dropdown-menu > li > label {
  margin-bottom: 0;
  cursor: pointer; }

.dropdown-menu > li > input[type="radio"],
.dropdown-menu > li > input[type="checkbox"] {
  display: none;
  position: absolute;
  top: -9999em;
  left: -9999em; }

.dropdown-menu > li > label:focus,
.dropdown-menu > li > input:focus ~ label {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu.pull-top {
  bottom: 100%;
  top: auto;
  margin: 0 0 2px;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175); }

.dropdown-menu.pull-center {
  right: 50%;
  left: auto; }

.dropdown-menu.pull-middle {
  right: 100%;
  margin: 0 2px 0 0;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
  left: auto; }

.dropdown-menu.pull-middle.pull-right {
  right: auto;
  left: 100%;
  margin: 0 0 0 2px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2); }

.dropdown-menu.pull-middle.pull-center {
  right: 50%;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.dropdown-menu.bullet {
  margin-top: 8px; }

.dropdown-menu.bullet:before {
  width: 0;
  height: 0;
  content: '';
  display: inline-block;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: rotate(360deg);
  border-width: 0 7px 7px;
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  top: -7px;
  left: 9px; }

.dropdown-menu.bullet:after {
  width: 0;
  height: 0;
  content: '';
  display: inline-block;
  position: absolute;
  border-color: transparent;
  border-style: solid;
  -webkit-transform: rotate(360deg);
  border-width: 0 6px 6px;
  border-bottom-color: #ffffff;
  top: -6px;
  left: 10px; }

.dropdown-menu.bullet.pull-right:before {
  left: auto;
  right: 9px; }

.dropdown-menu.bullet.pull-right:after {
  left: auto;
  right: 10px; }

.dropdown-menu.bullet.pull-top {
  margin-top: 0;
  margin-bottom: 8px; }

.dropdown-menu.bullet.pull-top:before {
  top: auto;
  bottom: -7px;
  border-bottom-width: 0;
  border-top-width: 7px;
  border-top-color: #cccccc;
  border-top-color: rgba(0, 0, 0, 0.15); }

.dropdown-menu.bullet.pull-top:after {
  top: auto;
  bottom: -6px;
  border-bottom: none;
  border-top-width: 6px;
  border-top-color: #ffffff; }

.dropdown-menu.bullet.pull-center:before {
  left: auto;
  right: 50%;
  margin-right: -7px; }

.dropdown-menu.bullet.pull-center:after {
  left: auto;
  right: 50%;
  margin-right: -6px; }

.dropdown-menu.bullet.pull-middle {
  margin-right: 8px; }

.dropdown-menu.bullet.pull-middle:before {
  top: 50%;
  left: 100%;
  right: auto;
  margin-top: -7px;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 7px;
  border-left-color: #cccccc;
  border-left-color: rgba(0, 0, 0, 0.15); }

.dropdown-menu.bullet.pull-middle:after {
  top: 50%;
  left: 100%;
  right: auto;
  margin-top: -6px;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-width: 6px;
  border-left-color: #ffffff; }

.dropdown-menu.bullet.pull-middle.pull-right {
  margin-right: 0;
  margin-left: 8px; }

.dropdown-menu.bullet.pull-middle.pull-right:before {
  left: -7px;
  border-left-width: 0;
  border-right-width: 7px;
  border-right-color: #cccccc;
  border-right-color: rgba(0, 0, 0, 0.15); }

.dropdown-menu.bullet.pull-middle.pull-right:after {
  left: -6px;
  border-left-width: 0;
  border-right-width: 6px;
  border-right-color: #ffffff; }

.dropdown-menu.bullet.pull-middle.pull-center {
  margin-left: 0;
  margin-right: 0; }

.dropdown-menu.bullet.pull-middle.pull-center:before {
  border: none;
  display: none; }

.dropdown-menu.bullet.pull-middle.pull-center:after {
  border: none;
  display: none; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-top-left-radius: 0; }

.dropdown-submenu > a:before {
  display: block;
  float: right;
  width: 0;
  height: 0;
  content: "";
  margin-top: 6px;
  margin-right: -8px;
  border-width: 4px 0 4px 4px;
  border-style: solid;
  border-left-style: dashed;
  border-top-color: transparent;
  border-bottom-color: transparent; }

button[disabled] {
  cursor: not-allowed !important; }

*,
*:after,
*::before {
  box-sizing: border-box; }

.ac-custom {
  padding: 0 3em;
  /*max-width: 900px;
  margin: 0 auto;*/ }

.ac-custom h2 {
  font-size: 3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0 0 30px; }

.ac-custom ul,
.ac-custom ol {
  list-style: none;
  padding: 0;
  margin: -20px auto 0 auto;
  /*max-width: 800px;*/ }

.ac-custom li {
  margin: 0 auto 0 -30px;
  padding: 2em 0 0 0;
  position: relative; }

.ac-custom label {
  display: inline-block;
  position: relative;
  font-size: 16px !important;
  line-height: 20px;
  padding: 0 50px 0 40px;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"],
.ac-custom label::before {
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
  position: absolute;
  cursor: pointer; }

.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"] {
  opacity: 0;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  z-index: 100; }

.ac-custom label::before {
  content: '';
  border: 2px solid #666;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.ac-radio label::before {
  border-radius: 50%; }

.ac-custom input[type="checkbox"]:checked + label,
.ac-custom input[type="radio"]:checked + label {
  color: #666; }

.ac-custom input[type="checkbox"]:checked + label::before,
.ac-custom input[type="radio"]:checked + label::before {
  opacity: 0.8; }

/* General SVG and path styles */
.ac-custom svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0px;
  pointer-events: none; }

.ac-custom svg path {
  stroke: #666;
  stroke-width: 13px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none; }

/* Specific input, SVG and path styles */
/* Circle */
.ac-circle input[type="checkbox"],
.ac-circle input[type="radio"],
.ac-circle label::before {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  left: 10px;
  position: absolute; }

.ac-circle label::before {
  background-color: #666;
  border: none; }

.ac-circle svg {
  width: 70px;
  height: 70px;
  margin-top: -35px;
  left: -10px; }

.ac-circle svg path {
  stroke-width: 5px; }

/* Box Fill */
.ac-boxfill svg path {
  stroke-width: 8px; }

/* Swirl */
.ac-swirl svg path {
  stroke-width: 8px; }

/* List */
.ac-list ol {
  list-style: decimal;
  list-style-position: inside; }

.ac-list ol li {
  font-size: 2em;
  padding: 1em 1em 0 2em;
  text-indent: -40px; }

.ac-list ol li label {
  font-size: 1em;
  text-indent: 0;
  padding-left: 30px; }

.ac-list label::before {
  display: none; }

.ac-list svg {
  width: 100%;
  height: 80px;
  left: 0;
  top: 1.2em;
  margin-top: 0px; }

.ac-list svg path {
  stroke-width: 4px; }

/* Media Queries */
@media screen and (max-width: 50em) {
  section {
    font-size: 80%; } }
/* Scss Document */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Open Sans', 'Gill Sans', 'Myriad Pro', 'Segoe UI', arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9; }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 400px;
  min-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.content-wrapper {
  min-height: 100%;
  margin: 10px auto -155px auto;
  padding-bottom: 60px;
  /* the bottom margin is the negative value of the footer's height */ }

#hallway-tiles #cvt .grid {
  min-height: 200px;
  height: 200px;
  overflow: hidden;
  z-index: 3000; }

#hallway-tiles #cvt .list {
  width: 100%;
  max-height: auto; }


/* BANDAIDS*/
/* - - - - - - - - - - - - - - - - - */
div.modal-fileicons ul {
  margin-left: 0px; }

div.modal-fileicons img {
  display: none;
  visibility: hidden; }

div.modal-fileicons a {
  font-size: 12px; }
/* - - - - - - - - - - - - - - - - - */
div.container.main-container {
  min-height: 550px;
  padding: 10px 20px; }

.page-header {
  margin-top: 0; }

.page-header {
  border-bottom: none;
  margin: 40px 0 20px;
  padding-bottom: 9px;
  font-weight: 300;
  font-size: 35px; }

.breadcrumb {
  background-color: rgba(249, 249, 244, 0.8);
  border-radius: 4px;
  list-style: outside none none;
  margin: 10px 0 20px 0;
  padding: 8px 15px; }

.ui-dialog {
  z-index: 9999; }

#heroContent .panel {
  border: none;
  box-shadow: none; }

.node-portfolio {
  display: none;
  visibility: hidden; }

/* Scss Document */
/* TEMP FIXES */
#hallway-landing-pg-top {
  margin-top: -1px;
  border-top: none; }

#hallway-landing-pg-foot {
  border-top: none; }

#block-boxes-homepage-lca-content #hallway-landing-pg-foot * .title-banner {
  padding-bottom: 12px; }

#block-boxes-homepage-lca-content #hallway-landing-pg-bottom {
  padding-top: 0px; }

/*Globals*/
/*body{
    background: $maincolor;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif, 'trebuhet ms',HelveticaNeue, arial;
    height: 100%;
    line-height: 20px;
}

*{
    @include prefix(box-sizing, border-box);
}

p{
    line-height: 2.0em;
}
h1{
    font-size: 3.0em;
    line-height: 40px;
}
a{
    text-decoration:none;
    color: $maincolor + rgba(30,30,30,0.92) ;
}
a:hover{
    color: #fff;
}*/
img {
  max-width: 100%; }

/*.pull-right{
    float: right;
}

.pull-left{
    float: left;
}

header{
    padding: 30px 20px;
    background: $maincolor + rgba(20,20,20,0.92);
    color: #ffffff;
    margin-bottom: 20px;
}

.btn-download{
    background: $maincolor - rgba(20,20,20,0.92);
    color: $maincolor + rgba(80,80,80,0.92) ;
    padding: 20px 50px;
    display: inline-block;
    @include prefix(border-radius, 5px);
    &:hover{
        background: $maincolor + rgba(50,50,50,0.92);
    }
}

.wrapper{
    max-width: 1000px;
    margin: 0 auto;
    @include clearfix;
}

footer{
    margin-top: 30px;
    background: $maincolor - rgba(20,20,20,0.92);
    color: $maincolor + rgba(80,80,80,0.92) ;
    padding: 20px 0;
    text-align:left;
    font-size: 0.9em;
}*/
/*Animation Effect*/
@keyframes anima {
  from {
    margin-top: -50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    margin: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }
@-webkit-keyframes anima {
  from {
    margin-left: -20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    margin-left: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }
@media screen and (max-width: 560px) {
  .wrapper {
    padding: 20px; } }
/*--- CONTENT STRUCTURE ---*/
.pic {
  /*max-width: 300px;
  max-height: 200px;*/
  position: relative;
  overflow: hidden;
  margin: 0px;
  display: inline-block;
  -webkit-animation: anima 2s;
  -ms-animation: anima 2s;
  animation: anima 2s;
  -webkit-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.pic-3d {
  -webkit-perspective: 500;
  -o-perspective: 500;
  -ms-perspective: 500;
  perspective: 500;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.pic-caption {
  cursor: default;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(19, 3, 3, 0.75);
  padding: 10px;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  color: rgba(255, 255, 255, 0.92); }

.pic-image {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.pic:hover .pic-image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.pic-title {
  font-size: 1.8em;
  color: rgba(255, 255, 255, 0.92); }

.in-title {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  z-index: 500; }

/*All classes with similar attribute*/
a, a:hover,
.pic .pic-image,
.pic-caption,
.pic:hover .pic-caption,
.pic:hover img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer; }

/*--- EFFECTS AND TRANSITIONS ---*/
.pic:hover .bottom-to-top,
.pic:hover .top-to-bottom,
.pic:hover .left-to-right,
.pic:hover .right-to-left,
.pic:hover .rotate-in,
.pic:hover .rotate-out,
.pic:hover .open-up,
.pic:hover .open-down,
.pic:hover .open-left,
.pic:hover .open-right,
.pic:hover .come-left,
.pic:hover .come-right {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -o-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }

.pic:hover .in-title {
  display: none; }

/*Bottom to Top*/
.bottom-to-top {
  top: 50%;
  left: 0; }

.pic:hover .bottom-to-top {
  top: 0;
  left: 0; }

/*Top to Bottom*/
.top-to-bottom {
  bottom: 50%;
  left: 0; }

.pic:hover .top-to-bottom {
  left: 0;
  bottom: 0; }

/*Left to Right*/
.left-to-right {
  top: 0;
  right: 50%; }

.pic:hover .left-to-right {
  right: 0;
  top: 0; }

/*Right to Left*/
.right-to-left {
  top: 0;
  left: 50%; }

.pic:hover .right-to-left {
  left: 0;
  top: 0; }

/*Rotate in*/
.rotate-in {
  -webkit-transform: rotate(90deg) scale(0.1);
  -ms-transform: rotate(90deg) scale(0.1);
  transform: rotate(90deg) scale(0.1);
  top: 0;
  left: 0; }

.pic:hover .rotate-in {
  -webkit-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1); }

/*Rotate out*/
.rotate-out {
  -webkit-transform: rotate(90deg) scale(3);
  -ms-transform: rotate(90deg) scale(3);
  transform: rotate(90deg) scale(3);
  top: 0;
  left: 0; }

.pic:hover .rotate-out {
  -webkit-transform: rotate(360deg) scale(1);
  -ms-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1); }

/*Open Up*/
.open-down {
  -webkit-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  top: 0;
  left: 0; }

.pic:hover .open-down {
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0); }

/*Open down*/
.open-up {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  top: 0;
  left: 0; }

.pic:hover .open-up {
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0); }

/*Open Left*/
.open-left {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  left: 0;
  top: 0; }

.pic:hover .open-left {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/*Open Right*/
.open-right {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  left: 0;
  top: 0; }

.pic:hover .open-right {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/*Open Come In*/
.come-left {
  -webkit-transform: rotateY(90deg) rotateX(90deg);
  -ms-transform: rotateY(90deg) rotateX(90deg);
  transform: rotateY(90deg) rotateX(90deg);
  left: 0;
  top: 0; }

.pic:hover .come-left {
  -webkit-transform: rotateY(0) rotateX(0);
  -ms-transform: rotateY(0) rotateX(0);
  transform: rotateY(0) rotateX(0); }

/*Open Come Out*/
.come-right {
  -webkit-transform: rotateY(-90deg) rotateX(-90deg);
  -ms-transform: rotateY(-90deg) rotateX(-90deg);
  transform: rotateY(-90deg) rotateX(-90deg);
  left: 0;
  top: 0; }

.pic:hover .come-right {
  -webkit-transform: rotateY(0) rotateX(0);
  -ms-transform: rotateY(0) rotateX(0);
  transform: rotateY(0) rotateX(0); }

@media screen and (max-width: 560px) {
  .pic {
    max-width: 400px;
    max-height: 300px;
    display: block;
    -webkit-animation: none;
    -ms-animation: none;
    animation: none;
    margin: 10px auto; } }
.pic {
  width: 23%;
  max-height: 200px; }

@media (min-width: 768px) and (max-width: 850px) {
  .pic {
    width: 48%; } }
@media (min-width: 851px) and (max-width: 991px) {
  .pic {
    width: 32%; } }
@media (min-width: 992px) and (max-width: 1100px) {
  .pic {
    width: 31%; } }
@media (min-width: 1100px) and (max-width: 1199px) {
  .pic {
    width: 31%; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  .pic {
    width: 23%; } }
@media (min-width: 1600px) {
  .pic {
    width: 19%; } }
@media (max-width: 767px) {
  .pic {
    width: 45%; } }
@media (max-width: 557px) {
  .pic {
    width: 100%; } }
#hallway-tiles #cvt .grid li .hallway {
  z-index: 1 !important;
  clear: both; }

#hallway-tiles #cvt .grid li .hallway-push {
  visibility: hidden;
  display: none; }

#hallway-tiles #cvt .grid li .hallway-push.grow {
  width: inherit;
  min-width: 200px;
  min-height: 200px;
  position: absolute;
  display: inline-block;
  visibility: visible; }

#hallway-tiles #cvt .grid li .hallway.grow {
  width: 300px;
  height: 300px;
  overflow: visible;
  margin-top: -50px;
  margin-left: -50px;
  margin-bottom: -300px;
  top: 0;
  left: 0;
  clear: both;
  position: relative;
  z-index: 9999 !important;
  opacity: 1 !important;
  box-shadow: 3px 3px 10px 0 #130303;
  background-color: #fff; }

#hallway-tiles #cvt .grid li.grow:after {
  margin-left: 200px;
  z-index: 9999;
  box-sizing: border-box; }

.ted-grid {
  margin: 30px auto; }

.ted-thumb {
  width: 200px;
  height: 200px;
  overflow: hidden;
  background-color: #000;
  color: #000;
  padding: 10px;
  position: relative; }

.ted-title {
  margin-top: 145px;
  margin-bottom: 10px;
  padding: 0 10px; }

.ted-thumb .back-img {
  width: 100%;
  background-image: url(../../../assets/art/hallway-tiles/ht-admin-support.png);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: inherit;
  height: inherit; }

.ted-thumb.grow .back-img {
  width: 100%;
  background-image: url(../../../assets/art/hallway-tiles/ht-admin-support.png);
  background-size: cover;
  width: inherit;
  height: inherit;
  opacity: 0.5; }

.ted-thumb.grow .ted-title {
  margin-top: 5px; }

/*Animation Effect*/
/*@mixin transparency($opacity){
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=($opacity * 100));
    -moz-opacity: $opacity;
    -khtml-opacity: $opacity;
    opacity: $opacity;
}

@keyframes anima{
    from{
        margin-top: -50px;
        @include transparency(0);
    }
    to{
        margin: auto;
        @include transparency(1);
    }
}

@-webkit-keyframes anima{
    from{
        margin-left: -20px;
        @include transparency(0);
    }
    to{
        margin-left: 10px;
        @include transparency(1);
    }
}
  
.grow:hover {
    @include transparency(1);
    
}*/
/* -- - - - - - - - - - - - - - - - - */
.thumb-grid {
  margin: 0 auto; }

.thumb-overlay {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  float: left;
  display: block; }

.thumb-overlay-controls {
  display: block;
  height: 30px;
  margin-bottom: 5px; }

.thumb-overlay-content {
  display: block;
  background: #130303;
  height: 100%;
  width: 100%;
  float: left;
  color: #fff; }

.thumb-overlay-content .carousel-inner, .thumb-overlay-content .carousel-control {
  min-height: 500px; }

.thumb-overlay-content .carousel-control.left, .thumb-overlay-content .carousel-control.right {
  min-height: 500px;
  margin-top: 230px;
  background-image: none; }

.thumb-overlay-content .carousel-inner .carousel-content {
  padding: 20px 50px; }

.audioplayer {
  height: 2.5em;
  /* 40 */
  color: #666;
  position: relative;
  z-index: 1; }

.audioplayer-mini {
  width: 2.5em;
  /* 40 */
  margin: 0 auto; }

.audioplayer > div {
  position: absolute; }

.audioplayer-playpause {
  width: 2.5em;
  /* 40 */
  height: 100%;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  left: 0; }

.audioplayer-mini .audioplayer-playpause {
  width: 100%; }

.audioplayer-playpause a {
  display: block; }

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  /* 8 */
  border-right: none;
  border-left-color: #666;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.25em;
  /* 8 4 */ }

.audioplayer-playing .audioplayer-playpause a {
  width: 0.75em;
  /* 12 */
  height: 0.75em;
  /* 12 */
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.375em 0 0 -0.375em;
  /* 6 */ }

.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
  width: 40%;
  height: 100%;
  background-color: #666;
  content: '';
  position: absolute;
  top: 0;
  color: #666; }

.audioplayer-playing .audioplayer-playpause a:before {
  left: 0; }

.audioplayer-playing .audioplayer-playpause a:after {
  right: 0; }

.audioplayer-time {
  width: 4.375em;
  /* 70 */
  height: 100%;
  line-height: 2.375em;
  /* 38 */
  text-align: center;
  z-index: 2;
  top: 0; }

.audioplayer-time-current {
  border-left: 1px solid #111;
  border-left-color: rgba(0, 0, 0, 0.25);
  left: 2.5em;
  /* 40 */ }

.audioplayer-time-duration {
  border-right: 1px solid #555;
  border-right-color: rgba(255, 255, 255, 0.1);
  right: 2.5em;
  /* 40 */ }

.audioplayer-novolume .audioplayer-time-duration {
  border-right: 0;
  right: 0; }

.audioplayer-bar {
  height: 0.875em;
  /* 14 */
  background-color: #222;
  cursor: pointer;
  z-index: 1;
  top: 50%;
  right: 6.875em;
  /* 110 */
  left: 6.875em;
  /* 110 */
  margin-top: -0.438em;
  /* 7 */ }

.audioplayer-novolume .audioplayer-bar {
  right: 4.375em;
  /* 70 */ }

.audioplayer-bar div {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.audioplayer-bar-loaded {
  background-color: #333;
  z-index: 1; }

.audioplayer-bar-played {
  background: #007fd1;
  background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
  background: -webkit-linear-gradient(left, #007fd1, #c600ff);
  background: linear-gradient(to right, #007fd1, #c600ff);
  z-index: 2; }

.audioplayer-volume {
  width: 2.5em;
  /* 40 */
  height: 100%;
  border-left: 1px solid #111;
  border-left-color: rgba(0, 0, 0, 0.25);
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 2;
  top: 0;
  right: 0; }

.audioplayer-volume-button {
  width: 100%;
  height: 100%; }

.audioplayer-volume-button a {
  width: 0.313em;
  /* 5 */
  height: 0.375em;
  /* 6 */
  background-color: #666;
  display: block;
  position: relative;
  z-index: 1;
  top: 40%;
  left: 35%; }

.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
  content: '';
  position: absolute; }

.audioplayer-volume-button a:before {
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  /* 8 */
  border-left: none;
  border-right-color: #666;
  z-index: 2;
  top: 50%;
  right: -0.25em;
  margin-top: -0.5em;
  /* 8 */ }

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
  /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
  width: 0.313em;
  /* 5 */
  height: 0.313em;
  /* 5 */
  border: 0.25em double #666;
  /* 4 */
  border-width: 0.25em 0.25em 0 0;
  /* 4 */
  left: 0.563em;
  /* 9 */
  top: -0.063em;
  /* 1 */
  /* 15 */
  /* 15 */
  border-radius: 0 0.938em 0 0;
  /* 15 */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.audioplayer-volume-adjust {
  height: 6.25em;
  /* 100 */
  cursor: default;
  position: absolute;
  left: 0;
  right: -1px;
  top: -9999px;
  background: #fff;
  margin-bottom: 1px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
  opacity: 0; }

.audioplayer-volume:hover .audioplayer-volume-adjust {
  top: auto;
  bottom: 100%; }

.audioplayer-volume-adjust > div {
  width: 40%;
  height: 80%;
  background-color: #222;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin: 30% auto 0; }

.audioplayer-volume-adjust div div {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #007fd1;
  background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
  background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
  background: linear-gradient(to top, #007fd1, #c600ff); }

.audioplayer-novolume .audioplayer-volume {
  display: none; }

.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
  border-radius: 4px; }

.audioplayer-bar,
.audioplayer-volume-adjust > div {
  box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.1); }

.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); }

.audioplayer-volume-adjust {
  box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15); }

.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
  -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
  transition: color .25s ease, background-color .25s ease, opacity .5s ease; }

/* FAQ and Login Page styles */
.faq-sidebar .nav > li > a {
  display: block;
  /* color: #716b7a; */
  padding: 5px 20px;
  font-size: 13px !important;
}
.faq-content {
  margin-top: 0px;
}

/** 
 * Css rules for login-information page
 */
.logininfo-wrapper {
 margin-bottom: 2em;
}

body.page-node-172 .pull-left,
body.page-node-172 .pull-right
 {
    width: 45%;
    border:1px solid rgba(19,3,3,0.2);
    border-radius:17px; 
    background:rgba(69,69,69,0.2); 
    margin-top:1em;
}

.pull-left .btn-link:hover,
.pull-right .btn-link:hover {
  text-decoration:underline;
  color: #000;
}

body.page-node-172 .link{
  cursor: pointer;
  color: #7D7D7D;
  font-size: 18px;
  font-weight: normal;
}

body.page-node-172 .pull-left span,
body.page-node-172 .pull-right span {
  font-size:20px; 
  font-weight: bolder;
  color:#333; 
}

body.page-node-172 .pull-left button>small,
body.page-node-172 .pull-right a>small {
  font-size: 16px !important;
  color:#333; 
}

body.page-node-172 .pull-left center,
body.page-node-172 .pull-right center {
    font-size: 20px;
    color: #333; 
  }

.login-information-page-wrapper{
  position: relative;
  top: 15px;
}

#need-help,#usage-agreement{
  background:#F3F3F3;
  padding:1em;
  margin: 15px 0px 0px 0px;
  border-radius: 10px;
  font-size: 14px;
}

.rules {
   margin: 30px 0px 15px 0px;
}
.rules p{
  color:#b94a48;
  font-size: 14px;
}
#need-help p:nth-child(1),
#need-help p:nth-child(5) {
    line-height:1.5em;
    margin-bottom: 10px;
}

#need-help p {
  line-height: 2em;
  margin: 0;
  font-size: 14px;
  color: #555;
}

#need-help ol li span {
    color: #000 !important;
    font-weight: bolder;
}
div#need-help ol {
    font-size: 14px;
    line-height: 2em;
}
.rules h4{
  border-bottom: 1px solid #b94a48;
 font-weight: bold;
  color:#b94a48;
  font-size: 18px;
}

.login-information-button {
  margin-bottom: 20px; 
  background-color:#ccc;
}
.pub-btn-login a{
  color: inherit;
}
.node-type-homepage-random-content .draggable .views-field-nothing-1{
  width: 8%;
  white-space: nowrap;
}

.node-type-homepage-random-content .draggable .views-field-nothing{
  width: 90%;
}

/* Faq Accordion */
.view-faq-accordion .views-field-title{
  border: none;
  background: none;
}
.view-faq-accordion .ui-accordion-content{
  border: none;
  background: #F3F3F3;
  height: initial !important;
}

.view-faq-accordion .ui-icon-triangle-1-e {
  background-image: url(../art/plus_21.png); 
  background-position: initial;
  background-position-y: top;
  background-position-x: left;
}

.view-faq-accordion .ui-icon-triangle-1-s {
  background-image: url(../art/minus_21.png); 
  background-position: initial;
  background-position-y: top;
  background-position-x: left;
}

.view-faq-accordion .ui-icon {
    width: 21px;
    height: 21px;
}

.view-faq-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon{
  margin-top: -5px;
}
.content .faq-distinct{
  display: none;
}

.page-admin-public-gatekeeper-review section.col-sm-12{
  width: 100%;
}

.page-admin-public-gatekeeper-review .views-table th{
  width: 10%;
}

.page-admin-public-gatekeeper-review .views-table td{
  width: 10%;
}

.page-admin-public-gatekeeper-review .views-table th:first{
  width: 30%;
}

.page-admin-public-gatekeeper-review .views-table td:first{
  width: 30%;
}

.page-admin-child-category section.col-sm-12{
  width: 100%;
}

.page-admin-child-category .field-category-manager-values .field-multiple-drag{
  width: 10%;
}

.page-admin-child-category .field-category-manager-values .application{
  width: 80%;
}

.page-admin-child-category .field-category-manager-values .tabledrag-hide{
  width: 10%;
}

.page-admin-parent-category section.col-sm-12{
  width: 100%;
}
.cap-modal button.close{
    position: absolute;
    margin-right: 25px;
    line-height: 90px;
    z-index: 3000;
    font-size: 30px;
    font-weight: 200;
    color: #666;
    right: 20px;
    top: 20px;
    opacity: 1;
}
/* Custom style for gateway survey report views */

.feed-icon > a{
	margin: 10px;
	padding: 5px;
	display: inline-block
}

/* Custom CSS for Gateway Notifications Edit Page */

body.page-admin-gateway-notifications-edit #switch_edit-message-value, 
body.page-admin-gateway-notifications-edit #edit-message-format{
  display:none !important;
}

/*end custom style for view*/