@charset "utf-8";
/* CSS Document */

/** 2.24 Icons */
.icon {
  position: relative;
  display: inline-block;
  font-weight: 400;
  font-size: 54px;
  line-height: 56px;
  font-style: normal; }
  .icon:before {
    display: inline-block;
    position: relative; }

a.icon {
  transition: .3s; }

.icon-rect,
.icon-circle,
.icon-rounded,
.icon-outlined {
  width: 70px;
  height: 70px;
  font-size: 32px;
  line-height: 70px;
  text-align: center;
  border: 2px solid; }

.icon-circle {
  border-radius: 50%; }

.icon-rounded {
  border-radius: 5px; }

.icon-outlined {
  position: relative; }
  .icon-outlined, .icon-outlined:after {
    border-radius: 50%; }
  .icon-outlined:after {
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    content: '';
    border: 2px solid #f5f5f5; }

.icon-xxs {
  font-size: 24px;
  line-height: 24px; }
  .icon-xxs.icon-rect, .icon-xxs.icon-rounded, .icon-xxs.icon-circle, .icon-xxs.icon-outlined {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px; }

.icon-xs {
  font-size: 32px;
  line-height: 32px; }
  .icon-xs.icon-rect, .icon-xs.icon-rounded, .icon-xs.icon-circle, .icon-xs.icon-outlined {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 21px; }

.icon-sm {
  font-size: 42px;
  line-height: 42px; }
  .icon-sm.icon-rect, .icon-sm.icon-rounded, .icon-sm.icon-circle, .icon-sm.icon-outlined {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 26px; }

.icon-lg {
  font-size: 72px;
  line-height: 72px; }
  .icon-lg.icon-rect, .icon-lg.icon-rounded, .icon-lg.icon-circle, .icon-lg.icon-outlined {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 36px; }

.icon-xlg {
  font-size: 96px;
  line-height: 96px; }
  .icon-xlg.icon-rect, .icon-xlg.icon-rounded, .icon-xlg.icon-circle, .icon-xlg.icon-outlined {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 48px; }

.icon-default {
  color: #434345;
  border-color: #d9d9d9; }

.icon-darker {
  color: #434345;
  border-color: #434345; }

.icon-primary {
  color: #42b574;
  border-color: #42b574; }

.icon-deluge {
  color: #8668ad;
  border-color: #8668ad; }

.icon-picton-blue {
  color: #55bbeb;
  border-color: #55bbeb; }

.icon-success {
  color: #abcc37;
  border-color: #abcc37; }

.icon-warning {
  color: #f5bf2f;
  border-color: #f5bf2f; }

.icon-danger {
  color: #f54b0f;
  border-color: #f54b0f; }

.icon-info {
  color: #79ccf2;
  border-color: #79ccf2; }

.icon-darker-filled, .icon-darkest-filled, .icon-shark-filled, .icon-mantis-filled, .icon-pink-filled, .icon-malibu-filled, .icon-carrot-filled, .icon-red-filled, .icon-blue-gray-filled {
  color: #000000;
  border: none; }

.icon-darker-filled {
  background: #fafafa; }

.icon-darkest-filled {
  background: #fff; }

.icon-shark-filled {
  background: -moz-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -webkit-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -o-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: -ms-linear-gradient(45deg, #191919 0%, #434345 100%);
  background: linear-gradient(45deg, #191919 0%, #434345 100%); }

.icon-mantis-filled {
  background: -moz-linear-gradient(45deg, #42b574 0%, #84c450 100%);
  background: -webkit-linear-gradient(45deg, #42b574 0%, #84c450 100%);
  background: -o-linear-gradient(45deg, #42b574 0%, #84c450 100%);
  background: -ms-linear-gradient(45deg, #42b574 0%, #84c450 100%);
  background: linear-gradient(45deg, #42b574 0%, #84c450 100%); }

.icon-pink-filled {
  background: -moz-linear-gradient(45deg, #8668ad 0%, #695999 100%);
  background: -webkit-linear-gradient(45deg, #8668ad 0%, #695999 100%);
  background: -o-linear-gradient(45deg, #8668ad 0%, #695999 100%);
  background: -ms-linear-gradient(45deg, #8668ad 0%, #695999 100%);
  background: linear-gradient(45deg, #8668ad 0%, #695999 100%); }

.icon-malibu-filled {
  background: -moz-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%);
  background: -webkit-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%);
  background: -o-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%);
  background: -ms-linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%);
  background: linear-gradient(45deg, #55bbeb 0%, #79ccf2 100%); }

.icon-carrot-filled {
  background: -moz-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%);
  background: -webkit-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%);
  background: -o-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%);
  background: -ms-linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%);
  background: linear-gradient(45deg, #f5bf2f 0%, #F3A43D 100%); }

.icon-red-filled {
  background: -moz-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%);
  background: -webkit-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%);
  background: -o-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%);
  background: -ms-linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%);
  background: linear-gradient(45deg, #f54b0f 0%, #e50a0a 100%); }

.icon-blue-gray-filled {
  background: -moz-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
  background: -webkit-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
  background: -o-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
  background: -ms-linear-gradient(45deg, #8668ad 0%, #55bbeb 100%);
  background: linear-gradient(45deg, #8668ad 0%, #55bbeb 100%); }

.icon.icon-xs.mdi-monitor {
  font-size: 28px; }

.icon.icon-sm.mdi-monitor {
  font-size: 36px; }

.icon.icon-sm.mdi-code-brackets, .icon.icon-sm.mdi-clock, .icon.icon-sm.mdi-vector-arrange-below {
  font-size: 45px; }

.icon-rect.mdi-vector-arrange-below, .icon-rect.mdi-share-variant, .icon-rect.mdi-magnify, .icon-rect.mdi-monitor,
.icon-circle.mdi-vector-arrange-below,
.icon-circle.mdi-share-variant,
.icon-circle.mdi-magnify,
.icon-circle.mdi-monitor,
.icon-rounded.mdi-vector-arrange-below,
.icon-rounded.mdi-share-variant,
.icon-rounded.mdi-magnify,
.icon-rounded.mdi-monitor,
.icon-outlined.mdi-vector-arrange-below,
.icon-outlined.mdi-share-variant,
.icon-outlined.mdi-magnify,
.icon-outlined.mdi-monitor {
  font-size: 36px; }

.icon-rect.mdi-brush,
.icon-circle.mdi-brush,
.icon-rounded.mdi-brush,
.icon-outlined.mdi-brush {
  font-size: 38px; }

.icon-rect.mdi-cube-outline, .icon-rect.mdi-palette,
.icon-circle.mdi-cube-outline,
.icon-circle.mdi-palette,
.icon-rounded.mdi-cube-outline,
.icon-rounded.mdi-palette,
.icon-outlined.mdi-cube-outline,
.icon-outlined.mdi-palette {
  font-size: 40px; }

.icon-rect.mdi-format-bold, .icon-rect.mdi-spellcheck, .icon-rect.mdi-rocket, .icon-rect.mdi-xml,
.icon-circle.mdi-format-bold,
.icon-circle.mdi-spellcheck,
.icon-circle.mdi-rocket,
.icon-circle.mdi-xml,
.icon-rounded.mdi-format-bold,
.icon-rounded.mdi-spellcheck,
.icon-rounded.mdi-rocket,
.icon-rounded.mdi-xml,
.icon-outlined.mdi-format-bold,
.icon-outlined.mdi-spellcheck,
.icon-outlined.mdi-rocket,
.icon-outlined.mdi-xml {
  font-size: 42px; }

a.icon-rect.fa-facebook:hover, a.icon-circle.fa-facebook:hover, a.icon-outlined.fa-facebook:hover, a.icon-rounded.fa-facebook:hover {
  color: #f8f202;
  background: #000000; }
  
a.icon-rect.fa-instagram:hover, a.icon-circle.fa-instagram:hover, a.icon-outlined.fa-instagram:hover, a.icon-rounded.fa-instagram:hover {
  color: #fff;
  background: #f209ea; }
  
a.icon-rect.fa-twitter:hover, a.icon-circle.fa-twitter:hover, a.icon-outlined.fa-twitter:hover, a.icon-rounded.fa-twitter:hover {
  color: #fff;
  background: #28d4f9; }

a.icon-rect.fa-google-plus:hover, a.icon-circle.fa-google-plus:hover, a.icon-outlined.fa-google-plus:hover, a.icon-rounded.fa-google-plus:hover {
  color: #fff;
  background: #f96a23; }

a.icon-rect.fa-linkedin:hover, a.icon-circle.fa-linkedin:hover, a.icon-outlined.fa-linkedin:hover, a.icon-rounded.fa-linkedin:hover {
  color: #fff;
  background: #0E7EB5; }

a.icon-rect.fa-500px:hover, a.icon-circle.fa-500px:hover, a.icon-outlined.fa-500px:hover, a.icon-rounded.fa-500px:hover {
  color: #fff;
  background: #bebebe; }

a.icon-rect.fa-behance:hover, a.icon-circle.fa-behance:hover, a.icon-outlined.fa-behance:hover, a.icon-rounded.fa-behance:hover {
  background: #64aae1;
  color: #fff; }

.fontawesome-icon-list {
  text-align: left; }
  .fontawesome-icon-list .icon-list-item {
    padding: 15px 0 15px 20px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .fontawesome-icon-list .icon-list-item i {
      padding-right: 15px;
      font-size: 22px;
      line-height: 22px;
      float: left; }
    .fontawesome-icon-list .icon-list-item:hover {
      background: #42b574;
      color: #fff;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
      .fontawesome-icon-list .icon-list-item:hover i {
        -webkit-transform: scale(1.5);
        transform: scale(1.5); }