@import url('https://www.telenor.no/fonts.css');
html,
body {
 font-family: "Telenor Light", HelveticaNeue-Light, "Segoe UI Light", Helvetica, Arial, sans-serif;
 font-weight: 300;
 font-size: 16px;
 color: #000;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
 html,
 body {
  font-size: 20px
 }
}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {}

h1,h2 {
 font-size: 1.8rem;
 /*36px*/
 font-weight: 300;
 text-align: center;
}
/* 
h3 {
 font-size: 1.4rem;
} */

h4 {
 font-size: 1.2rem;
 /*24px*/
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 500;
 text-align: center;
}

h5 {
 font-size: 12px;
 /*font-size: 0.6rem;*/
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
}

h6 {
 
}

p {
 font-size: 1.2rem;
 /*24px*/
 font-weight: 300;
}

p strong,
.fw-400 {
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
}

.card p {
 font-size: .7rem;
 /*14px*/
}

a,
a:hover {
 color: #282829;
}

a.phone {
 text-decoration: none;
  color: inherit;
}

.fs-1 {
 font-size: 1.8rem !important;
 /*36px*/;
}

.fs-2 {
 font-size: 1.2rem !important;
 /*24px*/
}

.fs-3 {
 font-size: 1rem !important;
 /*20px*/
}

.fs-4 {
 font-size: .9rem !important;
 /*18px*/
}

.fs-5 {
 font-size: .7rem !important;
 /*14px*/
}

.fs-6 {
 font-size: .6rem !important;
 /*12px*/
}

hr {
 background-color: #B6B7BE;
 opacity: 1;
}

.card-col {
 max-width: 20rem;
 /* 400px */
}

.card {
 border: 0;
 background:none;
 border-radius: 16px;
 font-size:20px;
}

.card-success {
 background-color: #EBF4FB;
}

.card-body {
 padding-right: 30px;
 padding-left: 30px;
 text-align: center;
}

.card p {
 text-align: center;
}

.badge {
 font-size: 0.7rem;
 /*12px*/
 position: absolute;
 top: -0.6rem;
 padding: 0.5rem 0.8rem;
 border-radius: 1.2rem;
 color: #000000;
 background: #ABF1B0;
}

ul {
 padding-left: 0.8rem;
 list-style-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDFMNC4yOTIxNSA2LjgyNzM5TDEgMy42NDg4MSIgc3Ryb2tlPSIjMzhBODQxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
 text-align: left;
}

ul li {
 font-size: 0.8rem;
 /*16px*/
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
 padding-bottom: 1rem;
 padding-left: 0.4rem;
}

ul li:last-child {
 padding-bottom: 0;
}

/* .address-form-col {
 max-width: 630px;
} */

.form-label {
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
}

.form-control {
 border: 0;
 border-bottom: 1px solid #CECFD4;
 background-color: #F2F3F4;
 border-radius: 0;
 padding: 16px;
}

.form-check-label svg {
 margin-right: 12px;
}

.form-control:focus {
  color: #000;
  background-color: #F2F3F4;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  border: 0;
 border-bottom: 1px solid #FD4E54;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #666B78;
 opacity: 1; /* Firefox */
 font-style: italic;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #666B78;
 font-style: italic;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #666B78;
 font-style: italic;
}

.invalid-feedback {
  color: #000;
}

.btn {
 border-radius: 0.3rem;
 /* 6px */
 padding: .5rem 4.5rem;
 /* 10px 90px */
 font-size: .9rem;
 /* 18px */
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
 max-width: 100%;
}

.btn-primary {
 background: #2870DB;
 border: 1px solid #2870DB;
 max-width: 100%;
}

.btn-outline-secondary {
 background: #fff;
 border: 1px solid #fff;
 color: #0077CF;
}
.btn-outline-secondary:hover {
  background-color: #F2F3F4;
  border-color: #F2F3F4;
  color: #0b5ed7;
}

/* Remove number field arrows/spinners, in Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Remove number field arrows/spinners, in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.toggle-buttons .btn {
 padding: 16px;
 font-size: .9rem;
 font-family: "Telenor Light", HelveticaNeue-Light, "Segoe UI Light", Helvetica, Arial, sans-serif;
 font-weight: 300;
 background: #FFFFFF;
 box-shadow: 0px 2px 10px rgba(12, 16, 38, 0.15);
 border-radius: 8px;
 border-color: #FFFFFF;
 color: #00081E;
}

.toggle-buttons .btn:hover {
 background: #f3f3f3;
 box-shadow: 0px 2px 10px rgba(12, 16, 38, 0.15);
 border-radius: 8px;
 border-color: #f3f3f3;
 color: #00081E;
}

.toggle-buttons .btn-check:active + .btn,
.toggle-buttons .btn-check:checked + .btn,
.toggle-buttons .btn.active,
.toggle-buttons .btn:active,
.toggle-buttons .show > .btn.dropdown-toggle {
  background: #cecece;
 box-shadow: 0px 2px 10px rgba(12, 16, 38, 0.15);
 border-radius: 8px;
 border-color: #e0e0e0;
}

.toggle-buttons .form-check {
 padding-left: 0;
}

.toggle-buttons .form-check-input.is-invalid ~ .form-check-label,
.was-validated .toggle-buttons .form-check-input:invalid ~ .form-check-label {
 color: #000;
 border-color: #FD4E54;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #000;
}

input#contact {
 margin-right: 5px;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
 background-color: #0d6efd;
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
 border-color: #0d6efd;
}

.toggle-buttons .invalid-feedback {
  color: #FD4E54;
}

.telenoreksperten-icon::before {
 content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwN2FkMDtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IlNQRUNJQUxUSUxQQVNTRVRfMTAwcHgiIGRhdGEtbmFtZT0iU1BFQ0lBTFRJTFBBU1NFVCAxMDBweCI+PGcgaWQ9Imljb24iPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZSIgY2xhc3M9ImNscy0xIiBkPSJNNTMuMTYsNDEuOTJhOCw4LDAsMCwwLDYtNC43NywyLDIsMCwwLDEsMy42MiwxLjcsMTEuOTQsMTEuOTQsMCwwLDEtOS41MSw3LjA4QTMsMywwLDAsMSw1MSw0N0g0OWEzLDMsMCwwLDEsMC02aDJBMywzLDAsMCwxLDUzLjE2LDQxLjkyWk0zNS4xNSwyMWExNSwxNSwwLDAsMSwyOS43LDBINjVhNCw0LDAsMCwxLDQsNHY1YTQsNCwwLDAsMS04LDBWMjMuMTdhMTEsMTEsMCwxLDAtMjIsMFYzMGE0LDQsMCwwLDEtOCwwVjI1YTQsNCwwLDAsMSw0LTRaTTIyLDkwYTIsMiwwLDAsMS00LDBWNzQuMTRBMzIsMzIsMCwwLDEsMzQuMDYsNDYuMzlhMiwyLDAsMSwxLDIsMy40NkEyOCwyOCwwLDAsMCwyMiw3NC4xNFpNNjMuNzUsNDkuNzRhMiwyLDAsMSwxLDItMy40OEEzMiwzMiwwLDAsMSw4Miw3NC4xNFY5MGEyLDIsMCwwLDEtNCwwVjc0LjE0QTI4LDI4LDAsMCwwLDYzLjc1LDQ5Ljc0WiIvPjxwYXRoIGlkPSJDb21iaW5lZC1TaGFwZS1Db3B5LTMiIGNsYXNzPSJjbHMtMSIgZD0iTTQ1Ljg2LDYxLjUzVjYwLjI0QTIuMzEsMi4zMSwwLDAsMSw0OC4yMyw1OGgzLjU0YTIuMzEsMi4zMSwwLDAsMSwyLjM3LDIuMjR2MS4yOWEyLDIsMCwwLDAsMSwxLjc1bC4yOC4xNmEyLDIsMCwwLDAsMS45MiwwbDEuMy0uNzFhMi40MywyLjQzLDAsMCwxLDMuMjMuODJsMS43NywyLjlhMi4xNywyLjE3LDAsMCwxLS44NiwzLjA2bC0xLjIyLjY3YTIsMiwwLDAsMC0xLDEuNzZ2LjEyYTIsMiwwLDAsMCwxLDEuNzZsMS4yMi42N2EyLjE3LDIuMTcsMCwwLDEsLjg2LDMuMDZsLTEuNzcsMi45YTIuNDMsMi40MywwLDAsMS0zLjIzLjgybC0xLjMtLjcxYTIsMiwwLDAsMC0xLjkyLDBsLS4yOC4xNmEyLDIsMCwwLDAtMSwxLjc1djEuMjlBMi4zMSwyLjMxLDAsMCwxLDUxLjc3LDg2SDQ4LjIzYTIuMzEsMi4zMSwwLDAsMS0yLjM3LTIuMjRWODIuNDdhMiwyLDAsMCwwLTEtMS43NWwtLjI4LS4xNmEyLDIsMCwwLDAtMS45MiwwbC0xLjMuNzFhMi40MywyLjQzLDAsMCwxLTMuMjMtLjgybC0xLjc3LTIuOWEyLjE3LDIuMTcsMCwwLDEsLjg2LTMuMDZsMS4yMi0uNjdhMiwyLDAsMCwwLDEtMS43NnYtLjEyYTIsMiwwLDAsMC0xLTEuNzZsLTEuMjItLjY3YTIuMTcsMi4xNywwLDAsMS0uODYtMy4wNmwxLjc3LTIuOWEyLjQzLDIuNDMsMCwwLDEsMy4yMy0uODJsMS4zLjcxYTIsMiwwLDAsMCwxLjkyLDBsLjI4LS4xNkEyLDIsMCwwLDAsNDUuODYsNjEuNTNaTTUwLDc2LjY3QTQuNjcsNC42NywwLDEsMCw0NS4zMyw3Miw0LjY3LDQuNjcsMCwwLDAsNTAsNzYuNjdaIi8+PC9nPjwvZz48L3N2Zz4=);
 width: 90px;
 height: 90px;
 display: inline-block;
}

.progress {
 background-color: #E5E6E8;
 height: 8px;
}

.progress-bar {
 background-color: #0077CF;
 border-radius: 0 0.25rem 0.25rem 0;
}

.progress-legend {
 font-family: Telenor,Helvetica,Arial,sans-serif;
 font-weight: 400;
 font-size: 1rem;
 padding-top: 8px;
}

.timeline {
 padding-left: 26px;
}

@media (min-width: 400px) and (max-width: 575.98px) {
 .timeline {
  padding-left: 40px;
 }
}

.timeline .timeline-col {
 max-width: 567px;
}

.timeline p {
  font-size: 12px;
 /* font-size: .6rem; */
}

.timeline .border-start {
 border-color: #A6A1A1;
 min-height: 94px;
}

.timeline-item {
 position: relative;
}

.timeline-item::before {
 content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxMi4wMjI3QzAuNSAxOC40MDc3IDUuNDQ1NTggMjMuNTQ1NSAxMS41IDIzLjU0NTVDMTcuNTU0NCAyMy41NDU1IDIyLjUgMTguNDA3NyAyMi41IDEyLjAyMjdDMjIuNSA1LjYzNzcyIDE3LjU1NDQgMC41IDExLjUgMC41QzUuNDQ1NTggMC41IDAuNSA1LjYzNzcyIDAuNSAxMi4wMjI3WiIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzAwNTM5MSIvPgo8L3N2Zz4K);
 position: absolute;
 top: 0;
 left: 0;
 width: 23px;
 height: 25px;
 margin-top: -5px;
 margin-left: -12px;
}

.timeline-item.check::before {
 content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNBNUQ4QTkiLz4KPHBhdGggZD0iTTkuOSAxNi4zQzkuMjM3MjYgMTUuODAyOSA4LjI5NzA2IDE1LjkzNzMgNy44IDE2LjZDNy4zMDI5NCAxNy4yNjI3IDcuNDM3MjYgMTguMjAyOSA4LjEgMTguN0w5LjkgMTYuM1pNMTUgMjJMMTQuMSAyMy4yTDE1LjM2ODUgMjQuMTUxNEwxNi4yNDgxIDIyLjgzMjFMMTUgMjJaTTI0LjI0ODEgMTAuODMyMUMyNC43MDc2IDEwLjE0MjggMjQuNTIxMyA5LjIxMTQ1IDIzLjgzMjEgOC43NTE5MkMyMy4xNDI4IDguMjkyNCAyMi4yMTE1IDguNDc4NjYgMjEuNzUxOSA5LjE2Nzk1TDI0LjI0ODEgMTAuODMyMVpNOC4xIDE4LjdMMTQuMSAyMy4yTDE1LjkgMjAuOEw5LjkgMTYuM0w4LjEgMTguN1pNMTYuMjQ4MSAyMi44MzIxTDI0LjI0ODEgMTAuODMyMUwyMS43NTE5IDkuMTY3OTVMMTMuNzUxOSAyMS4xNjc5TDE2LjI0ODEgMjIuODMyMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
 width: 32px;
 height: 32px;
 margin-top: -9px;
 margin-left: -17px;
}