/*!
 * Created and maintained by ExHora.
 * Copyright ExHora (https://exhora.com)
 * Joshua Weller (https://joshdw.com)
 *
 * Sass generated compilation of all style sheets
 * Designed for Bootstrap v3.3.7 (http://getbootstrap.com)
 */
/* BOOTSTRAP FLAT
----------------------------------------- */
.created-by-exhora-com---do-not-distribute {
  font-weight: bold !important;
}
.img-thumbnail, .btn, .btn-group .btn, .btn-group .dropdown-menu, .btn-group .btn, .btn-group .btn:first-child:not(:last-child), .btn-group .btn:last-child:not(:first-child), .table-bordered, .table-bordered tr:first-child th:first-child, .table-bordered tr:first-child th:last-child, .table-bordered tr:last-child td:first-child, .table-bordered tr:last-child td:last-child, .input-group .btn, .input-group .dropdown-menu, .input-group .form-control, .input-group .input-group-addon, .dropdown-menu, .dropdown-menu .dropdown-submenu .dropdown-menu, form .form-control, form .btn, .form .btn, .form-control, .label, .badge, .alert, .alert .btn, .progress, .breadcrumb, .tooltip .tooltip-inner, .popover, .nav-list-panel, .nav-tabs li > a, .tabs-below .nav-tabs li > a, .tabs-right .nav-tabs li > a, .tabs-left .nav-tabs li > a, .nav-tabs .dropdown-menu, .tabs-below .nav-tabs .dropdown-menu, .nav-pills li a, .nav-pills .dropdown-menu, .navbar, .navbar .dropdown-menu, .progress-bar, .progress.pagination li:first-child a, .pagination li:last-child a, .pagination-lg li:first-child a, .pagination-lg li:last-child a, .pagination-sm li:first-child a, .pagination-sm li:last-child a, .pager li a:hover, .pager li a:focus, .panel, .panel-body, .breadcrumb-arrow li:first-child a, pre, code, .container .jumbotron, .input-lg, .form-group-lg .form-control, .modal-header .modal-title, .modal-content, .panel-group .panel, .panel-group .panel-heading {
  border-radius: 2px;
}

/* FORMS
----------------------------------------- */
.form-control {
  box-shadow: none;
  border: 1px solid #ddd;
}
.form-control:focus {
  box-shadow: none;
  border: 1px solid #00bcd4;
}

/* CHECKBOXES
----------------------------------------- */
label.checkbox-styled {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}
label.checkbox-styled .indicator {
  display: block;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #bfbfbf;
  z-index: 1;
}
label.checkbox-styled input[type=checkbox] {
  z-index: -1;
  position: absolute;
  opacity: 0;
}
label.checkbox-styled input[type=checkbox]:checked + .indicator:after {
  content: "\f00c";
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 14px;
  width: 14px;
  text-align: center;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
}
label.checkbox-styled input[type=checkbox]:disabled + .indicator {
  background: #d8d8d8;
}

label.radio-styled {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
}
label.radio-styled .indicator {
  display: block;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #bfbfbf;
  z-index: 1;
}
label.radio-styled input[type=radio] {
  z-index: -1;
  position: absolute;
  opacity: 0;
}
label.radio-styled input[type=radio]:checked + .indicator {
  border: none;
}
label.radio-styled input[type=radio]:checked + .indicator:after {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
label.radio-styled input[type=radio]:checked + .indicator:before {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 3;
}
label.radio-styled input[type=radio]:disabled + .indicator {
  background: #d8d8d8;
}

/* BUTTONS
----------------------------------------- */
.btn > i {
  vertical-align: middle;
  display: inline-block;
}

.btn, .btn:hover, .btn:active {
  border-color: transparent;
  color: #fff;
}

.btn:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.btn-default, .btn-default:hover {
  border-color: #e0e1e2;
  color: #5b6369;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:focus:hover {
  background: #d76c32;
  border-color: transparent;
}

.btn-flex, .btn-iflex {
  display: inline-flex;
  padding: 0 1em;
  height: 2.4em;
  align-items: center;
  text-align: left;
  flex-direction: row;
}

.btn-flex {
  display: flex;
  width: 100%;
}

.btn-xl {
  font-size: 1.3em;
}

.icon-left {
  margin-right: 0.5em;
}

.icon-right {
  margin-left: 0.5em;
}

.btn-round, .btn-square {
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.4em;
  width: 2.4em;
  line-height: normal;
}

.btn-round {
  border-radius: 50%;
}

.btn-colored:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
}

/* TABS
----------------------------------------- */
.nav-tabs, .tabs-nav, .nav-pills {
  margin-bottom: 1.6em;
}

.tabs-nav > li > a, .nav-pills > li > a {
  padding: 0.7em 1.5em;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:active, .nav-pills > li.active > a:focus {
  background: #FF7A1C;
}

.tabs-nav, .tabs-vnav, .tabs-vnav-r {
  list-style: none;
  padding: 0;
  display: flex;
}
.tabs-nav > li > a, .tabs-vnav > li > a, .tabs-vnav-r > li > a {
  color: #999da1;
}
.tabs-nav > li.active > a, .tabs-vnav > li.active > a, .tabs-vnav-r > li.active > a {
  color: #474f56;
  font-weight: normal;
}

.tabs-nav {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: flex-end;
  line-height: normal;
}
.tabs-nav > li {
  border-bottom: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
}
.tabs-nav > li > a {
  display: block;
  text-decoration: none;
}
.tabs-nav > li > a:hover {
  text-decoration: none;
}
.tabs-nav > li.active {
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tabs-nav:after, .tabs-nav:before {
  content: "";
  display: block;
  height: 1px;
  background: #ddd;
  flex: 1;
}
.tabs-nav:before {
  display: none;
}

.tabs-nav-centered {
  justify-content: center;
}
.tabs-nav-centered:before {
  display: block;
}

.tabs-vnav, .tabs-vnav-r {
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
  overflow: auto;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
.tabs-vnav > li, .tabs-vnav-r > li {
  border-right: 1px solid #ddd;
  width: 100%;
  border-radius: 2px 0 0 2px;
}
.tabs-vnav > li > a, .tabs-vnav-r > li > a {
  display: block;
  text-decoration: none;
  padding: 0.7em;
}
.tabs-vnav > li > a:hover, .tabs-vnav-r > li > a:hover {
  text-decoration: none;
}
.tabs-vnav > li.active, .tabs-vnav-r > li.active {
  border: 1px solid #ddd;
  border-right-color: transparent;
}
.tabs-vnav:after, .tabs-vnav-r:after {
  content: "";
  display: block;
  width: 1px;
  background: #ddd;
  flex: 1;
}

.tabs-vnav-r {
  align-items: flex-start;
}
.tabs-vnav-r > li {
  border: none;
  border-left: 1px solid #ddd;
  border-radius: 0 2px 2px 0;
}
.tabs-vnav-r > li.active {
  border: 1px solid #ddd;
  border-left-color: transparent;
}

/* PAGINATION
----------------------------------------- */
.pagination > li.active > a {
  background: #FF7A1C;
  border-color: transparent;
}
.pagination i {
  line-height: inherit;
  font-size: 0.8em;
}

/* TYPOGRAPGHY
----------------------------------------- */
body {
  font-size: 16px;
  line-height: 1.6;
  color: #5b6369;
  font-family: "Roboto";
  font-weight: 300;
}

p {
  margin-bottom: 1.6em;
  font-size: 1em;
  line-height: 1.6em;
}
p > a {
  color: #00bcd4;
}

.dropcap:first-letter {
  font-size: 3.52em;
  font-family: serif;
  font-weight: bold;
  float: left;
  margin: 0.09091em 0.1em 0 0;
  line-height: 1em;
  color: #db7c48;
}

blockquote {
  font-style: italic;
  color: #5b6369;
  border-color: #db7c48;
  font-size: 1.3em;
  padding-left: 1em;
}
blockquote small {
  color: #999da1;
  margin-top: 1em;
}

.list-iconed {
  list-style: none;
}
.list-iconed li {
  display: flex;
  align-items: center;
}
.list-iconed i {
  margin-right: 0.7em;
}

.list-ruled li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 3em;
}
.list-ruled li:last-child {
  border: none;
}

dl {
  padding: 1em;
  border: 1px dotted rgba(0, 0, 0, 0.15);
}

dd {
  padding: 0.5em 0;
  display: flex;
  align-items: center;
}

dd + dt {
  border-top: 1px dotted rgba(0, 0, 0, 0.15);
  padding-top: 0.5em;
}

hr {
  margin: 4em 0;
}

h1, h2, h3, h4, h5 {
  color: #474f56;
  font-weight: 500;
  font-family: "Roboto";
}

/* headings */
h1 {
  content: 5.12px;
  font-size: 2.5em;
  line-height: 2em;
  line-height: 1em;
  margin: 0 0 0.32em 0;
}

h2 {
  content: 6.4px;
  font-size: 2em;
  line-height: 2em;
  line-height: 1em;
  margin: 0 0 0.4em 0;
}

h3 {
  content: 7.52941px;
  font-size: 1.7em;
  line-height: 2em;
  line-height: 1em;
  margin: 0 0 0.47059em 0;
}

h4 {
  content: 8.53333px;
  font-size: 1.5em;
  line-height: 2em;
  line-height: 1em;
  margin: 0 0 0.53333em 0;
}

h5 {
  content: 16px;
  font-size: 1em;
  line-height: 1.6em;
  line-height: 1em;
  margin: 0 0 1em 0;
}

h6 {
  content: 17.77778px;
  font-size: 0.9em;
  line-height: 1.6em;
  line-height: 1em;
  margin: 0 0 1.11111em 0;
}

.inverse-all {
  color: rgba(255, 255, 255, 0.7);
}
.inverse-all h1, .inverse-all h2, .inverse-all h3, .inverse-all h4, .inverse-all h5 {
  color: #fff;
}

.zoomfeat:hover img.zoomme {
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 100ms ease-in;
    transform: scale(1.2);
}

#panelexamples span {
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    display: block;
    margin-bottom: -5px;
    line-height: 1;
}
#panelexamples img {
    padding: 20px;
    cursor: pointer;
}
#panelexamples > div:hover span {
    font-weight: inherit;
}
#panelexamples > div:hover img {
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
}
#exampletitle {
    font-weight: 100 !important;
font-size: 2em !important;

}
#examplefeatures {
    line-height: 1.5;
    padding: 10px 0;
}
/* VFEAT
----------------------------------------- */
.vfeat {
  text-align: center;
  max-width: 15em;
  margin: 0 auto;
}
.vfeat img, .vfeat .icon {
  width: 3em;
  height: auto;
  display: inline-block;
}
.vfeat h4 {
  font-size: 1.2em;
  margin-top: 0.5em;
}
.vfeat p {
  margin: 0;
  font-size: 0.9em;
}

/* UNIMEDIA
----------------------------------------- */
.unimedia {
  display: flex;
  width: 100%;
}
.unimedia > * + * {
  padding-left: 1em;
}

.unimedia-media i {
  font-size: 2.5em;
}
.unimedia-media img {
  width: 2.5em;
  display: block;
}

.unimedia-body {
  flex: 1;
}
.unimedia-body > * {
  margin: 0;
  display: flex;
  width: 100%;
  line-height: 1.4em;
}
.unimedia-body > * + * {
  margin: 0.3em 0 0 0;
}

.unimedia-title {
  font-weight: 500;
}

/* UNIMETA
----------------------------------------- */
* + .unimeta {
  margin-top: 10px;
}

.unimeta > span {
  display: inline-block;
}
.unimeta > span i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.unimeta > span + span {
  position: relative;
}
.unimeta > span + span:before {
  content: "\2022";
  display: inline-block;
  padding: 0 10px;
  opacity: 0.5;
}

/* MENUCONS
----------------------------------------- */
.menucon, .menucon-dots {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 14px;
  margin: auto;
}
.menucon span, .menucon span:before, .menucon span:after, .menucon-dots span, .menucon-dots span:before, .menucon-dots span:after {
  position: absolute;
  display: block;
  height: 2px;
  left: 0;
  width: 100%;
  transform-origin: center;
  transition: all 0.3s;
}
.menucon span, .menucon-dots span {
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.menucon span:before, .menucon span:after, .menucon-dots span:before, .menucon-dots span:after {
  content: "";
  background: inherit;
}
.menucon span:before, .menucon-dots span:before {
  top: -400%;
}
.menucon span:after, .menucon-dots span:after {
  bottom: -400%;
}

.menucon.morphs.active span, .active .menucon.morphs span {
  transform: rotateZ(45deg);
}
.menucon.morphs.active span:before, .active .menucon.morphs span:before {
  top: 0;
}
.menucon.morphs.active span:after, .active .menucon.morphs span:after {
  top: 0;
  bottom: 0;
  margin: auto 0;
  transform: rotateZ(90deg);
}

.menucon-dots:before, .menucon-dots:after, .menucon-dots span {
  width: 3px;
  right: 0;
  margin: auto;
}

/* ACCORDION
----------------------------------------- */
.accordion {
  list-style: none;
  padding: 0;
}
.accordion > li {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion > li + li {
  margin-top: 10px;
}

.accordion-header {
  padding: 1.3em 1.5em;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: normal;
  color: #474f56;
}
.accordion-header > * {
  line-height: 1em;
  margin: 0;
  font-weight: normal;
}
.accordion-header i {
  margin: 0 0.7em 0 0;
  transition: all 0.4s;
  display: inline-block;
}
.accordion-header * + i {
  margin: 0 0 0 auto;
}

.accordion-content {
  padding: 1.5em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.active .accordion-header i {
  color: #db7c48;
}
.active .accordion-header {
  background: rgba(0, 0, 0, 0.04);
}

.accordion-header:hover {
  background: rgba(0, 0, 0, 0.04);
}

.accordion-bars > li {
  border: none;
}
.accordion-bars .accordion-header {
  background: rgba(0, 0, 0, 0.04);
}
.accordion-bars .accordion-content {
  border: none;
}

.accordion-boxed {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1.5em;
}
.accordion-boxed > li {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion-boxed > li:first-child {
  border-top: none;
}
.accordion-boxed > li + li {
  margin: 0;
}
.accordion-boxed .accordion-content, .accordion-boxed .accordion-header {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.accordion-boxed .accordion-header:hover, .accordion-boxed .active .accordion-header {
  background: none;
}
.accordion-boxed .accordion-header:hover > *, .accordion-boxed .active .accordion-header > * {
  color: #FF7A1C;
}

/* PRICING
----------------------------------------- */
.pricing {
  background: #fff;
  text-align: center;
  color: #5b6369;
  border-radius: 3px;
}

.pricing-header {
  padding: 2em 2em 0 2em;
  border-radius: 3px 3px 0 0;
}
.pricing-header h4 {
  margin: 0;
  color: #474f56;
  font-size: 1.4em;
  text-transform: uppercase;
}
.pricing-header small {
  color: #FF7A1C;
  display: block;
  font-style: italic;
  margin-top: 0.5em;
  font-size: 1.3em;
}
.pricing-header * + .pricing-icon {
  margin-top: 0.5em;
}
.pricing-header .pricing-icon + * {
  margin-top: 1em;
}
.pricing-header .arrow {
  margin: 1em auto 0 auto;
  display: inline-block;
}

.pricing-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  width: 2em;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  font-size: 3em;
}
.pricing-icon img {
  display: block;
  width: 1em;
  height: Auto;
}
.pricing-icon i {
  line-height: 1em;
}

.pricing-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 2em 2em 0 2em;
}

.pricing-btn {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 300;
  padding: 1.1em 3em;
  height: auto;
}

.pricing-footer {
  padding: 2em;
}

.pricing-price span {
  display: inline-flex;
  align-items: center;
  line-height: 1em;
}
.pricing-price span b {
  font-weight: bold;
  font-size: 3em;
  padding: 0 10px;
}
.pricing-price small {
  display: block;
}

/* Quotes
---------------------------------------------------- */
.quote {
  display: flex;
  width: 100%;
  background: #fff;
  padding: 2em;
}

.quote-avatar {
  padding-right: 1.5em;
}
.quote-avatar img {
  display: block;
  width: 6em;
}

.quote-body h5 {
  font-size: 1em;
}
.quote-body p {
  font-style: italic;
  color: #999da1;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 1em;
}
.quote-body p:before, .quote-body p:after {
  content: '"';
}

@media (max-width: 991px) {
  .quote {
    font-size: 0.9em;
  }
}
@media (max-width: 767px) {
  .quote {
    padding: 1.5em;
  }

  .quote-avatar {
    padding-right: 1.5em;
  }
  .quote-avatar img {
    width: 5em;
  }
}
@media (max-width: 479px) {
  .quote {
    padding: 1em;
  }

  .quote-avatar {
    padding-right: 1em;
  }
  .quote-avatar img {
    width: 4em;
  }
}
/* UNINAV
----------------------------------------- */
.uninav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  line-height: 1em;
  color: doc-color(text-d);
}
.uninav > li, .uninav > li > a {
  display: flex;
  align-items: center;
  color: inherit;
}
.uninav > li > a {
  padding: 1em 1.5em;
}
.uninav a, .uninav a:hover {
  text-decoration: none;
}
.uninav .caret {
  margin-left: 10px;
}

.uninav-icons > li > a {
  padding: 0;
}
.uninav-icons > li > a > i {
  width: 2em;
  line-height: 2em;
  text-align: center;
  display: inline-block;
}

.uninav-centered {
  justify-content: center;
}

.uninav-text {
  flex: 1;
}

.uninav-icon, .uninav-indicator {
  width: 1em;
  line-height: 1em;
  text-align: center;
  display: inline-block;
}

.uninav-indicator {
  transition: all 0.4s;
}

.uninav-icon + .uninav-text {
  padding-left: 10px;
}

.uninav-text + .uninav-indicator {
  padding-left: 10px;
}

.uninav-v, .uninav-ddmenu {
  flex-direction: column;
  width: 100%;
}
.uninav-v > li, .uninav-ddmenu > li {
  display: block;
}
.uninav-v > li, .uninav-v > li > a, .uninav-ddmenu > li, .uninav-ddmenu > li > a {
  width: 100%;
}
.uninav-v > li > a, .uninav-ddmenu > li > a {
  padding: 1em 1.5em;
}

.uninav-ddmenu, .dropdown-menu, .dropdown-block {
  transition: all 0.4s;
  max-height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.uninav-v .dropdown-menu {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  box-shadow: none;
  border: none;
  background: none;
  z-index: 0;
}
.uninav-v .dropdown-menu > li > a {
  line-height: 1em;
  padding: 1em 1.5em;
}

.open > .dropdown-menu, .open > .dropdown-block {
  max-height: 1000px;
  overflow: visible;
  visibility: visible;
}

.inverse-all .uninav {
  /*color: rgba(255, 255, 255, 0.6);*/
}

.uninav-pills > li, .uninav-pills-group > li {
  margin: 2px;
}
.uninav-pills > li > a, .uninav-pills-group > li > a {
  padding: 0 2em;
  height: 2.6em;
  border-radius: 1.3em;
  background: rgba(0, 0, 0, 0.7);
}
.uninav-pills.portfoliopills > li > a, .uninav-pills-group > li > a {
  background: rgba(0, 0, 0, 0.07);
}
.uninav-pills.portfoliopills > li:hover > a, .uninav-pills-group > li:hover > a {
  background: rgba(0, 0, 0, 0.07);
}
.uninav-pills > li:hover > a, .uninav-pills-group > li:hover > a {
  background: rgba(219,124,71, 0.5);
}
.uninav-pills > li.active > a, .uninav-pills-group > li.active > a {
  color: #fff;
  background: #db7c48;
}

@media (min-width: 768px) {
  .uninav-pills-group > li {
    margin: 0;
  }
  .uninav-pills-group > li > a {
    border-radius: 0;
  }
  .uninav-pills-group > li:first-child > a {
    border-radius: 1.3em 0 0 1.3em;
  }
  .uninav-pills-group > li:last-child > a {
    border-radius: 0 1.3em 1.3em 0;
  }
  .uninav-pills-group > li + li > a {
    border-left: 1px solid rgba(0, 0, 0, 0.7);
  }
  .uninav-pills-group.portfoliopills > li + li > a {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
  }
}
/* Uninav Lines */
.uninav-tline > li, .uninav-tline-above > li, .uninav-bline > li, .uninav-bline-below > li, .uninav-rline > li, .uninav-lline > li {
  position: relative;
}
.uninav-tline > li.active:after, .uninav-tline li.open:after, .uninav-tline-above > li.active:after, .uninav-tline-above li.open:after, .uninav-bline > li.active:after, .uninav-bline li.open:after, .uninav-bline-below > li.active:after, .uninav-bline-below li.open:after, .uninav-rline > li.active:after, .uninav-rline li.open:after, .uninav-lline > li.active:after, .uninav-lline li.open:after {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  position: absolute;
}

.uninav-tline-above > li.active:after, .uninav-tline-above li.open:after {
  top: -4px;
}

.uninav-bline-below > li.active:after, .uninav-bline-below li.open:after {
  top: auto;
  bottom: -4px;
}

.uninav-lline > li.active:after, .uninav-lline li.open:after {
  width: 3px;
  height: 100%;
}

.uninav-bline > li.active:after, .uninav-bline li.open:after {
  top: auto;
  bottom: 0;
}

/* UNICARD
---------------------------------------------------- */
.unicard {
  border-radius: 2px;
  width: 100%;
  background: #fff;
}

.unicard-image {
  position: relative;
  overflow: hidden;
  display: block;
}
.unicard-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.4s;
}
.unicard-image img:hover {
  transform: scale(1.1) rotate(5deg);
}

.unicard-footer {
  padding: 25px;
}

.unicard-title, .unicard-subtitle {
  line-height: 1em;
  margin: 0;
  display: block;
  color: #474f56;
}
.unicard-title:hover, .unicard-subtitle:hover {
  color: #FF7A1C;
  text-decoration: none;
}
.unicard-title h3, .unicard-title h4, .unicard-title h5, .unicard-title small, .unicard-title span, .unicard-subtitle h3, .unicard-subtitle h4, .unicard-subtitle h5, .unicard-subtitle small, .unicard-subtitle span {
  line-height: 1em;
  margin: 0;
}
.unicard-title h5, .unicard-subtitle h5 {
  font-size: 1.2em;
}
.unicard-title small, .unicard-subtitle small {
  font-size: 0.9em;
}

.unicard-subtitle {
  color: #999da1;
  margin-top: 0.5em;
  display: inline-block;
  padding-right: 15px;
}
.unicard-footer > .unicard-subtitle:last-child {
  padding-right: 0px;
}


.unicard-style-1 {
  background: #fff;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}
.unicard-style-1 .unicard-header + .unicard-block, .unicard-style-1 .unicard-block + .unicard-footer {
  padding-top: 0;
}
.npolove {
    background: #edfcf9 url(../images/npolove.jpg) center bottom no-repeat;
    background-color: #edfcf9 !important;
    /*background-image: url(../images/charityphotos.png), url(../images/npolove.jpg);
    background-color: #edfcf9;
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;*/

}
/* SETUP
----------------------------------------- */
.site-wrapper {
  position: relative;
  right: 0;
}

@media (max-width: 991px) {
  .site-wrapper, .site-header, .site-nav {
    transition: all 0.4s;
  }
}
.cover-bg {
  background: url(../images/cover1.jpg) center/cover fixed;
}

.bg-overlay {
  background: rgba(51, 60, 68, 0.8);
}

.intro-block, .page-intro, .inverse-all {
  background: #333C44 url(../images/cover1.jpg) right top/cover no-repeat fixed;
  position: relative;
  /*
    &:after {
      content: "";
      display:block;
      position:fixed;
      top:0;
      right:0;
      padding-top:140%;
      width:30%;
      background:url(../images/glare.png) no-repeat right top/100% auto;
      z-index:0;
    }
    */
}
.intro-block > *, .page-intro > *, .inverse-all > * {
  position: relative;
  z-index: 1;
}

/* INTRO
----------------------------------------- */
.intro-block {
  height: 600px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .intro-block {
    font-size: 0.7em;
    height: 38em;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .intro-block {
    font-size: 0.5em;
  }
}

.intro-text {
  text-align: center;
  font-weight: 100;
  margin-top: 1em;
}
.intro-text h1, .intro-text h2 {
  line-height: 1em;
  margin: 0;
  font-weight: inherit;
}
.intro-text h1 {
  color: #fff;
  font-size: 6em;
}
.intro-text h2 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 2em;
  margin-top: 0.5em;
}
@media (max-width: 991px) {
  .intro-text {
    margin: 0;
  }
  .intro-text h1 {
    font-size: 5em;
  }
}

/* PAGE INTRO
----------------------------------------- */
.page-intro {
  padding: 150px 30px 100px 30px;
  font-weight: 100;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.page-intro h1 {
  font-weight: 100;
  color: #fff;
}
.page-intro p {
  font-size: 1.3em;
  margin: 0 auto;
  max-width: 30em;
}
@media (max-width: 991px) {
  .page-intro {
    font-size: 0.8em;
    padding: 100px 30px 60px 30px;
  }
}

/* Content
---------------------------------------------------- */
.content-block {
  position: relative;
  padding: 0 15px;
}
.content-block.no-pad {
  padding: 0;
}
.content-block .container-main {
  position: relative;
  padding: 100px 15px;
  z-index: 20;
}
.content-block.has-curve .container-main {
  padding-top: 0;
  margin-top: -35px;
}
.content-block-minimal-margin {
  padding-top: 20px !important;
}
@media (max-width: 991px) {
  .content-block.has-curve .container-main {
    margin-top: 0;
  }
}

.curve {
  position: relative;
  overflow: visible;
  z-index: 10;

  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}
.curve a {
  display: block;
}
.curve img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  left: 0;
  right: 0;
  position: relative;
}

.next-curve {
  display: flex;
  justify-content: center;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.next-curve img {
  display: block;
}
@media (max-width: 479px) {
  .next-curve img {
    max-height: 20px;
    width: auto;
  }
}

.curve-above {
  transform: translateY(-97%);
}

.curve-below {
  transform: translateY(100%);
}

.content-arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 33px;
  top: -33px;
  left: 0;
  background: url(../images/content-arrow.png) no-repeat center 0;
}

.section-title {
  font-weight: 100;
  font-size: 2.6em;
  margin-bottom: 1.5em;
}
.section-title small {
  display: block;
  margin-top: 1em;
  font-size: 0.8em;
  opacity: 0.6;
}
.content-description {
    text-align: center;
    margin: 0 auto 2em auto;
    max-width: 700px;
}
.panel-description {
    text-align: justify;
    margin: 0 auto 2em auto;
}
.content-title {
  text-align: center;
  margin: 0 auto 3em auto;
  font-weight: 100;
  max-width: 700px;
}
.content-title h3 {
  font-weight: 100;
  font-size: 2.6em;
  margin: 0;
}
.content-title small {
  font-size: 1.3em;
  display: block;
  margin-top: 0.5em;
  opacity: 0.6;
}
.content-title q {
  font-size: 1.5em;
  font-style: italic;
  margin-top: 0.5em;
  display: block;
}
.content-title .rating {
  margin-top: 0.5em;
  font-size: 1.5em;
}
@media (max-width: 991px) {
  .content-title {
    font-size: 0.8em;
  }
}
@media (max-width: 767px) {
  .content-title {
    font-size: 0.7em;
  }
}

/* Site Footer
---------------------------------------------------- */
.site-footer {
  font-size: 0.9em;
  padding: 6em 0;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}
.site-footer b {
  color: #fff;
  font-weight: normal;
}
.site-footer hr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 1em 0;
}
.site-footer h5 {
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 1em;
  text-shadow: 0 0 15px rgba(0, 188, 212, 0.5);
}
.site-footer h5 i {
  margin-right: 0.7em;
  font-size: 1.5em;
}
.site-footer .form-control, .site-footer .btn {
  height: 50px;
  margin: 12px 0;
}
.site-footer .form-control {
  border-color: rgba(255, 255, 255, 0.1);
  background: #fff;
  color: #5b6369;
}
.site-footer .form-control:focus {
  box-shadow: 0 0 10px 5px rgba(0, 188, 212, 0.2);
}
.site-footer textarea.form-control {
  height: auto;
}
.site-footer form {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .site-footer {
    text-align: center;
  }
  .site-footer h5 {
    justify-content: center;
  }
}

.site-footer-small {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 1.5em;
  margin-top: 2em;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.site-footer-small a {
  color: inherit;
}
.site-footer-small .icon-link {
  color: rgba(255, 255, 255, 0.8);
}
.site-footer-small .icon-link:hover {
  color: #fff;
}
.site-footer-small .icon-link + .icon-link {
  margin-left: 0.5em;
}
@media (max-width: 991px) {
  .site-footer-small {
    flex-direction: column;
    text-align: center;
  }
}

.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links a {
  color: inherit;
  display: block;
}
.footerimg {
    margin-top: -20px;
}
/* Circle Tabs
---------------------------------------------------- */
.circle-tabs {
  display: flex;
  justify-content: center;
  font-size: 0.9em;
}
.circle-tabs a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #999da1;
}
.circle-tabs span {
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  display: flex;
  height: 6em;
  width: 6em;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
}
.circle-tabs i {
  font-style: normal;
  font-size: 3em;
  font-weight: 100;
}
.circle-tabs a:hover span, .circle-tabs a.active span {
  background: #db7c48;
  color: #fff;
}
.circle-tabs a:hover small, .circle-tabs a.active small {
  color: #fff;
}
.circle-tabs small {
  display: none;
  margin-top: 0.5em;
  text-transform: uppercase;
  font-size: 0.8em;
}
.circle-tabs a + a {
  padding-left: 6em;
}
.circle-tabs a + a span {
  margin-left: -1px;
}
.circle-tabs a + a span:after {
  content: "";
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  width: 6em;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -6em;
}

@media (max-width: 991px) {
  .circle-tabs {
    font-size: 0.7em;
  }
}
@media (max-width: 767px) {
  .circle-tabs {
    font-size: 0.5em;
  }
}
.home-tabs {
  max-width: 900px;
  margin: 4em auto;
}
.home-tabs p {
  font-size: 1.3em;
}
.home-tabs h3 {
  font-weight: 300;
}
.home-tabs .btn {
  height: auto;
  line-height: 3em;
  padding: 0 3em;
  border-radius: 1.5em;
}
.home-tabs img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .home-tabs {
    font-size: 0.8em;
  }
}

.map-holder {
  width: 100%;
  padding-top: 40%;
  position: relative;
}
.map-holder:before, .map-holder iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.map-holder:before {
  content: attr(data-loading);
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}
.map-holder iframe, .map-holder object {
  z-index: 1;
}
@media (max-width: 479px) {
  .map-holder {
    padding-top: 80%;
  }
}

/* SITE HEADER
----------------------------------------- */
.site-header {
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
  z-index: 100;
}

@media (max-width: 991px) {
  .site-header {
    position: fixed;
  }

  .is-scrolling {
    background: #333C44;
  }
}
/* MOBILE HEADER
----------------------------------------- */
.mobile-header {
  width: 100%;
  display: flex;
  align-items: center;
  height: 80px;
  padding: 0 15px;
  transition: all 0.4s;
}
.mobile-header a {
  display: block;
  color: #fff;
}

.mobile-brand {
  flex: 1;
}
.mobile-brand img {
  max-height: 30px;
  width: auto;
}

.mobile-toggle {
  font-size: 20px;
}

@media (max-width: 991px) {
  .is-scrolling .mobile-header {
    height: 60px;
  }
}
/* SITE NAV
----------------------------------------- */
.site-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.site-nav > li {
  display: block;
}
.site-nav > li > a, div.header-languages {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.site-nav > li > a img {
  display: block;
  max-width: 100%;
  height: auto;
}
.site-nav > li.active > a, .site-nav > li:hover > a {
  color: #fff;
  text-decoration: none;
}
.site-nav > li.active > a {
  color: #db7c48;
}
.site-nav .caret {
  margin-left: 10px;
}

@media (min-width: 992px) {
  .site-nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9em;
  }
  .site-nav > li {
    min-width: 8em;
    text-align: center;
    position: relative;
  }
  .site-nav > li > a {
    padding: 1em 0;
  }
  .site-nav > li.nav-brand > a {
    padding: 0;
  }
  .site-nav > li.active > a {
    color: #db7c48;
  }
  .site-nav > li.active > a:after {
    content: "";
    height: 3px;
    width: 50%;
    background: #db7c48;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .site-nav > li {
    min-width: 10em;
  }
}
@media (max-width: 991px) {
  .site-nav {
    display: block;
    background: #2d363d;
    min-width: 300px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 100;
    padding: 3em 0;
    font-size: 1.5em;
  }
  .site-nav > li {
    text-align: center;
  }
  .site-nav > li > a {
    padding: 0.5em;
    font-weight: normal;
  }
  .site-nav .dropdown-menu {
    width: 100%;
    border: none;
    position: relative;
    text-align: center;
    border-radius: 0;
    font-size: 0.9em;
  }

  .nav-is-open .site-wrapper, .nav-is-open .site-header {
    right: 300px;
  }
  .nav-is-open .site-nav {
    right: 0;
  }
  div.header-languages img {
    width: 40px;
    height: 40px;
  }
}
/* ROWS
----------------------------------------- */
.row.spaced > * {
  padding: 15px;
}

@media (min-width: 992px) {
  .row.row-table {
    display: table;
    width: 100%;
    height: 100%;
  }
  .row.row-table > * {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none;
  }
  .row.row-table > *.v-mid {
    vertical-align: middle;
  }
}
/* COLUMNS
----------------------------------------- */
.cols-grid {
  width: 100%;
}
.cols-grid > * {
  box-sizing: border-box;
  display: block;
  float: left;
}

.cols-1 > * {
  width: 100%;
}

.cols-2 > * {
  width: 50%;
}

.cols-3 > * {
  width: 33.33333%;
}

.cols-4 > * {
  width: 25%;
}

.cols-5 > * {
  width: 20%;
}

.gutter-6.row, .gutter-6 {
  margin-right: -3px;
  margin-left: -3px;
}
.gutter-6.row > *, .gutter-6 > * {
  padding-right: 3px;
  padding-left: 3px;
}
.gutter-6.row.spaced > *, .gutter-6.spaced > * {
  padding: 3px;
}

.gutter-10.row, .gutter-10 {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10.row > *, .gutter-10 > * {
  padding-right: 5px;
  padding-left: 5px;
}
.gutter-10.row.spaced > *, .gutter-10.spaced > * {
  padding: 5px;
}

.gutter-20.row, .gutter-20 {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20.row > *, .gutter-20 > * {
  padding-right: 10px;
  padding-left: 10px;
}
.gutter-20.row.spaced > *, .gutter-20.spaced > * {
  padding: 10px;
}

.gutter-2.row, .gutter-2 {
  margin-right: -1px;
  margin-left: -1px;
}
.gutter-2.row > *, .gutter-2 > * {
  padding-right: 1px;
  padding-left: 1px;
}
.gutter-2.row.spaced > *, .gutter-2.spaced > * {
  padding: 1px;
}

@media (max-width: 767px) {
  .cols-1-\@xs > * {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .cols-1-\@sm-down > * {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cols-1-\@sm-up > * {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .cols-1-\@md-up > * {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cols-1-\@md > * {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-1-\@sm > * {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cols-3-\@xs > * {
    width: 33.33333%;
  }
}
@media (max-width: 991px) {
  .cols-3-\@sm-down > * {
    width: 33.33333%;
  }
}
@media (min-width: 768px) {
  .cols-3-\@sm-up > * {
    width: 33.33333%;
  }
}
@media (min-width: 992px) {
  .cols-3-\@md-up > * {
    width: 33.33333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cols-3-\@md > * {
    width: 33.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-3-\@sm > * {
    width: 33.33333%;
  }
}
@media (max-width: 767px) {
  .cols-2-\@xs > * {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .cols-2-\@sm-down > * {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .cols-2-\@sm-up > * {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .cols-2-\@md-up > * {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cols-2-\@md > * {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-2-\@sm > * {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .cols-5-\@xs > * {
    width: 20%;
  }
}
@media (max-width: 991px) {
  .cols-5-\@sm-down > * {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .cols-5-\@sm-up > * {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .cols-5-\@md-up > * {
    width: 20%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cols-5-\@md > * {
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-5-\@sm > * {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .cols-4-\@xs > * {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .cols-4-\@sm-down > * {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .cols-4-\@sm-up > * {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .cols-4-\@md-up > * {
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cols-4-\@md > * {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cols-4-\@sm > * {
    width: 25%;
  }
}
/* SCREEN 
----------------------------------------------*/
@media (max-width: 767px) {
  .hidden-\@xs {
    display: none !important;
  }

  .text-center-\@xs {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .hidden-\@sm-down {
    display: none !important;
  }

  .text-center-\@sm-down {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .hidden-\@md-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-\@xs-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .visible-\@sm-down {
    display: none !important;
  }
}
/* MARGINS
----------------------------------------- */
.mgb-0 {
  margin-bottom: 0px;
}

.mgb-10 {
  margin-bottom: 10px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.mgb-30 {
  margin-bottom: 30px;
}

.mgb-50 {
  margin-bottom: 50px;
}

.mgb-60 {
  margin-bottom: 60px;
}

.mgt-10 {
  margin-top: 10px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgt-30 {
  margin-top: 30px;
}

.mgt-50 {
  margin-top: 50px;
}

.mgt-60 {
  margin-top: 60px;
}

.mgx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* WIDTHS
----------------------------------------- */
.wpc-33 {
  width: 33%;
}

.wpc-50 {
  width: 50%;
}

.wpc-80 {
  width: 80%;
}

.wpc-100 {
  width: 100%;
}

.maxw-100 {
  max-width: 100%;
}

.maxw-800px {
  max-width: 800px;
}

.maxw-750px {
  max-width: 750px;
}

/* FLEX
----------------------------------------------*/
.dsp-flex {
  display: flex;
}

.flex-max {
  flex: 1;
}

.flex-right {
  margin-left: auto;
}

.flex-left {
  margin-right: auto;
}

.align-center, .flex-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

@media (max-width: 1199px) {
  .flex-max-\@md-down {
    flex: 1;
  }

  .flex-right-\@md-down {
    margin-left: auto;
  }

  .flex-left-\@md-down {
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .flex-max-\@sm-down {
    flex: 1;
  }

  .flex-right-\@sm-down {
    margin-left: auto;
  }

  .flex-left-\@sm-down {
    margin-right: auto;
  }
}
/* TYPE
----------------------------------------------*/
.fs-90 {
  font-size: 90%;
}

.fs-100 {
  font-size: 100%;
}

.fs-110 {
  font-size: 110%;
}

.fs-120 {
  font-size: 120%;
}

.fs-150 {
  font-size: 150%;
}

.fs-200 {
  font-size: 200%;
}

.fs-250 {
  font-size: 250%;
}

.fs-300 {
  font-size: 300%;
}

.fw-light {
  font-weight: light;
}

.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

.fw-lighter {
  font-weight: lighter;
}

.fw-bolder {
  font-weight: bolder;
}

.fw-500 {
  font-weight: 500;
}

.fw-300 {
  font-weight: 300;
}

.fw-100 {
  font-weight: 100;
}

.case-u {
  text-transform: uppercase;
}

.case-c {
  text-transform: capitalize;
}

.case-l {
  text-transform: lowercase;
}

.text-center {
  text-align: center;
}

.lh-120 {
  line-height: 1.2em;
}

.lh-130 {
  line-height: 1.3em;
}

/* ROTATE CLASSES
----------------------------------------------*/
.rot-icon {
  display: inline-block;
  transition: all 0.4s;
}

.rotz-45,
.active.rotz-45-when-active,
.active .rotz-45-when-par-active,
.open.rotz-45-when-open,
.open .rotz-45-when-par-open {
  transform: rotateZ(45deg);
}

.rotz-90,
.active.rotz-90-when-active,
.active .rotz-90-when-par-active,
.open.rotz-90-when-open,
.open .rotz-90-when-par-open {
  transform: rotateZ(90deg);
}

.rotz--90,
.active.rotz--90-when-active,
.active .rotz--90-when-par-active,
.open.rotz--90-when-open,
.open .rotz--90-when-par-open {
  transform: rotateZ(-90deg);
}

.rotz-180,
.active.rotz-180-when-active,
.active .rotz-180-when-par-active,
.open.rotz-180-when-open,
.open .rotz-180-when-par-open {
  transform: rotateZ(180deg);
}

.rotz-135,
.active.rotz-135-when-active,
.active .rotz-135-when-par-active,
.open.rotz-135-when-open,
.open .rotz-135-when-par-open {
  transform: rotateZ(135deg);
}

.rotz-270,
.active.rotz-270-when-active,
.active .rotz-270-when-par-active,
.open.rotz-270-when-open,
.open .rotz-270-when-par-open {
  transform: rotateZ(270deg);
}

/* MISC
----------------------------------------- */
.clear {
  clear: both !important;
  visibility: hidden;
  display: block;
  height: 0;
}

.clearfix, .cols-grid {
  zoom: 1;
}
.clearfix:before, .cols-grid:before, .clearfix:after, .cols-grid:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.clearfix:after, .cols-grid:after {
  clear: both;
}

.responsive {
  max-width: 100%;
  height: auto;
}

.fit-w {
  width: 100%;
  height: auto;
}

.disp-block {
  display: block;
}

.fit-img {
  display: block;
  width: 100%;
  height: auto;
    border-radius: 30px;
}

.shadow-card {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
}

.dsp-iblock {
  display: inline-block;
}

/* COLOR CLASSES
----------------------------------------------*/
.fg-base, .active.fg-active-base, .active .fg-parent-active-base, .fg-hov-base:hover, .fg-after-base:after, .fg-before-base:before, .uninav-base > li.active > a, .uninav-base > li:hover > a {
  color: #333C44;
}

.bg-base, .active.bg-active-base, .bg-hov-base:hover, .bg-after-base:after, .bg-before-base:before, .badge-base, .btn-base, .uninav-base > li.active:after {
  background-color: #333C44;
}

.bdc-base, .active.bdc-active-base, .bdc-hov-base:hover, .bdc-after-base:after, .bdc-before-base:before {
  border-color: #333C44;
}

.fg-base-d, .active.fg-active-base-d, .active .fg-parent-active-base-d, .fg-hov-base-d:hover, .fg-after-base-d:after, .fg-before-base-d:before, .uninav-base-d > li.active > a, .uninav-base-d > li:hover > a {
  color: #2d363d;
}

.bg-base-d, .active.bg-active-base-d, .bg-hov-base-d:hover, .bg-after-base-d:after, .bg-before-base-d:before, .badge-base-d, .btn-base-d, .uninav-base-d > li.active:after {
  background-color: #2d363d;
}

.bdc-base-d, .active.bdc-active-base-d, .bdc-hov-base-d:hover, .bdc-after-base-d:after, .bdc-before-base-d:before {
  border-color: #2d363d;
}

.fg-base-l, .active.fg-active-base-l, .active .fg-parent-active-base-l, .fg-hov-base-l:hover, .fg-after-base-l:after, .fg-before-base-l:before, .uninav-base-l > li.active > a, .uninav-base-l > li:hover > a {
  color: #e0e1e2;
}

.bg-base-l, .active.bg-active-base-l, .bg-hov-base-l:hover, .bg-after-base-l:after, .bg-before-base-l:before, .badge-base-l, .btn-base-l, .uninav-base-l > li.active:after {
  background-color: #e0e1e2;
}

.bdc-base-l, .active.bdc-active-base-l, .bdc-hov-base-l:hover, .bdc-after-base-l:after, .bdc-before-base-l:before {
  border-color: #e0e1e2;
}

.fg-base-xl, .active.fg-active-base-xl, .active .fg-parent-active-base-xl, .fg-hov-base-xl:hover, .fg-after-base-xl:after, .fg-before-base-xl:before, .uninav-base-xl > li.active > a, .uninav-base-xl > li:hover > a {
  color: #f4f5f5;
}

.bg-base-xl, .active.bg-active-base-xl, .bg-hov-base-xl:hover, .bg-after-base-xl:after, .bg-before-base-xl:before, .badge-base-xl, .btn-base-xl, .uninav-base-xl > li.active:after {
  background-color: #f4f5f5;
}

.bdc-base-xl, .active.bdc-active-base-xl, .bdc-hov-base-xl:hover, .bdc-after-base-xl:after, .bdc-before-base-xl:before {
  border-color: #f4f5f5;
}

.fg-base-2xl, .active.fg-active-base-2xl, .active .fg-parent-active-base-2xl, .fg-hov-base-2xl:hover, .fg-after-base-2xl:after, .fg-before-base-2xl:before, .uninav-base-2xl > li.active > a, .uninav-base-2xl > li:hover > a {
  color: #f8f9f9;
}

.bg-base-2xl, .active.bg-active-base-2xl, .bg-hov-base-2xl:hover, .bg-after-base-2xl:after, .bg-before-base-2xl:before, .badge-base-2xl, .btn-base-2xl, .uninav-base-2xl > li.active:after {
  background-color: #f8f9f9;
}

.bdc-base-2xl, .active.bdc-active-base-2xl, .bdc-hov-base-2xl:hover, .bdc-after-base-2xl:after, .bdc-before-base-2xl:before {
  border-color: #f8f9f9;
}

.fg-primary, .active.fg-active-primary, .active .fg-parent-active-primary, .fg-hov-primary:hover, .fg-after-primary:after, .fg-before-primary:before, .uninav-primary > li.active > a, .uninav-primary > li:hover > a {
  color: #FF7A1C;
}

.bg-primary, .active.bg-active-primary, .bg-hov-primary:hover, .bg-after-primary:after, .bg-before-primary:before, .badge-primary, .btn-primary, .uninav-primary > li.active:after {
  background-color: #FF7A1C;
}

.bdc-primary, .active.bdc-active-primary, .bdc-hov-primary:hover, .bdc-after-primary:after, .bdc-before-primary:before {
  border-color: #FF7A1C;
}

.fg-primary-l, .active.fg-active-primary-l, .active .fg-parent-active-primary-l, .fg-hov-primary-l:hover, .fg-after-primary-l:after, .fg-before-primary-l:before, .uninav-primary-l > li.active > a, .uninav-primary-l > li:hover > a {
  color: #ff984f;
}

.bg-primary-l, .active.bg-active-primary-l, .bg-hov-primary-l:hover, .bg-after-primary-l:after, .bg-before-primary-l:before, .badge-primary-l, .btn-primary-l, .uninav-primary-l > li.active:after {
  background-color: #ff984f;
}

.bdc-primary-l, .active.bdc-active-primary-l, .bdc-hov-primary-l:hover, .bdc-after-primary-l:after, .bdc-before-primary-l:before {
  border-color: #ff984f;
}

.fg-primary-d, .active.fg-active-primary-d, .active .fg-parent-active-primary-d, .fg-hov-primary-d:hover, .fg-after-primary-d:after, .fg-before-primary-d:before, .uninav-primary-d > li.active > a, .uninav-primary-d > li:hover > a {
  color: #e86000;
}

.bg-primary-d, .active.bg-active-primary-d, .bg-hov-primary-d:hover, .bg-after-primary-d:after, .bg-before-primary-d:before, .badge-primary-d, .btn-primary-d, .uninav-primary-d > li.active:after {
  background-color: #e86000;
}

.bdc-primary-d, .active.bdc-active-primary-d, .bdc-hov-primary-d:hover, .bdc-after-primary-d:after, .bdc-before-primary-d:before {
  border-color: #e86000;
}

.fg-accent, .active.fg-active-accent, .active .fg-parent-active-accent, .fg-hov-accent:hover, .fg-after-accent:after, .fg-before-accent:before, .uninav-accent > li.active > a, .uninav-accent > li:hover > a {
  color: #db7c48;
}

.bg-accent, .active.bg-active-accent, .bg-hov-accent:hover, .bg-after-accent:after, .bg-before-accent:before, .badge-accent, .btn-accent, .uninav-accent > li.active:after {
  background-color: #db7c48;
}

.bdc-accent, .active.bdc-active-accent, .bdc-hov-accent:hover, .bdc-after-accent:after, .bdc-before-accent:before {
  border-color: #db7c48;
}

.fg-black, .active.fg-active-black, .active .fg-parent-active-black, .fg-hov-black:hover, .fg-after-black:after, .fg-before-black:before, .uninav-black > li.active > a, .uninav-black > li:hover > a {
  color: #000;
}

.bg-black, .active.bg-active-black, .bg-hov-black:hover, .bg-after-black:after, .bg-before-black:before, .badge-black, .btn-black, .uninav-black > li.active:after {
  background-color: #000;
}

.bdc-black, .active.bdc-active-black, .bdc-hov-black:hover, .bdc-after-black:after, .bdc-before-black:before {
  border-color: #000;
}

.fg-white, .active.fg-active-white, .active .fg-parent-active-white, .fg-hov-white:hover, .fg-after-white:after, .fg-before-white:before, .uninav-white > li.active > a, .uninav-white > li:hover > a {
  color: #fff;
}

.bg-white, .active.bg-active-white, .bg-hov-white:hover, .bg-after-white:after, .bg-before-white:before, .badge-white, .btn-white, .uninav-white > li.active:after {
  background-color: #fff;
}

.bdc-white, .active.bdc-active-white, .bdc-hov-white:hover, .bdc-after-white:after, .bdc-before-white:before {
  border-color: #fff;
}

.fg-red, .active.fg-active-red, .active .fg-parent-active-red, .fg-hov-red:hover, .fg-after-red:after, .fg-before-red:before, .uninav-red > li.active > a, .uninav-red > li:hover > a {
  color: #f44336;
}

.bg-red, .active.bg-active-red, .bg-hov-red:hover, .bg-after-red:after, .bg-before-red:before, .badge-red, .btn-red, .uninav-red > li.active:after {
  background-color: #f44336;
}

.bdc-red, .active.bdc-active-red, .bdc-hov-red:hover, .bdc-after-red:after, .bdc-before-red:before {
  border-color: #f44336;
}

.fg-orange, .active.fg-active-orange, .active .fg-parent-active-orange, .fg-hov-orange:hover, .fg-after-orange:after, .fg-before-orange:before, .uninav-orange > li.active > a, .uninav-orange > li:hover > a {
  color: #ff9800;
}

.bg-orange, .active.bg-active-orange, .bg-hov-orange:hover, .bg-after-orange:after, .bg-before-orange:before, .badge-orange, .btn-orange, .uninav-orange > li.active:after {
  background-color: #ff9800;
}

.bdc-orange, .active.bdc-active-orange, .bdc-hov-orange:hover, .bdc-after-orange:after, .bdc-before-orange:before {
  border-color: #ff9800;
}

.fg-amber, .active.fg-active-amber, .active .fg-parent-active-amber, .fg-hov-amber:hover, .fg-after-amber:after, .fg-before-amber:before, .uninav-amber > li.active > a, .uninav-amber > li:hover > a {
  color: #ffc107;
}

.bg-amber, .active.bg-active-amber, .bg-hov-amber:hover, .bg-after-amber:after, .bg-before-amber:before, .badge-amber, .btn-amber, .uninav-amber > li.active:after {
  background-color: #ffc107;
}

.bdc-amber, .active.bdc-active-amber, .bdc-hov-amber:hover, .bdc-after-amber:after, .bdc-before-amber:before {
  border-color: #ffc107;
}

.fg-gold, .active.fg-active-gold, .active .fg-parent-active-gold, .fg-hov-gold:hover, .fg-after-gold:after, .fg-before-gold:before, .uninav-gold > li.active > a, .uninav-gold > li:hover > a {
  color: #E6AF2A;
}

.bg-gold, .active.bg-active-gold, .bg-hov-gold:hover, .bg-after-gold:after, .bg-before-gold:before, .badge-gold, .btn-gold, .uninav-gold > li.active:after {
  background-color: #E6AF2A;
}

.bdc-gold, .active.bdc-active-gold, .bdc-hov-gold:hover, .bdc-after-gold:after, .bdc-before-gold:before {
  border-color: #E6AF2A;
}

.fg-cyan, .active.fg-active-cyan, .active .fg-parent-active-cyan, .fg-hov-cyan:hover, .fg-after-cyan:after, .fg-before-cyan:before, .uninav-cyan > li.active > a, .uninav-cyan > li:hover > a {
  color: #00bcd4;
}

.bg-cyan, .active.bg-active-cyan, .bg-hov-cyan:hover, .bg-after-cyan:after, .bg-before-cyan:before, .badge-cyan, .btn-cyan, .uninav-cyan > li.active:after {
  background-color: #00bcd4;
}

.bdc-cyan, .active.bdc-active-cyan, .bdc-hov-cyan:hover, .bdc-after-cyan:after, .bdc-before-cyan:before {
  border-color: #00bcd4;
}

.fg-green, .active.fg-active-green, .active .fg-parent-active-green, .fg-hov-green:hover, .fg-after-green:after, .fg-before-green:before, .uninav-green > li.active > a, .uninav-green > li:hover > a {
  color: #4caf50;
}

.bg-green, .active.bg-active-green, .bg-hov-green:hover, .bg-after-green:after, .bg-before-green:before, .badge-green, .btn-green, .uninav-green > li.active:after {
  background-color: #4caf50;
}

.bdc-green, .active.bdc-active-green, .bdc-hov-green:hover, .bdc-after-green:after, .bdc-before-green:before {
  border-color: #4caf50;
}

.fg-blue, .active.fg-active-blue, .active .fg-parent-active-blue, .fg-hov-blue:hover, .fg-after-blue:after, .fg-before-blue:before, .uninav-blue > li.active > a, .uninav-blue > li:hover > a {
  color: #2196f3;
}

.bg-blue, .active.bg-active-blue, .bg-hov-blue:hover, .bg-after-blue:after, .bg-before-blue:before, .badge-blue, .btn-blue, .uninav-blue > li.active:after {
  background-color: #2196f3;
}

.bdc-blue, .active.bdc-active-blue, .bdc-hov-blue:hover, .bdc-after-blue:after, .bdc-before-blue:before {
  border-color: #2196f3;
}

.fg-danger, .active.fg-active-danger, .active .fg-parent-active-danger, .fg-hov-danger:hover, .fg-after-danger:after, .fg-before-danger:before, .uninav-danger > li.active > a, .uninav-danger > li:hover > a {
  color: #d9534f;
}

.bg-danger, .active.bg-active-danger, .bg-hov-danger:hover, .bg-after-danger:after, .bg-before-danger:before, .badge-danger, .btn-danger, .uninav-danger > li.active:after {
  background-color: #d9534f;
}

.bdc-danger, .active.bdc-active-danger, .bdc-hov-danger:hover, .bdc-after-danger:after, .bdc-before-danger:before {
  border-color: #d9534f;
}

.fg-warning, .active.fg-active-warning, .active .fg-parent-active-warning, .fg-hov-warning:hover, .fg-after-warning:after, .fg-before-warning:before, .uninav-warning > li.active > a, .uninav-warning > li:hover > a {
  color: #f0ad4e;
}

.bg-warning, .active.bg-active-warning, .bg-hov-warning:hover, .bg-after-warning:after, .bg-before-warning:before, .badge-warning, .btn-warning, .uninav-warning > li.active:after {
  background-color: #f0ad4e;
}

.bdc-warning, .active.bdc-active-warning, .bdc-hov-warning:hover, .bdc-after-warning:after, .bdc-before-warning:before {
  border-color: #f0ad4e;
}

.fg-success, .active.fg-active-success, .active .fg-parent-active-success, .fg-hov-success:hover, .fg-after-success:after, .fg-before-success:before, .uninav-success > li.active > a, .uninav-success > li:hover > a {
  color: #5cb85c;
}

.bg-success, .active.bg-active-success, .bg-hov-success:hover, .bg-after-success:after, .bg-before-success:before, .badge-success, .btn-success, .uninav-success > li.active:after {
  background-color: #5cb85c;
}

.bdc-success, .active.bdc-active-success, .bdc-hov-success:hover, .bdc-after-success:after, .bdc-before-success:before {
  border-color: #5cb85c;
}

.fg-info, .active.fg-active-info, .active .fg-parent-active-info, .fg-hov-info:hover, .fg-after-info:after, .fg-before-info:before, .uninav-info > li.active > a, .uninav-info > li:hover > a {
  color: #5bc0de;
}

.bg-info, .active.bg-active-info, .bg-hov-info:hover, .bg-after-info:after, .bg-before-info:before, .badge-info, .btn-info, .uninav-info > li.active:after {
  background-color: #5bc0de;
}

.bdc-info, .active.bdc-active-info, .bdc-hov-info:hover, .bdc-after-info:after, .bdc-before-info:before {
  border-color: #5bc0de;
}

.fg-black-10pc, .active.fg-active-black-10pc, .active .fg-parent-active-black-10pc, .fg-hov-black-10pc:hover, .fg-after-black-10pc:after, .fg-before-black-10pc:before, .uninav-black-10pc > li.active > a, .uninav-black-10pc > li:hover > a {
  color: rgba(0, 0, 0, 0.1);
}

.bg-black-10pc, .active.bg-active-black-10pc, .bg-hov-black-10pc:hover, .bg-after-black-10pc:after, .bg-before-black-10pc:before, .badge-black-10pc, .btn-black-10pc, .uninav-black-10pc > li.active:after {
  background-color: rgba(0, 0, 0, 0.1);
}

.bdc-black-10pc, .active.bdc-active-black-10pc, .bdc-hov-black-10pc:hover, .bdc-after-black-10pc:after, .bdc-before-black-10pc:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.fg-white-10pc, .active.fg-active-white-10pc, .active .fg-parent-active-white-10pc, .fg-hov-white-10pc:hover, .fg-after-white-10pc:after, .fg-before-white-10pc:before, .uninav-white-10pc > li.active > a, .uninav-white-10pc > li:hover > a {
  color: rgba(255, 255, 255, 0.1);
}

.bg-white-10pc, .active.bg-active-white-10pc, .bg-hov-white-10pc:hover, .bg-after-white-10pc:after, .bg-before-white-10pc:before, .badge-white-10pc, .btn-white-10pc, .uninav-white-10pc > li.active:after {
  background-color: rgba(255, 255, 255, 0.1);
}

.bdc-white-10pc, .active.bdc-active-white-10pc, .bdc-hov-white-10pc:hover, .bdc-after-white-10pc:after, .bdc-before-white-10pc:before {
  border-color: rgba(255, 255, 255, 0.1);
}

.fg-facebook, .active.fg-active-facebook, .active .fg-parent-active-facebook, .fg-hov-facebook:hover, .fg-after-facebook:after, .fg-before-facebook:before, .uninav-facebook > li.active > a, .uninav-facebook > li:hover > a {
  color: #3B5999;
}

.bg-facebook, .active.bg-active-facebook, .bg-hov-facebook:hover, .bg-after-facebook:after, .bg-before-facebook:before, .badge-facebook, .btn-facebook, .uninav-facebook > li.active:after {
  background-color: #3B5999;
}

.bdc-facebook, .active.bdc-active-facebook, .bdc-hov-facebook:hover, .bdc-after-facebook:after, .bdc-before-facebook:before {
  border-color: #3B5999;
}

.fg-twitter, .active.fg-active-twitter, .active .fg-parent-active-twitter, .fg-hov-twitter:hover, .fg-after-twitter:after, .fg-before-twitter:before, .uninav-twitter > li.active > a, .uninav-twitter > li:hover > a {
  color: #00ACEE;
}

.bg-twitter, .active.bg-active-twitter, .bg-hov-twitter:hover, .bg-after-twitter:after, .bg-before-twitter:before, .badge-twitter, .btn-twitter, .uninav-twitter > li.active:after {
  background-color: #00ACEE;
}

.bdc-twitter, .active.bdc-active-twitter, .bdc-hov-twitter:hover, .bdc-after-twitter:after, .bdc-before-twitter:before {
  border-color: #00ACEE;
}

.fg-instagram, .active.fg-active-instagram, .active .fg-parent-active-instagram, .fg-hov-instagram:hover, .fg-after-instagram:after, .fg-before-instagram:before, .uninav-instagram > li.active > a, .uninav-instagram > li:hover > a {
  color: #3E729A;
}

.bg-instagram, .active.bg-active-instagram, .bg-hov-instagram:hover, .bg-after-instagram:after, .bg-before-instagram:before, .badge-instagram, .btn-instagram, .uninav-instagram > li.active:after {
  background-color: #3E729A;
}

.bdc-instagram, .active.bdc-active-instagram, .bdc-hov-instagram:hover, .bdc-after-instagram:after, .bdc-before-instagram:before {
  border-color: #3E729A;
}

.fg-youtube, .active.fg-active-youtube, .active .fg-parent-active-youtube, .fg-hov-youtube:hover, .fg-after-youtube:after, .fg-before-youtube:before, .uninav-youtube > li.active > a, .uninav-youtube > li:hover > a {
  color: #CC332D;
}

.bg-youtube, .active.bg-active-youtube, .bg-hov-youtube:hover, .bg-after-youtube:after, .bg-before-youtube:before, .badge-youtube, .btn-youtube, .uninav-youtube > li.active:after {
  background-color: #CC332D;
}

.bdc-youtube, .active.bdc-active-youtube, .bdc-hov-youtube:hover, .bdc-after-youtube:after, .bdc-before-youtube:before {
  border-color: #CC332D;
}

.fg-rss, .active.fg-active-rss, .active .fg-parent-active-rss, .fg-hov-rss:hover, .fg-after-rss:after, .fg-before-rss:before, .uninav-rss > li.active > a, .uninav-rss > li:hover > a {
  color: #FF8201;
}

.bg-rss, .active.bg-active-rss, .bg-hov-rss:hover, .bg-after-rss:after, .bg-before-rss:before, .badge-rss, .btn-rss, .uninav-rss > li.active:after {
  background-color: #FF8201;
}

.bdc-rss, .active.bdc-active-rss, .bdc-hov-rss:hover, .bdc-after-rss:after, .bdc-before-rss:before {
  border-color: #FF8201;
}

.fg-email, .active.fg-active-email, .active .fg-parent-active-email, .fg-hov-email:hover, .fg-after-email:after, .fg-before-email:before, .uninav-email > li.active > a, .uninav-email > li:hover > a {
  color: #4caf50;
}

.bg-email, .active.bg-active-email, .bg-hov-email:hover, .bg-after-email:after, .bg-before-email:before, .badge-email, .btn-email, .uninav-email > li.active:after {
  background-color: #4caf50;
}

.bdc-email, .active.bdc-active-email, .bdc-hov-email:hover, .bdc-after-email:after, .bdc-before-email:before {
  border-color: #4caf50;
}

.fg-text, .fg-hov-text:hover, .fg-after-text:after, .fg-before-text:before {
  color: #5b6369;
}

.fg-text-d, .fg-hov-text-d:hover, .fg-after-text-d:after, .fg-before-text-d:before {
  color: #474f56;
}

.fg-text-l, .fg-hov-text-l:hover, .fg-after-text-l:after, .fg-before-text-l:before {
  color: #999da1;
}

.fg-text-mute, .fg-hov-text-mute:hover, .fg-after-text-mute:after, .fg-before-text-mute:before {
  color: #bfbfbf;
}

.fg-title, .fg-hov-title:hover, .fg-after-title:after, .fg-before-title:before {
  color: #474f56;
}

.fg-link, .fg-hov-link:hover, .fg-after-link:after, .fg-before-link:before {
  color: #00bcd4;
}

.fg-link-active, .fg-hov-link-active:hover, .fg-after-link-active:after, .fg-before-link-active:before {
  color: #0097a7;
}

.bdc-none {
  border-color: transparent;
}
#projectitems {
     display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

#projectitems [class*="col-"] {
    display: flex;
    flex-direction: column;
}
.t-center {
    text-align: center;
}
div#language-suggestion {
    /*position: absolute;*/
    font-weight: bold;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #333C44;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}
div#language-suggestion a {
  color: #fff;
}