/** 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: 20px;
  line-height: 20px; }
  .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: #0956b5;
  border-color: #0956b5; }

.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: #fff;
  border: none; }

.icon-darker-filled {
  background: #126F36; }

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

.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, #0956b5 0%, #84c450 100%);
  background: -webkit-linear-gradient(45deg, #0956b5 0%, #84c450 100%);
  background: -o-linear-gradient(45deg, #0956b5 0%, #84c450 100%);
  background: -ms-linear-gradient(45deg, #0956b5 0%, #84c450 100%);
  background: linear-gradient(45deg, #0956b5 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, #126f36 0%, #f5bf2f 100%);
  background: -webkit-linear-gradient(45deg, #126f36 0%, #f5bf2f 100%);
  background: -o-linear-gradient(45deg, #126f36 0%, #f5bf2f 100%);
  background: -ms-linear-gradient(45deg, #126f36 0%, #f5bf2f 100%);
  background: linear-gradient(45deg, #126f36 0%, #f5bf2f 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: #fff;
  background: #0956b5; }

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; }
  
  
  .ui-to-top {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 15px;
  bottom: 15px;
  overflow: hidden;
  z-index: 10 !important;
  -webkit-transform: translateY(100px);
  transform: translateY(100px); }
  .ui-to-top:focus {
    color: #fff; }
  .ui-to-top:hover {
    color: #fff;
    background: #0956b5; }
  .ui-to-top.active {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }

.mobile .ui-to-top,
.tablet .ui-to-top {
  display: none !important; }

@media (min-width: 480px) {
  .ui-to-top {
    right: 40px;
    bottom: 40px; } 
}