<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
/* mdl - popup */
.dark-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.3);*/
  z-index: 5;
  -webkit-transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
  transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
}

.fab {
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
  position: fixed;
  right: calc(0% + 10px);
  top: calc(0% + 75px);
  color: #fff;
  background: #fff;
  height: 56px;
  width: 56px;
  box-shadow: 0 5px 5px rgba(126, 111, 111, 0.39);
  -webkit-transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
  transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
}
.fab:hover{
    transform: scale(1.2);
    background: #f07b00;
    transition: all 600ms;
}

.fab2 {
  z-index: 5;
  cursor: pointer;
  position: fixed;
  right: calc(0% + 20px);
  top: calc(0% + 145px);
  height: 0px;
  width: 0px;
  box-shadow: 0 5px 5px rgba(126, 111, 111, 0.39);
  -webkit-transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
  transition: all 600ms cubic-bezier(0.200, 0.965, 0.000, 1.005);
}

.fab.active {
  cursor: default;
  background: unset;
  border-radius: .125em;
  width: 300px;
  height: 0px;
  box-shadow: 0 25px 35px 0 rgba(0, 0, 0, 0.35);
  top: 15%;
  right: calc(50% - 150px);
}

.fab-icon {
  position: absolute;
  display: block;
  top: 50%;
  left: 36%;
  -webkit-transform: translate(-12px, -12px);
  -ms-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: black;
text-transform: uppercase;
    font-weight: bold;
}


.active .fab-icon {
  display: none;
}

.active .protect {
  background: none;
}

.cntt-wrapper {
  display: none;
}

.active .cntt-wrapper {
  display: block;
}

#fab-hdr {
  position: absolute;
  width: 100%;
  background: #d35400;
}

#fab-hdr h3 {
  padding-left: 30px;
}

.cntt {
  padding: 100px 35px 0 35px;
  color: #757575;
}

.btn-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 8px;
  padding: 6px 16px;
}

/* just presenation */
.center{margin: 0 auto}
.m-t-100{margin-top:100px}
.box {
  height: 300px;
  padding: 100px;
}
@media (min-width: 1160px) and (max-width: 2500px) {
    .fab2{top: calc(0% + 145px);}
}
@media (min-width: 992px) and (max-width: 1159px) {
    .fab2{top: calc(0% + 175px);}
}
@media (min-width: 768px) and (max-width: 991px) {
    .fab{top: calc(0% + 120px);}
}
@media (max-width: 767px) {
    .fab{top: calc(0% + 75px);}
}</pre></body></html>