a[href^="#"] {  cursor: default;}a:focus,a:hover,.navbar-toggler:focus,.navbar-toggler:hover {  outline: none;}::-moz-selection {  background-color: #323a45;  color: #fff;  text-shadow: none;}::selection {  background-color: #323a45;  color: #fff;  text-shadow: none;}img::-moz-selection {  background-color: transparent;  color: #fff;}img::selection {  background-color: transparent;  color: #fff;}html {  font-size: 16px;}body {  font-family: "Fira Sans", sans-serif;  position: relative;}h1,h2,h3,h4,h5,h6,th {  font-family: "Droid Serif", serif;}.navbar-brand-custom {  font-family: "Marck Script", cursive;  font-size: 2rem;  cursor: pointer;}.navbar-small .navbar-brand {  font-size: 1.5rem;}.sr .anim-first-seq,.sr .anim-second,.sr .anim-third-seq,.sr .anim-fourth-seq {  visibility: hidden;}.intro {  min-height: 100vh;}.projects {  min-height: 100vh;}section {  padding-bottom: 3rem;  padding-top: 3rem;}@media (min-width: 768px) {  section {    padding-bottom: 10rem;    padding-top: 10rem;  }.heroEffects .arrow {  height: 220px;}}@media (orientation:portrait) {.heroEffects .arrow {  height: 220px;}}@media only screen and (max-device-width: 640px) {.heroEffects .arrow {  height: 220px;}}    @media only screen and (max-device-width: 768px) {.heroEffects .arrow {  height: 220px;}}@media only screen and (hover: none) and (pointer: coarse){.heroEffects .arrow {  height: 220px;}}.footer-top {  border-top: 0.3125rem solid #F505AE;  padding-bottom: 2rem;  padding-top: 2rem;}.footer-bottom p {  margin-bottom: 0;}.link-primary {  color: #F505AE;}.link-primary:hover {  color: rgba(245, 5, 174, 0.75);  text-decoration: none;}.link-image:hover {  opacity: 0.7;}a,.navbar-custom,.navbar-toggler-custom {  transition: all 0.15s ease-in-out;}hr {  border-color: #F505AE;  border-width: 0.15rem;  max-width: 12rem;}hr.light {  border-color: #fff;}.form-control-custom {  box-shadow: inset 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075);}.form-control-custom:focus {  border-color: #6bebd1;  box-shadow: inset 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075), 0 0 0 0.1875rem rgba(245, 5, 174, 0.25);}.btn-custom {z-index: 5;}.btn-custom:focus, .btn-custom.focus {  box-shadow: 0 0 0 0.1875rem rgba(245, 5, 174, 0.25);}.btn-custom:active, .btn-custom.active {  box-shadow: 0 0 0 0.1875rem rgba(245, 5, 174, 0.25), inset 0 0.1875rem 0.3125rem rgba(17, 17, 17, 0.125);}.btn-primary-custom {  background-color: #F505AE;  border-color: #F505AE;  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.15), 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075);  color: #fff;}.btn-primary-custom:hover {  background-color: #159a80;  border-color: #148f77;  color: #fff;}.btn-primary-custom:focus, .btn-primary-custom.focus {  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.15), 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075), 0 0 0 0.1875rem rgba(245, 5, 174, 0.5);}.btn-primary-custom.disabled, .btn-primary-custom:disabled {  background-color: #F505AE;  border-color: #F505AE;}.btn-primary-custom:not([disabled]):not(.disabled):active, .btn-primary-custom:not([disabled]):not(.disabled).active, .show > .btn-primary-custom.dropdown-toggle {  background-color: #159a80;  border-color: #148f77;  box-shadow: inset 0 0.1875rem 0.3125rem rgba(17, 17, 17, 0.125);}.btn-secondary-custom {  background-color: #626b74;  border-color: #626b74;  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.15), 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075);  color: #fff;}.btn-secondary-custom:hover {  background-color: #50585f;  border-color: #4b5258;  color: #fff;}.btn-secondary-custom:focus, .btn-secondary-custom.focus {  box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.15), 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.075), 0 0 0 0.1875rem rgba(98, 107, 116, 0.5);}.btn-secondary-custom.disabled, .btn-secondary-custom:disabled {  background-color: #626b74;  border-color: #626b74;}.btn-secondary-custom:not([disabled]):not(.disabled):active, .btn-secondary-custom:not([disabled]):not(.disabled).active, .show > .btn-secondary-custom.dropdown-toggle {  background-color: #50585f;  border-color: #4b5258;  box-shadow: inset 0 0.1875rem 0.3125rem rgba(17, 17, 17, 0.125);}.btn-outline-primary-custom {  border-color: #F505AE;  color: #F505AE;}.btn-outline-primary-custom:hover {  background-color: #F505AE;  border-color: #F505AE;}.btn-outline-primary-custom:focus, .btn-outline-primary-custom.focus {  box-shadow: 0 0 0 0.1875rem rgba(245, 5, 174, 0.5);}.btn-outline-primary-custom.disabled, .btn-outline-primary-custom:disabled {  color: #F505AE;}.btn-outline-primary-custom:not([disabled]):not(.disabled):active, .btn-outline-primary-custom:not([disabled]):not(.disabled).active, .show > .btn-outline-primary-custom.dropdown-toggle {  background-color: #F505AE;  border-color: #F505AE;  box-shadow: 0 0 0 0.1875rem rgba(245, 5, 174, 0.5);}.btn-outline-secondary-custom {  border-color: #626b74;  color: #626b74;}.btn-outline-secondary-custom:hover {  background-color: #626b74;  border-color: #626b74;}.btn-outline-secondary-custom:focus, .btn-outline-secondary-custom.focus {  box-shadow: 0 0 0 0.1875rem rgba(98, 107, 116, 0.5);}.btn-outline-secondary-custom.disabled, .btn-outline-secondary-custom:disabled {  color: #626b74;}.btn-outline-secondary-custom:not([disabled]):not(.disabled):active, .btn-outline-secondary-custom:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary-custom.dropdown-toggle {  background-color: #626b74;  border-color: #626b74;  box-shadow: 0 0 0 0.1875rem rgba(98, 107, 116, 0.5);}.btn-xl {  border-radius: 10rem;  border-width: 0.2rem;  font-size: 1.5rem;  padding: 0.75rem 1.25rem;}.navbar-small {  padding-bottom: 0;  padding-top: 0;  text-shadow: none;}.navbar-dark-custom .navbar-brand {  color: #fff;}.navbar-dark-custom .navbar-brand:focus, .navbar-dark-custom .navbar-brand:hover {  color: #F505AE;}.navbar-dark-custom .navbar-nav .nav-link {  color: #fff;  cursor: pointer;}.navbar-dark-custom .navbar-nav .nav-link:focus, .navbar-dark-custom .navbar-nav .nav-link:hover {  color: rgba(245, 5, 174, 0.75);}.navbar-dark-custom .navbar-nav .show > .nav-link,.navbar-dark-custom .navbar-nav .active > .nav-link,.navbar-dark-custom .navbar-nav .nav-link.show,.navbar-dark-custom .navbar-nav .nav-link.active {  color: #F505AE;}.navbar-dark-custom .navbar-toggler {  color: #fff;  border-color: rgba(255, 255, 255, 0.5);}.navbar-dark-custom .navbar-toggler:focus, .navbar-dark-custom .navbar-toggler:hover {  color: rgba(245, 5, 174, 0.75);  border-color: rgba(245, 5, 174, 0.5);}.navbar-dark-custom .navbar-text {  color: #fff;}.bg-primary-custom {  background-color: #F505AE;}a.bg-primary-custom:focus, a.bg-primary-custom:hover {  background-color: #148f77;}.text-primary-custom {  color: #F505AE;}a.text-primary-custom:focus, a.text-primary-custom:hover {  color: #148f77;}.bg-secondary-custom {  background-color: #323a45;}a.bg-secondary-custom:focus, a.bg-secondary-custom:hover {  background-color: #1d2127;}.text-secondary-custom {  color: #323a45;}a.text-secondary-custom:focus, a.text-secondary-custom:hover {  color: #1d2127;}.bg-light-custom {  background-color: #626b74;}a.bg-light-custom:focus, a.bg-light-custom:hover {  background-color: #4b5258;}.text-light-custom {  color: #626b74;}a.text-light-custom:focus, a.text-light-custom:hover {  color: #4b5258;}.bg-dark-custom {  background-color: #23282f;}a.bg-dark-custom:focus, a.bg-dark-custom:hover {  background-color: #0d0f12;}.text-dark-custom {  color: #23282f;}a.text-dark-custom:focus, a.text-dark-custom:hover {  color: #0d0f12;}.bg-white-custom {  background-color: #fff;}a.bg-white-custom:focus, a.bg-white-custom:hover {  background-color: #e6e6e6;}.text-white-custom {  color: #fff;}a.text-white-custom:focus, a.text-white-custom:hover {  color: #e6e6e6;}.bg-black-custom {  background-color: #111;}a.bg-black-custom:focus, a.bg-black-custom:hover {  background-color: black;}.text-black-custom {  color: #111;}a.text-black-custom:focus, a.text-black-custom:hover {  color: black;}.text-shadow {  text-shadow: 0.1rem 0.1rem 0 rgba(17, 17, 17, 0.6);}.heroEffects {  height: 100vh;  position: relative;  z-index: -1;  top: 0;  left: 0;}.heroEffects .bg {  height: 100vh;  position: fixed;  width: 100%;  background-image: url("https://zb-site.de/load-img/design/codebg.png");  background-repeat: no-repeat;  background-size: cover;  background-position: center center;  transform: scale(1);}.heroEffects .shade {  opacity: 0;  background: rgba(0, 0, 0, 0.8);  z-index: 3;  height: 100vh;  position: fixed;  width: 100%;}.heroEffects .title {  width: 100%;}.heroEffects .title .text {  z-index: 1;  width: 100%;  text-align: center;  color: White;  padding: 4em;  background: rgba(0, 0, 0, 0.6);}.heroEffects .arrow {  position: fixed;  left: 46%;  margin-left: -20px;  bottom: 0;  width: 100px;  height: 100px;  opacity: 1;  z-index:2;}.centerV {  display: table;  height: 100%;}.centerV > div {  display: table-cell;  vertical-align: middle;}.bouncy {  -webkit-animation: Weeeeeeeeeee 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);          animation: Weeeeeeeeeee 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);}@-webkit-keyframes Weeeeeeeeeee {  0% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  11% {    transform: translate(0, -25px) scaleX(0.8);    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);  }  20% {    transform: translate(0, 0px) scaleY(0.8);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  28% {    transform: translate(0, -10px);    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);  }  36% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  100% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }}@keyframes Weeeeeeeeeee {  0% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  11% {    transform: translate(0, -25px) scaleX(0.8);    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);  }  20% {    transform: translate(0, 0px) scaleY(0.8);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  28% {    transform: translate(0, -10px);    -webkit-animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);            animation-timing-function: cubic-bezier(0.57, 0.01, 0.84, 0.5);  }  36% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }  100% {    transform: translate(0, 0px);    -webkit-animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);            animation-timing-function: cubic-bezier(0.19, 0.28, 0.27, 1);  }}.righttop {  position: fixed;  top: 68px;  right: 0;  position: fixed;  background: url(https://zb-site.de/load-img/design/cat.png)    right 80% no-repeat;  background-size: 10%;  background-attachment: fixed;  width: 100%;  height: 100%;  z-index: -1;  opacity: 0;  -webkit-animation: righttop-move-in 1.2s 1s forwards;          animation: righttop-move-in 1.2s 1s forwards;}@-webkit-keyframes righttop-move-in {  from {    opacity: 0;    background-position: right 150%;  }  to {    opacity: 1;    background-position: top right;  }}@keyframes righttop-move-in {  from {    opacity: 0;    background-position: right 150%;  }  to {    opacity: 1;    background-position: top right;  }}.forest {  position: absolute;  bottom: -300px;  left: 0;  background: url(https://zb-site.de/load-img/design/forest.svg)    bottom left repeat-x;  background-size: cover;  width: 100%;  height: 80%;  opacity: 1;  -webkit-animation: forest-move-in 1000ms 500ms forwards;          animation: forest-move-in 1000ms 500ms forwards;  border-bottom: 300px solid #F505AE;}@-webkit-keyframes forest-move-in {  from {    background-position-y: 150%;  }  to {    opacity: 1;    background-position-y: 100%;  }}@keyframes forest-move-in {  from {    background-position-y: 150%;  }  to {    opacity: 1;    background-position-y: 100%;  }}.section-lead {  font-size: 1.6rem;  text-align: center;  color: inherit;  padding-bottom: 1.5rem;}.service a {  color: #5b7abb;  display: block;}.service h4 {  font-family: 'Montserrat', sans-serif;  font-weight: 600;  color: #56ceba;  font-size: 1.3rem;  margin: 1rem 0 0.6rem;}.services-grid {  display: -webkit-box;  display: flex;  -webkit-box-align: center;  align-items: center;}.service {  background: #fff;  margin: 20px;  padding: 20px;  border-radius: 4px;  text-align: center;  -webkit-box-flex: 1;  flex: 1;  display: -webkit-box;  display: flex;  flex-wrap: wrap;  border: 2px solid #e7e7e7;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease;}.service:hover {  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);}.service i {  font-size: 3.45rem;  margin: 1rem 0;}.service i.cta {  font-size: 0.8rem;  margin: 0rem 0;}.about-grid {  display: -webkit-box;  display: flex;  -webkit-box-align: center;  align-items: center;  width: 80%;  margin-left: 10%;}.about {  background: #fff;  border-radius: 4px;  text-align: center;  -webkit-box-flex: 1;  flex: 1;  display: -webkit-box;  display: flex;  flex-wrap: wrap;  border: 2px solid #e7e7e7;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease;  text-align: center;}.about-content {margin: 5px;}.about-lead {  font-size: 1.6rem;  text-align: center;  width: 100%;  color: inherit;}.service1 i,.service1 h4,.service1 .cta {  color: #F505AE;}.service1:hover {  border: 2px solid #F505AE;}.service2 i,.service2 h4,.service2 .cta {  color: #F505AE;}.service2:hover {  border: 2px solid #F505AE;}.service3 i,.service3 h4,.service3 .cta {  color: #F505AE;}.service3:hover {  border: 2px solid #F505AE;}.service .cta span {  font-size: 0.6rem;}.service > * {  flex: 1 1 100%;}.service .cta {  align-self: flex-end;}@media all and (max-width:900px) {  .services-grid {    display: -webkit-box;    display: flex;    -webkit-box-orient: vertical;    -webkit-box-direction: normal;    flex-direction: column;  }}.project-image {  width: 100%;  transform: scale(1.2);  filter: saturate(0);  transition: all 300ms;}.project-image:hover, .project-image:active, .project-image:focus {  filter: saturate(1);  transform: scale(1.05);}.project-buttons {  display: flex;  justify-content: space-between;}.project-buttons a {  width: 49%;  padding: 0.5rem;  border: none;  border-bottom: 1px solid #F505AE;  color: #252934;  background: #fafafa;  font-size: 1.2rem;  text-align: center;}.project-buttons a:hover {  background: #F505AE;  color: #fafafa;}.project-buttons i {  font-size: 0.8rem;  vertical-align: middle;  margin-left: 0.5rem;}label input[type="checkbox"] ~ i.fa.fa-square-o{    color: #c8c8c8;    display: inline;}label input[type="checkbox"] ~ i.fa.fa-check-square-o{    display: none;}label input[type="checkbox"]:checked ~ i.fa.fa-square-o{    display: none;}label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{    color: #F505AE;    display: inline;}label:hover input[type="checkbox"] ~ i.fa {color: #F505AE;}div[data-toggle="buttons"] label.active{    color: #F505AE;}.hidecbox {display:none;}#projects .project-details .buttons i.cbox {font-size: 20px;}div[data-toggle="buttons"] label {display: inline-block;margin-bottom: 0;font-size: 15px;font-weight: normal;line-height: 0em;text-align: left;white-space: nowrap;vertical-align: top;cursor: pointer;background-color: none;border: 0px solid #c8c8c8;border-radius: 3px;color: #c8c8c8;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}div[data-toggle="buttons"] label:hover {color: #F505AE;}div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {-webkit-box-shadow: none;box-shadow: none;}.bb-alert.label.label-important {    font-size: 1.2em;    margin-bottom: 0;    padding: 1em 1.3em;    position: fixed;    top: 5%;}.bb-info.label.label-important {    font-size: 1.2em;    margin-bottom: 0;    padding: 1em 1.3em;    position: fixed;    top: 5%;}.overlayx {  background: rgba(0, 0, 0, 0.75);  opacity: 0;  visibility: hidden;  overflow: auto;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all 0.4s ease 0.0s;  z-index: 7000;}.modalx {  background: white;  margin: 100px auto;  padding: 20px 40px;  width: 80%;  height: 70vh;  font-size: 18px;  position: relative;  visibility: hidden;  opacity: 0;  transition: all 0.1s ease;  -webkit-transform: scale(1.1);          transform: scale(1.1);  z-index: 7500;}.overlayx.show {  opacity: 1;  visibility: visible;  transition-delay: 0;}.overlayx.show .modalx {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);  transition-delay: 0.4s;}.mdltext{  display: flex;  flex-direction: row;  justify-content: center;  height: 60%;}.scmdltxt {  height: 100%;  overflow-y: auto;  display: inline-block;  padding-right: 17px;}.image-frame{  margin: 10px;}.noscroll {    position:fixed;    overflow:hidden;}.overlayx .modalx .buttons {  display: flex;  margin-top: 1rem;}.modalx .title {  text-align: center;  font-size: 2.4rem;  line-height: 2.4rem;}.modalx .separator {  background: #F505AE;  width: 150px;  height: 2px;  margin: 1rem 0;  padding: 0;  text-align: center;  clear:both;}.overlayx .modalx .buttons a,.overlayx .modalx .buttons a:visited {  width: 100%;  padding: 1rem;  border: 1px solid #000000;  color: #000000;  text-align: center;  text-transform: uppercase;  font-size: 1rem;}.overlayx .modalx .buttons a:hover,.overlayx .modalx .buttons a:active {  border: 1px solid #F505AE;  color: #F505AE;  transform: translateY(-2px);  box-shadow: 0 10px 100px -20px #F505AE;}.overlayx .modalx .buttons a.cta,.overlayx .modalx .buttons a.cta:visited {  background: #F505AE;  border: 1px solid transparent;  color: #000000;  font-weight: bold;}.overlayx .modalx .buttons a.cta:hover,.overlayx .modalx .buttons a.cta:active {  background: transparent;  border: 1px solid #F505AE;  color: #F505AE;}.overlayx .modalx .buttons a:first-child {  margin-right: 1rem;}.button {transition: 0.3s;}.title,.subtitle {font-family: Montserrat, sans-serif;font-weight: normal;}.animated {transition-duration: 0.3s/2;}.questionBox {background: #fafafa;position: relative;display: flex;border-radius: 0.5rem;overflow: hidden;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}header {padding: 1.5rem;text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.progressContainer {width: 80%;margin: 0 auto;}.progressContainer > progress {float:left;border-radius: 5rem;overflow: hidden;border: none;color: #F505AE;}.progressContainer > progress::-moz-progress-bar {background: #F505AE;}.progressContainer > progress::-webkit-progress-value {background: #F505AE;}.progressContainer > p {float:right;margin: -5px;}.titleContainer {text-align: center;margin: 0 auto;padding: 1.5rem;}.quizForm {display: block;white-space: normal;height: 100%;width: 100%;}.quizFormContainer {height: 100%;margin: 15px 18px;}.quizFormContainer .field-label {text-align: left;margin-bottom: 0.5rem;}.quizCompleted {width: 100%;padding: 1rem;text-align: center;}.quizCompleted > .icon {color: #ff5252;font-size: 5rem;}.icon.is-active {color: #00e676;}.questionContainer {white-space: normal;height: 100%;width: 100%;}.optionContainer {margin-top: 12px;flex-grow: 1;}.option {border-radius: 100px;padding: 9px 18px;margin: 0 18px;margin-bottom: 12px;transition: 0.3s;cursor: pointer;background-color: rgba(0, 0, 0, 0.05);color: rgba(0, 0, 0, 0.85);border: transparent 1px solid;}.option.is-selected {border-color: rgba(245, 5, 174, 0.8);}.option:hover {background-color: rgba(0, 0, 0, 0.1);}.option:active {transform: scaleX(0.9);}.questionFooter {border-top: 1px solid rgba(0, 0, 0, 0.1);width: 100%;align-self: flex-end;}.pagination {//padding: 10px 15px;margin: 15px 25px;}.pagination {display: flex;justify-content: space-between;}.inqbutton {padding: 0.5rem 1rem;border: 1px solid rgba(0, 0, 0, 0.25);border-radius: 5rem;margin: 0 0.25rem;transition: 0.3s;}.inqbutton:hover {cursor: pointer;background: #eceff1;border-color: rgba(0, 0, 0, 0.25);}.inqbutton.is-active {border-color: rgba(245, 5, 174, 0.8);}.is-active:hover {background: darken(#F505AE, 10%);}.is-active.is-disabled {cursor: not-allowed;}@media screen and (min-width: 769px) {.questionBox {align-items: center;justify-content: center;}.questionContainer {display: flex;flex-direction: column;}}@media screen and (max-width: 768px) {.sidebar {height: auto !important;border-radius: 6px 6px 0px 0px;}}.blcaptcher {  position: absolute;  left: 0;  top: 0;}.sliderContainer {  position: relative;  text-align: center;  width: 310px;  height: 40px;  line-height: 40px;  margin-top: 15px;  background: #f7f9fa;  color: #45494c;  border: 1px solid #e4e7eb;}.sliderContainer_active .slider {  height: 38px;  top: -1px;  border: 1px solid #1991FA;}.sliderContainer_active .sliderMask {  height: 38px;  border-width: 1px;}.sliderContainer_success .slider {  height: 38px;  top: -1px;  border: 1px solid #52CCBA;  background-color: #52CCBA !important;}.sliderContainer_success .sliderMask {  height: 38px;  border: 1px solid #52CCBA;  background-color: #D2F4EF;}.sliderContainer_success .sliderIcon {  background-position: 0 0 !important;}.sliderContainer_fail .slider {  height: 38px;  top: -1px;  border: 1px solid #f57a7a;  background-color: #f57a7a !important;}.sliderContainer_fail .sliderMask {  height: 38px;  border: 1px solid #f57a7a;  background-color: #fce1e1;}.sliderContainer_fail .sliderIcon {  top: 14px;  background-position: 0 -82px !important;}.sliderContainer_active .sliderText, .sliderContainer_success .sliderText, .sliderContainer_fail .sliderText {  display: none;}.sliderMask {  position: absolute;  left: 0;  top: 0;  height: 40px;  border: 0 solid #1991FA;  background: #D1E9FE;}.slider {  position: absolute;  top: 0;  left: 0;  width: 40px;  height: 40px;  background: #fff;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);  cursor: pointer;  transition: background .2s linear;}.slider:hover {  background: #1991FA;}.slider:hover .sliderIcon {  background-position: 0 -13px;}.sliderIcon {  position: absolute;  top: 15px;  left: 13px;  width: 14px;  height: 12px;  background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -26px;  background-size: 34px 471px;}.refreshIcon {  position: absolute;  right: 0;  top: 0;  width: 34px;  height: 34px;  cursor: pointer;  background: url(http://cstaticdun.126.net//2.6.3/images/icon_light.f13cff3.png) 0 -437px;  background-size: 34px 471px;}.captchcont {  width: 310px;  margin: 10px auto;}input {  display: block;  width: 290px;  line-height: 40px;  margin: 10px 0;  padding: 0 10px;  outline: none;  border:1px solid #c8cccf;  border-radius: 4px;  color:#6a6f77;}#msg {  width: 100%;  line-height: 40px;  font-size: 14px;  text-align: center;}.cookie-consent {  font-family: 'Source Sans Pro', sans-serif;  z-index: 99;  position: fixed;  max-width: 22rem;  left: 6.5rem;  bottom: 25px;  .cookie-button {    transition: all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);    transform: scale(0) rotate(-200deg);    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);    background-size: cover;    background-color: #ddaa65;    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6Izg0M308L3N0eWxlPjwvZGVmcz48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIzMCIgZmlsbD0iI2RkYWE2NSIgR29vZ2w9InRydWUiLz48Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMTUuNSIgY3k9IjIxLjUiIHI9IjMuNSIvPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSIzNC41IiBjeT0iMTIuNSIgcj0iMy41Ii8+PGNpcmNsZSBjbGFzcz0iYiIgY3g9IjIwLjUiIGN5PSI0NS41IiByPSIzLjUiLz48Y2lyY2xlIGNsYXNzPSJiIiBjeD0iMzcuNSIgY3k9IjUzLjUiIHI9IjMuNSIvPjxjaXJjbGUgY2xhc3M9ImIiIGN4PSI0OC41IiBjeT0iMzguNSIgcj0iMy41Ii8+PGNpcmNsZSBjbGFzcz0iYiIgY3g9IjM0IiBjeT0iMzMiIHI9IjYiLz48L3N2Zz4=");    border-radius: 50%;    position: fixed;    bottom: 25px;    left: 25px;    height: 60px;    width: 60px;  }  .cookie-popin {    &::before {      height: 2.4rem;      width: 1.4rem;      left: 0;      bottom: 0.7rem;    }    z-index:99;    position: relative;    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);    border-radius: 0.5rem;    background: #fff;    padding: 1rem 1.75rem;    transform: scale(0);    transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);    .ctitle {      font-weight: 900;      font-size: 1rem;      color: #333;    }    .cdescription {      font-size: 0.8rem;      margin-bottom: 0.9rem;      color: #999;      a {        color: #52bab3;      }    }    .user-choice {      .auth-button {        user-select: none;        text-align: center;        text-transform: uppercase;        background-color: #F505AE;        color: #fff;        padding: 0.4rem 1rem;        border-radius: 0.2rem;        display: inline-block;        cursor: pointer;        box-shadow: 0 0.18rem 0.3rem 0.05rem rgba(0, 0, 0, 0.2);        font-size: 0.7rem;        &-light {          background-color: #fff;          color: #292e49;        }      }    }  }  &.-deploy {    .cookie-button {      transform: scale(1) rotate(0);    }    .cookie-popin {      transform: scale(1);    }  }}