/** 2.24 Icons */
.icon {
/*  position: relative;*/
  display: inline-block;
  font-weight: 400;
  font-size: 36px;
  line-height: 42px;
  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: 44px;
  line-height: 70px;
  text-align: center;
  border: 2px solid transparent;
}

.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 #e5e5e5;
}

.icon-xxs {
  font-size: 18px;
  line-height: 18px;
}

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

.icon-xs {
  font-size: 22px;
  line-height: 22px;
}

.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: 56px;
  line-height: 56px;
}

.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-md {
  font-size: 60px;
  line-height: 60px;
}

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

.icon-lg {
  font-size: 80px;
  line-height: 80px;
}

.icon-lg.icon-rect, .icon-lg.icon-rounded, .icon-lg.icon-circle, .icon-lg.icon-outlined {
  width: 120px;
  height: 120px;
  line-height: 120px;
  font-size: 56px;
}

.icon-contact-sm {
  font-size: 36px;
  line-height: 36px;
}

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

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

.icon-primary {
  color: #ef800d;
  border-color: #ef800d;
}

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

.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-primary-filled, .icon-darker-filled, .icon-darkest-filled {
  color: #fff;
  border: none;
}

.icon-primary-filled {
  background: #ef800d;
}

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

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

.icon-gray-light-filled {
  border: none;
  color: #888888;
  background: #e5e5e5;
}

.icon-fill-madison {
  fill: #749c07;
}

.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;
}

.icon-rect.icon-lg.mdi-school,
.icon-circle.icon-lg.mdi-school,
.icon-rounded.icon-lg.mdi-school,
.icon-outlined.icon-lg.mdi-school {
  font-size: 60px;
}

.icon-rect.icon-lg.mdi-domain,
.icon-circle.icon-lg.mdi-domain,
.icon-rounded.icon-lg.mdi-domain,
.icon-outlined.icon-lg.mdi-domain {
  font-size: 54px;
}

.icon-rect {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-rect:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.icon-list .unit-body {
  width: 100%;
  text-align: left;
}

.icon-list .icon {
  color: #749c07;
  font-size: 30px;
  line-height: 30px;
}

.icon-list .unit {
  padding: 10px;
  border-radius: 3px;
}

.icon-list .unit:hover {
  background: #ef800d;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
}

.icon-list .unit:hover .icon {
  color: #fff;
}

.icon-list .unit:hover p {
  color: #fff;
}

.page a.icon.fa-facebook:hover {
  background: #395b98;
  color: #fff;
}

.page a.icon.fa-twitter:hover {
  background: #2ca7e0;
  color: #fff;
}

.page a.icon.fa-google:hover {
  background: #d95139;
  color: #fff;
}

.page a.icon.fa-instagram:hover {
  background-image: -webkit-linear-gradient(-45deg, #ffdc80, #e1306c 50%, #405de6);
  background-image: -o-linear-gradient(-45deg, #ffdc80, #e1306c 50%, #405de6);
  background-image: linear-gradient(-45deg, #ffdc80, #e1306c 50%, #405de6);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFDC80', endColorstr='#FF405DE6', GradientType=1);
  color: #fff;
}