/* ------------------------
FONT-FACE 
-------------------------*/

@font-face {
    font-family: 'museo_sans_rounded100';
    src: url('/signup/fonts/museosansrounded-100-webfont.eot');
    src: url('/signup/fonts/museosansrounded-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-100-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-100-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-100-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-100-webfont.svg#museo_sans_rounded100') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_sans_rounded300';
    src: url('/signup/fonts/museosansrounded-300-webfont.eot');
    src: url('/signup/fonts/museosansrounded-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-300-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-300-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-300-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-300-webfont.svg#museo_sans_rounded300') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_sans_rounded500';
    src: url('/signup/fonts/museosansrounded-500-webfont.eot');
    src: url('/signup/fonts/museosansrounded-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-500-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-500-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-500-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-500-webfont.svg#museo_sans_rounded500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_rounded700';
    src: url('/signup/fonts/museosansrounded-700-webfont.eot');
    src: url('/signup/fonts/museosansrounded-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-700-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-700-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-700-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-700-webfont.svg#museo_sans_rounded700') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'museo_sans_rounded900';
    src: url('/signup/fonts/museosansrounded-900-webfont.eot');
    src: url('/signup/fonts/museosansrounded-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-900-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-900-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-900-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-900-webfont.svg#museo_sans_rounded900') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'museo_sans_rounded1000';
    src: url('/signup/fonts/museosansrounded-1000-webfont.eot');
    src: url('/signup/fonts/museosansrounded-1000-webfont.eot?#iefix') format('embedded-opentype'),
         url('/signup/fonts/museosansrounded-1000-webfont.woff2') format('woff2'),
         url('/signup/fonts/museosansrounded-1000-webfont.woff') format('woff'),
         url('/signup/fonts/museosansrounded-1000-webfont.ttf') format('truetype'),
         url('/signup/fonts/museosansrounded-1000-webfont.svg#museo_sans_rounded1000') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------
GENERAL
-------------------------*/

body, a {
    font-family:museo_sans_rounded300;
    color:#333333;
    -webkit-font-smoothing: antialiased;
}

a {
    color:#54b8f3;
}

a:hover {
    color:#54b8f3;
    text-decoration:underline;
}

p {
    font-family:museo_sans_rounded300;
    font-size:16px;
    color:#333333;
}

p span {
    font-family:museo_sans_rounded700;
}

h1 {
    font-family:museo_sans_rounded700;
    font-size:
    line-height:
}

h2 {
    font-family:museo_sans_rounded700;
    font-size:32px;
    line-height:32px;
    margin-bottom:20px;
    margin-top:0px;
    color:#000000;
    padding:0px;
}

h2 span {
    font-family:museo_sans_rounded900;
    color:#54b8f3;
}

h3 {
    font-family:museo_sans_rounded700;
    font-size:26px;
    margin-top:0px;
    line-height:30px;
    color:#54b8f3;
}

h4 {
    font-family:museo_sans_rounded700;
    font-size:20px;
    line-height:24px;
    color:#54b8f3;
    margin:0!important;
    padding:0;
}

h4 span {
    font-family:museo_sans_rounded300;
    color:#bbbbbb;
}

h5 {
    font-family:museo_sans_rounded700;
    font-size:16px;
    line-height:18px;
    color:#000000;
    margin:0!important;
    padding:0;
}

.pris {
    font-family:museo_sans_rounded700;
    font-size:26px;
    margin:5px 0 15px 0;
}

.heavy {
    font-family:museo_sans_rounded900!important;
}


/* ------------------------
HEADER
-------------------------*/

.header {
    width:100%;
    height:100px;
    background-color:#ffffff;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    position: fixed;
    z-index:200;
    top:0;
}

.header-container {
    width:1170px;
    margin:0 auto;
    position:relative;
}

.logo {
    position:absolute;
    margin-top:15px;
    margin-bottom:32px;
}

.top {
    border-radius:6px;
    -moz-border-radius:6px;
    background-color:#ffffff;
    padding-top:40px;
    margin-top:-130px;
    z-index:9999
}

.cover-signup, .cover-minside {
    height:450px;
    background-position: 50% 0!important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative;
    z-index:-99;
}

.cover-signup {
    background-image:url(/signup/images/cover.jpg);
}

.cover-minside {
    background-image:url(/signup/images/minside.jpg);
}

.boxheader {
    margin:0 auto;
    text-align:center;
}

.boxheader > h1 {
    display:inline;
    font-size:50px;
    line-height:45px;
    color:#ffffff!important;
}

.boxheader > h1 {
    font-family:museo_sans_rounded100!important;
}

.boxheader > h1 span {
    padding:10px;
    padding-left:0;
    padding-right:0;
    box-shadow: 12px 0 0 #54b8f3, -12px 0 0 #54b8f3;
    background-color:#54b8f3;
    -moz-border-radius:8px;
    border-radius:8px;
}

/* ------------------------
BOOTSTRAP ELEMENTER
-------------------------*/

.row {
    margin-top:20px;
}

.form-control {
    font-family:museo_sans_rounded300;
    font-size:16px;
    border-radius:6px;
}

.well {
    padding:20px 10px 10px;
    background-color:#eeeeee;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:25px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-top-left-radius:25px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:25px;
    margin:10px 0;
}

.form-control:focus {
    color:#54b8f3;
}

.form-inline .form-group {
    margin-left:0;
    margin-right:0;
    padding:0!important;
}

.form-group-small {
    margin:0;
}


label {
    font-family:museo_sans_rounded700;
}

.value-label {
    font-family:museo_sans_rounded300;
    padding-top:7px;
}

.btn {
    font-family:museo_sans_rounded300;
    font-weight:normal;
}

.btn-lg {
    padding:10px 45px;
    font-size:17px;
}

.btn-xs {
    padding:2px 10px;
}

.btn-primary {
    color:#ffffff;
    background-color:#54b8f3;
    border:0px;
}

.btn-primary:hover {
    color:#ffffff;
    background-color:#007b91;
}

.btn-info {
    color:#ffffff;
    border:0px;
}

.btn-info:hover {
    color:#ffffff;
}

.btn-default i.fa-refresh {
    display:none;
}

.btn-default:disabled i.fa-refresh {
    display:inline;
}

.btn-default[disabled] {
    background-color:#54b8f3;
    color:#cccccc;
}

label.disabled {
    font-family:museo_sans_rounded300;
    color:#888888;
}

.panel-group {
    margin:30px 0 50px 0;
}

.panel {
    border:0px;
    box-shadow:none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border:0px;
    box-shadow:0px;
    border-radius:4px;
    padding:0px;
    top:0;
    -moz-border-radius:4px;
}

.panel-heading {
    margin-bottom:10px;
}

.panel-default>.panel-heading {
    background-color:#ffffff;
    padding:12px 10px;
    border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid #eeeeee;
}

.panel-title {
    font-family:museo_sans_rounded700;
    font-size:20px;
    line-height:24px;
    color:#54b8f3;
    cursor:pointer;
}

.panel-title > a:hover {
    text-decoration:none;
}


.list-group-item-success {
    background-color:#54b8f3;
}

a.list-group-item-success {
    font-family:museo_sans_rounded700;
    color:#ffffff;
    font-size:16px;
}

a.list-group-item-success:hover {
    color:#ffffff;
    background-color:#5bc0de;
}

a.list-group-item {
    font-size:16px;
}


/* ------------------------
DIVERSE
-------------------------*/


.pdf {
    width:18px;
    height:18px;
    display:inline-block;
    background-image:url('pdf.png');
    background-position:center top;
    margin-left:5px;
    margin-bottom:-3px;
}

.nopadding {
    padding:0!important;
}

.produktvalg {
    /*border:2px solid #54b8f3;*/
    -moz-border-radius-topleft:25px;
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:25px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-top-left-radius:25px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:25px;
    transition:0.2s ease;
    margin-top:10px;
    padding:10px 0!important;
}

.produktvalg:hover {
    background:url(/signup/images/45lines.png) #ffffff;
    transition:0.4s ease;
    -webkit-box-shadow:0px 15px 21px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:0px 15px 21px 0px rgba(50, 50, 50, 0.3);
    box-shadow:0px 15px 21px 0px rgba(50, 50, 50, 0.3);
}

.produktvalg p {
    font-family:museo_sans_rounded700;
    margin-top:5px;
    font-size:14px;
}

.produktvalg span {
    font-family:museo_sans_rounded500;
    color:#bbbbbb;
    padding:2px 15px;
}

.active {
    background-color:#eeeeee;
}

.prisbox-lejlighed {
    width: 90px;
    height: 82px;
    background: url(/signup/images/icon_lejlighed.png);
    background-size: 90px 82px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
}

.prisbox-hus {
    width: 90px;
    height: 82px;
    background: url(/signup/images/icon_hus.png);
    background-size: 90px 82px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
}

.prisbox-flex {
    width: 90px;
    height: 82px;
    background: url(/signup/images/icon_flex.png);
    background-size: 90px 82px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
}

.prisboxsmall-bluefri-lejlighed {
    width: 60px;
    height: 55px;
    background: url(/signup/images/icon_lejlighed.png);
    background-size: 60px 55px;
    margin-bottom:10px;
}

.prisboxsmall-bluefri-hus {
    width: 60px;
    height: 55px;
    background: url(/signup/images/icon_hus.png);
    background-size: 60px 55px;
    margin-bottom:10px;
}

.prisboxsmall-blueflex {
    width: 60px;
    height: 55px;
    background: url(/signup/images/icon_flex.png);
    background-size: 60px 55px;
    margin-bottom:10px;
}

.ribbon-wrapper-green {
    width:170px;
    height:170px;
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    margin-top:-6px;
    margin-left:-6px;
}

.ribbon-green {
    font-size:14px;
    font-family:museo_sans_rounded700!important;
    color:#fffff!important;
    text-align:center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position:relative;
    padding:8px 0;
    left:-30px;
    top:16px;
    width:130px;
    background-color:#acbd22;
}


.ribbon-green:before, .ribbon-green:after {
    content: "";
    border-top:3px solid #333333;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    position:absolute;
    bottom:-3px;
}

.ribbon-green:before {
    left:0;
}
.ribbon-green:after {
    right:0;
}

.mtop15 {
    margin-top:15px;
}

.mtop30 {
    margin-top:30px;
}

.mtop50 {
    margin-top:50px;
}

.ul-fordele {
    list-style-type:none;
    padding-left:0px;
    margin:0 auto;
    display: table;
    border-collapse:separate;
    margin-top:20px;
}

.ul-fordele > li::before {
    font-family:FontAwesome;
    content:"\f00c";
    color:#54b8f3;
    padding-right:10px;
    text-align:right;
}


ul.checkout {
    font-family:museo_sans_rounded500;
    width:100%;
    display: table;
    table-layout: fixed;
    border-spacing:0px;
    padding:0px;
    border:	1px solid #ccc;
    border-radius:4px;
    -moz-border-radius:4px;
}

ul.checkout li {
    display: table-cell;
    letter-spacing:.05em;
    padding:7px 7px;
    color:#ffffff;
    margin:0px 4px;
    text-align:center;
    background:#5bc0de;
    border-right:1px solid #ccc;
}

ul.checkout li a {
    color:#ffffff;
}

ul.checkout li:first-child { margin-left:0; }
ul.checkout li:last-child { margin-right:0; border:0}

.disabled {
    color:#959595!important;
    background:#eeeeee!important;
}

.active {
    color:#ffffff!important;
    background:#007b91!important;
}

.bg-success, .bg-warning, .bg-danger {
    padding:15px 10px;
    border-radius:6px;
    -moz-border-radius:6px;
    font-family:museo_sans_rounded500;
    font-size:15px;
}

.bg-success {
    border:1px solid #80a76e;
}

.bg-warning {
    border:1px solid #f6e14f;
}

.bg-danger {
    border:1px solid #e76060;
}

.list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.list-group-submenu {
    margin-left:20px;
}

.icon {
    margin-right:8px;
}

.icon-right {
    margin-left:8px;
}


/* ------------------------
FOOTER
-------------------------*/

.footer {
    width:100%;
    background-color:#54b8f3;
}

.inner {
    width:1170px;
    margin:0 auto;
}

.footer-text {
    font-family: museo_sans_rounded500;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin:0;
    padding-top:40px;
}

.footer-text-small {
    font-family: museo_sans_rounded500!important;
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
    text-align: center;
    margin: 0!important;
    padding-top:20px;
    padding-bottom:80px;
}

.footer-text a, .footer-text-small a {
    color:#ffffff;
}

.footer-text a:hover {
    color:#ffffff!important;
}


/* ------------------------
RESPONSIVE
-------------------------*/


@media (max-width: 768px) {
    .inner {width:300px; margin:0 30px;}
    .header-container {width:300px; height:96px;}
    .logo {
        position:absolute;
        width:197px;
        height:35px;
    }

    .boxheader {
        margin:0 auto;
        text-align:center;
        margin-bottom:20px;
    }

    .boxheader > h1 {
        display:inline;
        font-family:museo_sans_rounded100!important;
        font-size:25px;
        line-height:20px;
        color:#ffffff;
    }

    .boxheader > h1 span, .boxheader > h2 span {
        padding:10px;
        padding-left:0;
        padding-right:0;
        box-shadow: 12px 0 0 #54b8f3, -12px 0 0 #54b8f3;
        background-color:#54b8f3;
        -moz-border-radius:4px;
        border-radius:4px;
    }

}

@media (min-width: 768px) {
    .inner {width:700px;}
}

@media (min-width: 992px) {
    .inner {width:950px;}
}

@media (min-width: 1024px) {
    .header-container {width:900px;}
}

@media (min-width: 1200px) {
    .inner {width:1170px;}
    .header-container {width:1170px;}
}

@media (max-width: 1020px) and (min-width: 768px) {
    .header-container {width:742px;}
    ul.checkout li {
        display: table-cell;
        font-size:6px;
        letter-spacing:0;
        padding:3px 3px;
        color:#ffffff;
        margin:0px 4px;
        text-align:center;
        background:#5bc0de;
        border-right:1px solid #ccc;
    }
}