/* Center the loader */
#loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #E0DAD1;
  border-radius: 50%;
  border-top: 16px solid #73C4DD;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

.w3-pincolor {color:#fff !important; background-color:#185266 !important}
.w3-pinorangecolor {color:#fff !important; background-color:#FF722C !important}

.linjeknapp{
	float: right;
	margin-right: 10px;
}

.pinlogocontainer{
    display: flex;
    justify-content: center;
}
.pinavst{
  height:100px;
}

.step-indicator {
  width: 90%;
  height: 70px;
  margin: 20px auto;
  font-family: 'Rubik', sans-serif;
  font-weight: 400; }
  .step-indicator .steps {
    counter-reset: step;
    padding: 0; }
  .step-indicator .steps li {
    list-style-type: none;
    width: 22%;
    float: left;
    font-size: 11px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #666666; }
  .step-indicator .steps li a {
    padding-top: 4rem; }
  .step-indicator .steps li:before {
    width: 40px;
    height: 40px;
    content: counter(step);
    counter-increment: step;
    line-height: 32px;
    border: 4px solid #CECECE;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
    font-size: 21px; }
  .step-indicator .steps li:after {
    width: 100%;
    height: 4px;
    content: '';
    position: absolute;
    background-color: #CECECE;
    top: 18px;
    left: -50%;
    z-index: -1; }
  .step-indicator .steps li:first-child:after {
    content: none; }
  .step-indicator .steps li.complete {
    color: #146C84; }
  .step-indicator .steps li.complete:before {
    border-color: #146C84;
    content: "\2713"; }
  .step-indicator .steps li.complete + li:after {
    background-color: #146C84; }
  .step-indicator .steps li.active {
    color: #146C84; }
  .step-indicator .steps li.active:before {
    border-color: #146C84;
    box-shadow: 0 0 0 0.2rem rgba(115, 196, 221, 0.25); 
}

.pinlogo {
  height: 103px;
  width: 300px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzkxLjQ5IDQ3OS43MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxODUyNjY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTUyNS41NCwxNTBjLTUyLjMsMC05NC44NCw0Mi41NS05NC44NCw5NC44NHY4NC44N2gxOS45NXYtODQuODdjMC00MS4yOSwzMy42LTc0Ljg5LDc0Ljg5LTc0Ljg5czc0Ljg5LDMzLjYsNzQuODksNzQuODl2ODQuODdoMTkuOTV2LTg0Ljg3YzAtNTIuMy00Mi41NC05NC44NC05NC44NC05NC44NFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NDcuNSwxNTBjLTUyLjMsMC05NC44NCw0Mi41NS05NC44NCw5NC44NHM0Mi41NCw5NC44NCw5NC44NCw5NC44NCw5NC44NC00Mi41NSw5NC44NC05NC44NC00Mi41NS05NC44NC05NC44NC05NC44NFptMCwxNjkuNzNjLTQxLjI5LDAtNzQuODktMzMuNi03NC44OS03NC44OXMzMy42LTc0Ljg5LDc0Ljg5LTc0Ljg5LDc0Ljg5LDMzLjYsNzQuODksNzQuODktMzMuNiw3NC44OS03NC44OSw3NC44OVoiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjM3MS4wNyIgeT0iMTU5Ljk4IiB3aWR0aD0iMTkuOTUiIGhlaWdodD0iMTY5LjczIi8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzNzEuMTgiIHk9Ijk1LjM3IiB3aWR0aD0iMTkuNzIiIGhlaWdodD0iNDQuNjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTQ2LjY1LDE1MGMtNTIuMywwLTk0Ljg0LDQyLjU1LTk0Ljg0LDk0Ljg0czQyLjU1LDk0Ljg0LDk0Ljg0LDk0Ljg0YzEwLjgzLDAsMjEuMzUtMS44MSwzMS40LTUuMzR2LTIxLjQ4Yy05Ljg3LDQuNTYtMjAuNDMsNi44OC0zMS40LDYuODgtNDEuMywwLTc0Ljg5LTMzLjYtNzQuODktNzQuODlzMzMuNi03NC44OSw3NC44OS03NC44OSw3NC44OSwzMy42LDc0Ljg5LDc0Ljg5djg0Ljg3aDE5Ljk1di04NC44N2MwLTUyLjMtNDIuNTQtOTQuODQtOTQuODQtOTQuODRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTIzMS43Nyw5Mi44MWMtMTMuNTgsMC0yNC42NCwxMS4xNy0yNC42NCwyNC44OXMxMS4wNiwyNC44OSwyNC42NCwyNC44OSwyNC42NC0xMS4xNywyNC42NC0yNC44OS0xMS4wNS0yNC44OS0yNC42NC0yNC44OVptMCw0NC42NWMtMTAuNzYsMC0xOS41MS04Ljg2LTE5LjUxLTE5Ljc2czguNzUtMTkuNzYsMTkuNTEtMTkuNzYsMTkuNTEsOC44NiwxOS41MSwxOS43Ni04Ljc1LDE5Ljc2LTE5LjUxLDE5Ljc2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyNDEuNjIsMTEyLjQxYzAtNC44Ni0zLjQ0LTguNjItOC44My04LjYyaC0xMC44M3YyOC4wMmg1LjQzdi0xMC43OWgyLjgxbDUuNDMsMTAuNzloNi4wMmwtNS45NC0xMS40NmMzLjYzLTEuMDcsNS45LTQuMDMsNS45LTcuOTRabS05Ljg1LDMuOTFoLTQuMzh2LTcuNzloNC4zOGMyLjc0LDAsNC4zNCwxLjU0LDQuMzQsMy45MXMtMS42LDMuODctNC4zNCwzLjg3WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI5NDcuMDggMzExLjY3IDg3My45NCAxNTkuOTggODQ4LjcgMTU5Ljk4IDk0Ny4wOCAzNDkuODUgMTA0NS40NiAxNTkuOTggMTAyMC4yMSAxNTkuOTggOTQ3LjA4IDMxMS42NyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI4MC40OCwxNTkuOTRjLTQ2LjgyLTIzLjI5LTEwMy44Ni00LjE1LTEyNy4xNiw0Mi42N2wtMzcuOCw3NS45OC02MC4zNiwxMjEuMzMsMTcuODYsOC44OSw2MC4zNi0xMjEuMzMsMzcuOC03NS45OGMxOC4zOS0zNi45Nyw2My40NC01Mi4wOSwxMDAuNDEtMzMuNjksMzYuOTcsMTguMzksNTIuMDksNjMuNDQsMzMuNywxMDAuNDEtMTguMzksMzYuOTctNjMuNDQsNTIuMDktMTAwLjQxLDMzLjY5LTkuODItNC44OS0xOC4yNS0xMS42Ni0yNS4wNS0yMC4xNWwtOS41NywxOS4yNGM3LjQyLDcuNjQsMTYuMDMsMTMuOTUsMjUuNzMsMTguNzcsNDYuODIsMjMuMjksMTAzLjg3LDQuMTUsMTI3LjE2LTQyLjY3LDIzLjI5LTQ2LjgyLDQuMTUtMTAzLjg3LTQyLjY3LTEyNy4xNloiLz48L3N2Zz4=');
}