@charset "UTF-8";
/* ========== */
/* = Custom styles, W Balls HTML Template = */
/* ========== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600&subset=latin,latin-ext);
/* ========== */
/* = Base colors = */
/* ========== */
/* ========== */
/* = Tags and helpers = */
/* ========== */

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    .content-center, .content-center * {
        background: #ffffff;
        border: 1px #ffffff solid;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}

body.NoScrolling {
    overflow: hidden;
}


.fixit {
    position: fixed;
    top: 0px;
}

.SchemaErrorMsg {
    color: blue;
    font-weight: bold;
    font-size: 20px;
}

.checkboxTextRight label {
    display: inline;
    margin-left: 3px;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 1.0em;
    vertical-align: middle;
    font-size: 12px;
}

#sticker {
    z-index: 10000000;
}

.is-sticky #sticker {
    background: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100% !important;
    left: 0;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

body,
.snap-content {
    background-color: #f3f3f3;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
    /*.snap-content {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}*/


    .snap-content.open {
        -moz-transform: translate3d(265px, 0px, 0px);
        -ms-transform: translate3d(265px, 0px, 0px);
        -webkit-transform: translate3d(265px, 0px, 0px);
        transform: translate3d(265px, 0px, 0px);
    }

.plr-13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.ptb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.close-snap-content {
    display: block;
    padding: 5px;
    color: #000;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.close-snap-content-reload {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    display: block;
    padding: 5px;
    background: #e74c3c;
    color: #FFF;
    border-radius: 3px;
    width: 217px;
}

.close-snap-content-reload-top {
    display: block;
    position: fixed;
    left: 20px;
    top: 0;
    width: 217px;
    height: 20px;
    background-color: #f3f3f3;
}

.close-snap-content-reload-bottom {
    display: block;
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 200px;
    height: 20px;
    background-color: #f3f3f3;
}



.margin-0 {
    margin: 0px;
}

.margin-10 {
    margin: 10px;
}

.margin-t-20 {
    margin-top: 20px;
}

.margin-t-25 {
    margin-top: 25px;
}

.margin-b-0 {
    margin-bottom: 0px;
}

.margin-tb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-r-10 {
    margin-right: 10px;
}

.margin-r-25 {
    margin-right: 25px !important;
}

.inner-l-25-b-10 {
    padding-left: 25px;
    padding-bottom: 10px;
}

.inner-l-25-r-25-b-10 {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
}

.inner-16 {
    padding: 16px;
}

.inner-t-0 {
    padding-top: 0px !important;
}

.inner-b-0 {
    padding-bottom: 0px !important;
}

.inner-t-10 {
    padding-top: 10px !important;
}

.inner-b-10 {
    padding-bottom: 10px !important;
}

.pull-down-30 {
    margin-top: 30px;
}

.navigasjon {
    display: block;
    padding: 10px;
    background: #e74c3c;
    color: #FFF;
    border-radius: 3px;
}

.white {
    color: #FFF !important;
}

.btn {
    font-family: 'Open Sans', sans-serif;
}

.padding-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.border-radius-3 {
    border-radius: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 24px;
    font-weight: normal;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 18px;
    font-weight: normal;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 16px;
    font-weight: normal;
}

.center {
    text-align: center;
}

.push-right-25 {
    margin-left: 25px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e4e4e4;
    font-family: 'Open Sans', sans-serif;
}

    textarea:focus, input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus, input[type="month"]:focus,
    input[type="time"]:focus, input[type="week"]:focus,
    input[type="number"]:focus, input[type="email"]:focus,
    input[type="url"]:focus, input[type="search"]:focus,
    input[type="tel"]:focus, input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: rgba(231, 76, 60, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(231, 76, 60, 0.6);
        outline: 0 none;
    }

.url-kursleverandor {
    text-align: center;
    display: block;
    padding-bottom: 40px;
    display: none;
}

    .url-kursleverandor a {
        color: #e74c3c;
        text-decoration: underline;
    }

        .url-kursleverandor a:hover {
            text-decoration: none;
        }

a {
    color: #e74c3c;
}

    a:hover {
        color: #000000;
    }

    a:focus {
        outline: none;
    }

button:focus {
    outline: none;
}

.btn-large {
    font-size: 18px;
    padding: 13px 22px;
}

.no-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.no-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.no-right {
    margin-right: 0 !important;
}

.no-left {
    margin-left: 0 !important;
}

.no-border {
    border: none !important;
}

.can-wrap-words {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.clr-red {
    color: #e74c3c;
}

.simple-border {
    border: 1px solid #dddddd;
}

.weight-normal {
    font-weight: normal;
}

.gray {
    color: #B4B4B4;
}

.rounded {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.push-down-10 {
    margin-bottom: 10px;
}

.push-down-20 {
    margin-bottom: 20px;
}

.push-down-25 {
    margin-bottom: 25px;
}

.push-down-30 {
    margin-bottom: 30px;
}

.push-down-40 {
    margin-bottom: 40px;
}

.inline {
    display: inline;
}

.width-20 {
    width: 20%;
}

.width-70 {
    width: 70%;
}

.width-76 {
    width: 76%;
}

.inline-block {
    display: inline-block;
}

.white-background {
    background: #FFF;
}

/* ========== */
/* = Buttons = */
/* ========== */
.btn-medium {
    padding: 8px 28px;
}

.btn-red {
    background: #e74c3c;
    color: #ffffff;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-red:hover,
    .btn-red:active,
    .btn-red.active,
    .btn-red.disabled,
    .btn-red[disabled],
    .btn-red:focus {
        color: #ffffff;
        background-color: #d14c3c;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

.btn-light-red {
    background: #e95e50;
    color: #ffffff;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-light-red:hover,
    .btn-light-red:active,
    .btn-light-red.active,
    .btn-light-red.disabled,
    .btn-light-red[disabled],
    .btn-light-red:focus {
        color: #ffffff;
        background-color: #d14c3c;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

.btn-dark-red {
    background: #db4839;
    color: #ffffff;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-dark-red:hover,
    .btn-dark-red:active,
    .btn-dark-red.active,
    .btn-dark-red.disabled,
    .btn-dark-red[disabled],
    .btn-dark-red:focus {
        color: #ffffff;
        background-color: #d14c3c;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

.btn-light-green {
    background: #5cc477;
    color: #ffffff;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-light-green:hover,
    .btn-light-green:active,
    .btn-light-green.active,
    .btn-light-green.disabled,
    .btn-light-green[disabled],
    .btn-light-green:focus {
        color: #ffffff;
        background-color: #3d9b56;
        *background-color: #003bb3;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.btn-dark-green {
    background: #45b363;
    color: #ffffff;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-dark-green:hover,
    .btn-dark-green:active,
    .btn-dark-green.active,
    .btn-dark-green.disabled,
    .btn-dark-green[disabled],
    .btn-dark-green:focus {
        color: #ffffff;
        background-color: #3d9b56;
        *background-color: #003bb3;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.btn-light-white {
    background: #fcfbfb;
    color: #e74c3c;
    border: none;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .btn-light-white:hover,
    .btn-light-white:active,
    .btn-light-white.active,
    .btn-light-white.disabled,
    .btn-light-white[disabled],
    .btn-light-white:focus {
        color: #000000;
        background-color: #ffffff;
        *background-color: #003bb3;
    }

.btn-white {
    color: #e74c3c;
    background-color: #ffffff;
    *background-color: #ffffff;
    background-image: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
}

    .btn-white:hover,
    .btn-white:active,
    .btn-white.active,
    .btn-white.disabled,
    .btn-white[disabled],
    .btn-white:focus {
        color: #000000;
        background-color: #ffffff;
        *background-color: #003bb3;
    }
/*
.btn-green {
    color: #ffffff;
    background-color: #49bd68;
    *background-color: #49bd68;
    background-image: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .btn-green:hover,
    .btn-green:active,
    .btn-green.active,
    .btn-green.disabled,
    .btn-green[disabled],
    .btn-green:focus {
        color: #ffffff;
        background-color: #3d9b56;
        *background-color: #003bb3;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }*/

.create-order {
    color: #ffffff;
    background-color: #49bd68;
    *background-color: #49bd68;
    background-image: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    vertical-align: middle;
    font-size: 18px;
    width: 100%;
    height: 30px;
    font-family: 'Open Sans', sans-serif;
}

    .create-order:hover,
    .create-ordern:active,
    .create-order.active,
    .create-order.disabled,
    .create-order[disabled],
    .create-order:focus {
        color: #ffffff;
        background-color: #3d9b56;
        *background-color: #003bb3;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.btn-light {
    color: #E74C3C;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #F9F9F9;
    *background-color: #F9F9F9;
    border-color: #F9F9F9;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .btn-light:hover,
    .btn-light:active,
    .btn-light.active,
    .btn-light.disabled,
    .btn-light[disabled],
    .btn-light:focus {
        color: #E74C3C !important;
        background-color: #e8e8e8;
        *background-color: #e8e8e8;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.btn-grey {
    color: #666666;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d7dcde;
    *background-color: #d7dcde;
    border-color: #F9F9F9;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    border: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .btn-grey:hover,
    .btn-grey:active,
    .btn-grey.active,
    .btn-grey.disabled,
    .btn-grey[disabled],
    .btn-grey:focus {
        color: #545454 !important;
        background-color: #c3cbce;
        *background-color: #c3cbce;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.btn-link {
    color: #e74c3c;
}

    .btn-link:hover {
        text-decoration: none;
        color: #000000;
    }

.align-r {
    text-align: right;
}

.align-l {
    text-align: left;
}

.align-c {
    text-align: center;
}

.inner-b-0 {
    padding-bottom: 0px !important;
}

.inner-t-0 {
    padding-top: 0px !important;
}

.inner-10 {
    padding: 10px;
}

.inner-20 {
    padding: 20px;
}

.inner-25 {
    padding: 25px;
}

.inner-10-20 {
    padding: 10px 20px;
}

.standard-form input {
    height: 37px;
    padding-left: 10px;
}

.relative {
    position: relative;
}

.color-red {
    color: #e74c3c;
}

.pull-down-10 {
    margin-top: 10px;
}

.pull-down-15 {
    margin-top: 15px;
}

.pull-down-20 {
    margin-top: 20px;
}

.pull-down-25 {
    margin-top: 25px;
}

.pull-down-29 {
    margin-top: 29px;
}

.pull-down-30 {
    margin-top: 30px;
}

.push-down-100 {
    margin-bottom: 100px;
}

.push-down-250 {
    margin-bottom: 250px;
}

.site-wrap {
    position: relative;
    transition: left 0.25s ease-in-out;
}

.site-wrap-course {
    margin-top: 320px;
    background-color: red;
}
/* ========== */
/* = Header = */
/* ========== */
.header-bg {
    background: url("../images/header-bg.gif");
}

.mobile-header {
    position: relative;
}

    .mobile-header .mobile-menu {
        position: absolute;
        top: 50%;
        right: 15px;
        font-size: 25px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.hamburger-menu {
    z-index: 100000;
    position: fixed;
    /*padding-top: 90px;*/
    width: 100%;
    height: 100%;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    top: 0;
    transition: all 0.15s ease-in-out;
    background: white;
}

    .hamburger-menu .close-menu {
        position: absolute;
        top: 15px;
        padding: 8px 4px;
        font-size: 20px;
        right: 15px;
        color: #FFF;
    }

    .hamburger-menu.open {
        left: 0px;
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .hamburger-menu ul {
        list-style: none;
        margin-left: 0px;
    }

        .hamburger-menu ul li {
            display: block;
            text-align: left;
            font-size: 21px;
            padding-left: 20px;
            color: black;
            padding-top: 3px;
            padding-bottom: 3px;
        }

            .hamburger-menu ul li a {
                display: block;
                color: #e74c3c;
                padding-top: 2px;
                padding-bottom: 2px;
                font-size: 15px;
            }

header {
    width: 100%;
    text-align: center;
}

    header .brand, header .navi {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    header .social-header {
        list-style: none;
        padding-right: 10px;
        border-right: 1px solid #d9d9d9;
        display: inline-block;
        width: auto;
    }

        header .social-header li {
            display: inline-block;
        }

            header .social-header li a {
                display: block;
                font-size: 19px;
                margin-right: 15px;
                color: #666666;
            }

                header .social-header li a em.icon-facebook {
                    font-size: 17px;
                }

    header .log {
        list-style: none;
        padding-left: 14px;
        display: inline-block;
        width: auto;
        margin-left: 0;
    }

        header .log > li {
            display: inline-block;
        }

            header .log > li > a {
                display: block;
                font-size: 15px;
                margin-right: 15px;
                color: #666666;
                position: relative;
            }

                header .log > li > a em {
                    font-size: 18px;
                }

                header .log > li > a.with-appended:hover .appended-icon {
                    color: #E74C3C;
                }

                header .log > li > a.with-appended.whole:hover {
                    color: #E74C3C;
                }

                header .log > li > a.with-appended:hover {
                    text-decoration: none;
                }

            header .log > li.added-label {
                position: relative;
            }

                header .log > li.added-label .labely {
                    position: absolute;
                    left: -7px;
                    top: -2px;
                    display: inline;
                    padding: 0.2em 0.4em 0.2em;
                    font-size: 60%;
                    font-weight: 700;
                    line-height: 1;
                    background: #E74C3C;
                    color: #FFF;
                    text-align: center;
                    white-space: nowrap;
                    vertical-align: baseline;
                    border-radius: .45em;
                }

            header .log > li .appended-icon {
                position: absolute;
                top: 0;
                background: #f3f3f3;
                border-radius: 50%;
                padding-left: 1px;
                left: 8px;
                font-size: 11px;
                z-index: 100;
            }

            header .log > li.user-menu {
                position: relative;
            }

                header .log > li.user-menu .profile-img {
                    cursor: pointer;
                    border-radius: 4px;
                }

                header .log > li.user-menu .user-submenu {
                    position: absolute;
                    z-index: 10002;
                    background: #ffffff;
                    border: 1px #dddddd solid;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    width: 300px;
                    -webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
                    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
                    right: 14px;
                    top: 100%;
                    margin-top: 8px;
                    visibility: hidden;
                    opacity: 0;
                    transition: all 0.15s ease-in-out;
                    transform: translateY(-15px);
                }

                    header .log > li.user-menu .user-submenu.show {
                        visibility: visible;
                        opacity: 1;
                        transform: translateY(0px);
                    }

                    header .log > li.user-menu .user-submenu .js-close-user-submenu {
                        color: #666;
                        font-size: 47px;
                        position: absolute;
                        right: 20px;
                        top: 0;
                    }

                    header .log > li.user-menu .user-submenu:after, header .log > li.user-menu .user-submenu:before {
                        bottom: 100%;
                        right: 8px;
                        border: solid transparent;
                        content: " ";
                        height: 0;
                        width: 0;
                        position: absolute;
                        pointer-events: none;
                    }

                    header .log > li.user-menu .user-submenu:after {
                        border-color: rgba(255, 255, 255, 0);
                        border-bottom-color: #fff;
                        border-width: 8px;
                        margin-left: -8px;
                    }

                    header .log > li.user-menu .user-submenu:before {
                        border-color: rgba(221, 221, 221, 0);
                        border-bottom-color: #ddd;
                        border-width: 9px;
                        margin-left: -9px;
                    }

                    header .log > li.user-menu .user-submenu a {
                        color: #E74C3C;
                    }

                    header .log > li.user-menu .user-submenu .my-account-btn {
                        padding: 10px 12px;
                        font-size: 15px;
                    }

                    header .log > li.user-menu .user-submenu .user-lists {
                        list-style-type: none;
                        margin: 0;
                        width: 100%;
                    }

                        header .log > li.user-menu .user-submenu .user-lists > li {
                            border-top: 1px solid #EEEEEE;
                            position: relative;
                            display: inline-block;
                        }

                            header .log > li.user-menu .user-submenu .user-lists > li .inside {
                                padding: 5px 20px;
                                padding-top: 10px;
                                display: table-cell;
                                vertical-align: middle;
                                width: 260px;
                            }

                            header .log > li.user-menu .user-submenu .user-lists > li .control {
                                position: absolute;
                                right: 20px;
                                top: 22px;
                                background: #d7dcdf;
                                color: #666666;
                                padding: 3px 8px;
                                border-radius: 4px;
                            }

                            header .log > li.user-menu .user-submenu .user-lists > li img {
                                border-radius: 3px;
                                float: left;
                            }

                            header .log > li.user-menu .user-submenu .user-lists > li a {
                                color: #666666;
                            }

                        header .log > li.user-menu .user-submenu .user-lists .inside-list {
                            display: none;
                            list-style-type: none;
                            margin: 0;
                            margin-top: 10px;
                        }

                            header .log > li.user-menu .user-submenu .user-lists .inside-list.active {
                                display: block;
                            }

                            header .log > li.user-menu .user-submenu .user-lists .inside-list li {
                                display: block;
                            }

                                header .log > li.user-menu .user-submenu .user-lists .inside-list li a {
                                    padding: 5px 20px;
                                    display: block;
                                    color: #E74C3C;
                                }

                                    header .log > li.user-menu .user-submenu .user-lists .inside-list li a:hover {
                                        text-decoration: none;
                                        outline: none;
                                    }

                                header .log > li.user-menu .user-submenu .user-lists .inside-list li:nth-child(odd) {
                                    background: #f9f9f9;
                                }

                    header .log > li.user-menu .user-submenu .btn-grey {
                        color: #666666;
                        padding: 8px 25px;
                    }

.sub-header {
    text-align: left;
}

    .sub-header .brand {
        max-width: 100%;
        padding-bottom: 6%;
    }

.sidebar-banners {
    width: 120px;
    position: absolute;
    right: -135px;
    top: 0px;
}

    .sidebar-banners .banner {
        margin-bottom: 20px;
    }

.meny-container {
    background: url("../images/header-bg.gif");
}

    .meny-container .meny {
        margin-bottom: 0;
        font-family: 'Open Sans', sans-serif;
        background: #e74c3c;
        -moz-border-radius: 0 0 8px 8px;
        -webkit-border-radius: 0;
        border-radius: 0 0 8px 8px;
        margin-top: 0;
        color: #ffffff;
        font-weight: 600;
        font-size: 18px;
        line-height: 20px;
        padding: 8px 17px 13px 17px;
        text-decoration: none;
    }

        .meny-container .meny i {
            margin: 5px 0 0 12px;
        }

        .meny-container .meny:hover {
            text-decoration: none;
            color: #ffffff;
        }

        .meny-container .meny .right {
            left: auto;
            right: 0;
        }

            .meny-container .meny .right:before {
                left: auto !important;
                right: 9px;
            }

            .meny-container .meny .right:after {
                left: auto !important;
                right: 10px;
            }

.meny-div .collapse {
    background: #e74c3c;
}

    .meny-div .collapse a {
        color: #ffffff;
    }

    .meny-div .collapse .urls {
        font-size: 14px;
        margin-top: 11px;
    }

        .meny-div .collapse .urls a {
            text-decoration: underline;
            margin-left: 20px;
        }

            .meny-div .collapse .urls a:first-child {
                margin-left: 0;
            }

            .meny-div .collapse .urls a:hover {
                text-decoration: none;
            }

    .meny-div .collapse .row-fluid {
        padding: 9px 0 16px 0;
    }

.meny-div .meny-up i {
    margin: 5px 0 0 12px;
    background: url("../img/icons/icon-arrow-up.png") no-repeat;
}

/* ========== */
/* = SOK div = */
/* ========== */
.sok-height {
    height: 103px;
}

.sok-div {
    background: #e74c3c;
    padding: 40px 0 39px 0;
}

    .sok-div.lite {
        padding: 0px;
        background: none;
    }

        .sok-div.lite .sok-border-div {
            padding: 0px;
            border: none;
            background: none;
        }

        .sok-div.lite .sok-inside-border-div {
            border: none;
            background: none;
        }

    .sok-div h3 {
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
        padding-bottom: 13px;
        margin: 0;
    }

    .sok-div .sok-border-div {
        max-width: 1140px;
        background: #ffffff;
        border: 1px rgba(201, 201, 201, 0.8) solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        padding: 20px;
    }

        .sok-div .sok-border-div .sok-inside-border-div {
            border: 1px #e8e8e8 solid;
            background: #f9f9f9;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            padding: 7px 9px;
            position: relative;
        }

            .sok-div .sok-border-div .sok-inside-border-div .form-search {
                margin: 0;
            }

                .sok-div .sok-border-div .sok-inside-border-div .form-search .search-query {
                    background: none;
                    padding: 11px 13px 12px 13px;
                    border: none;
                    box-shadow: none;
                    font-size: 18px;
                    color: #666666;
                    line-height: 35px;
                    height: 45px;
                    font-family: 'Open Sans', sans-serif;
                }

            .sok-div .sok-border-div .sok-inside-border-div .btn-red {
                font-size: 18px;
                padding: 13px 26px 12px 26px;
                box-shadow: none;
            }

.sok-subpage {
    background: #f5f5f5;
    padding: 30px 0 29px 0;
    border-top: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
}

    .sok-subpage .sok-border-div {
        border-color: #dddddd;
    }

/* ========== */
/* = Breadcrumb = */
/* ========== */
.breadcrumb-div {
    background: #e74c3c;
}

    .breadcrumb-div .breadcrumb {
        background: none;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        padding: 14px 0px 16px 0;
        margin: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        line-height: 1.5;
    }

        .breadcrumb-div .breadcrumb li {
            text-shadow: none;
            color: #ffffff;
        }

        .breadcrumb-div .breadcrumb a {
            text-shadow: none;
            color: #ffffff;
            text-decoration: underline;
        }

            .breadcrumb-div .breadcrumb a:hover {
                text-decoration: none;
            }

/* ========== */
/* = Content = */
/* ========== */
.content {
    padding: 50px 0 30px 0;
    border-color: #dddddd;
}

    .content .nav {
        margin-bottom: 0;
        border-bottom: 0;
    }

        .content .nav .second a {
            z-index: 1000;
            background: #f9f9f9;
            border-left: 1px #dddddd solid;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px;
            border-radius: 8px 8px 0 0;
        }

            .content .nav .second a.active {
                -moz-border-radius: 8px 8px 0 0;
                -webkit-border-radius: 8px;
                border-radius: 8px 8px 0 0;
            }

        .content .nav .third a {
            z-index: 100;
            background: #f9f9f9;
            border-left: 1px #dddddd solid;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px;
            border-radius: 8px 8px 0 0;
        }

            .content .nav .third a.active {
                -moz-border-radius: 8px 8px 0 0;
                -webkit-border-radius: 8px;
                border-radius: 8px 8px 0 0;
            }

        .content .nav .fourth a {
            z-index: 10;
            background: #f9f9f9;
            border-left: 1px #dddddd solid;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px;
            border-radius: 8px 8px 0 0;
        }

            .content .nav .fourth a.active {
                -moz-border-radius: 8px 8px 0 0;
                -webkit-border-radius: 8px;
                border-radius: 8px 8px 0 0;
            }

    .content .nav-tabs > li {
        background: #f9f9f9;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px;
        border-radius: 8px 8px 0 0;
    }

        .content .nav-tabs > li > a {
            -moz-border-radius: 0 8px 0 0;
            -webkit-border-radius: 0;
            border-radius: 0 8px 0 0;
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            padding: 18px 24px 20px 24px;
            color: #666666;
            margin: 0;
            border-top: 1px #dddddd solid;
            border-right: 1px #dddddd solid;
            border-bottom: 1px #dddddd solid;
            margin-left: -10px;
            position: relative;
        }

            .content .nav-tabs > li > a:hover {
                border-left: 1px #dddddd solid;
                background: #f9f9f9;
                color: #000000;
            }

        .content .nav-tabs > li:first-child > a {
            border-left: 1px #dddddd solid;
            -moz-border-radius: 8px 8px 0 0;
            -webkit-border-radius: 8px;
            border-radius: 8px 8px 0 0;
            margin-left: 0;
        }

    .content .nav-tabs li.active a {
        color: #000000;
        background: #ffffff;
        border-bottom-color: #ffffff;
        z-index: 10000;
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px;
        border-radius: 8px 8px 0 0;
    }

    .content .tab-content {
        border: 1px solid #ddd;
        background: #ffffff;
        -moz-border-radius: 0 8px 8px 8px;
        -webkit-border-radius: 0;
        border-radius: 0 8px 8px 8px;
    }

        .content .tab-content .tab-pane {
            padding: 30px 20px 29px 20px;
        }

        .content .tab-content .kurser-pane {
            padding: 30px 0px 14px 0px;
            min-height: 990px;
        }

        .content .tab-content .geografi-pane {
            padding: 1px 0px 8px 0px;
        }

            .content .tab-content .geografi-pane h4 {
                margin: 10px 0 6px 0;
                font-size: 18px;
            }

            .content .tab-content .geografi-pane ul,
            .content .tab-content .geografi-pane ol {
                margin-bottom: 30px;
            }

    .content .url {
        background: none !important;
    }

        .content .url a {
            color: #e74c3c !important;
            text-decoration: underline;
            border: none !important;
            font-size: 14px !important;
            padding: 0 12px 0 12px !important;
            margin-top: 25px !important;
        }

            .content .url a:hover {
                background: none !important;
                text-decoration: none;
            }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: #000000;
}

.tab-pane > .row-fluid {
    margin-top: 20px;
}

    .tab-pane > .row-fluid:first-child {
        margin-top: 0;
    }

.item {
    text-align: center;
    background: #f3f3f3;
    border: 1px #e8e8e8 solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 30px 10px;
    min-height: 326px !important;
}

    .item .item-icon {
        height: 70px;
        display: block;
    }

    .item a:hover {
        text-decoration: none;
        color: #000000;
    }

    .item h3 {
        line-height: 20px;
        margin-bottom: 2px;
    }

        .item h3 a {
            color: #e74c3c;
            font-size: 18px;
            font-weight: normal;
        }

    .item ul {
        margin: 12px 0 16px 0;
    }

        .item ul li {
            list-style: none;
            padding-bottom: 4px;
        }

            .item ul li a {
                color: #a3a3a3;
                font-size: 14px;
            }

    .item .number {
        color: #666666;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .item .more a {
        font-family: 'Open Sans', sans-serif;
        color: #e74c3c;
        font-size: 18px;
    }

        .item .more a:hover {
            color: #000000;
        }

.newsimg {
    border: 1px #e8e8e8 solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 30px;
}

.news {
    display: block;
    overflow: auto;
    border: 1px solid #ddd;
    padding: 20px;
    background: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 29px;
    font-size: 14px;
}

    .news img {
        border: 1px #e8e8e8 solid;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        margin-right: 30px;
    }

    .news h4 {
        margin: 0 0 18px 0;
        font-size: 18px;
    }

    .news p {
        font-size: 14px;
        color: #666666;
    }

    .news .url {
        margin-top: 6px;
    }

        .news .url a {
            text-decoration: none;
        }

            .news .url a:hover {
                color: #000000 !important;
            }

.kurser .tab-content {
    border: 0px !important;
}

    .kurser .tab-content .tab-pane {
        padding: 20px 20px 0 20px;
    }

        .kurser .tab-content .tab-pane a {
            color: #e74c3c;
        }

        .kurser .tab-content .tab-pane li {
            list-style: none;
        }

.kurser .nav {
    display: block;
    padding: 3px 10px 0 10px;
    border-bottom: 1px #dddddd solid;
}

    .kurser .nav > li {
        float: left;
        font-family: 'Open Sans', sans-serif;
    }

        .kurser .nav > li a {
            color: #666666;
            font-size: 22px;
            padding: 0 0 20px 0;
            width: 20px;
            display: block;
            margin-left: 8px;
            text-align: center;
        }

            .kurser .nav > li a:hover {
                color: #000000;
                font-weight: bold;
                background: url("../img/arrow.gif") no-repeat center bottom;
            }

        .kurser .nav > li.active a {
            color: #000000;
            font-weight: bold;
            background: url("../img/arrow.gif") no-repeat center bottom;
        }

.geography-select {
    padding: 0 20px 10px 20px;
    border-bottom: 1px #dddddd solid;
}

    .geography-select select {
        padding: 3px 0 5px 19px;
        height: 39px;
        border: 1px #dddddd solid;
        color: #666666;
        background: #f9f9f9;
        -webkit-appearance: none;
        font-family: 'Open Sans', sans-serif;
    }

.geographys h2 {
    color: #e74c3c;
}

.geographys .single-geography {
    padding-bottom: 30px;
}

.geographys .geography-links-left {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

    .geographys .geography-links-left li {
        padding: 5px 0;
    }

        .geographys .geography-links-left li a:hover {
            color: #e74c3c;
        }

.geography-left {
    padding: 20px 0 0 20px;
}

.geography {
    padding: 20px 0 0 0;
}

    .geography a {
        color: #e74c3c;
    }

    .geography li {
        list-style: none;
    }

        .geography li.more a {
            text-decoration: underline !important;
        }

            .geography li.more a:hover {
                text-decoration: none !important;
                color: #000000;
            }

.additional-town {
    display: none;
}

.cat-sub-content {
    width: 940px;
}

.cat-sub {
    padding: 20px 0;
}

    .cat-sub .cat-itm {
        padding: 0 30px 20px 30px;
    }

    .cat-sub h4 {
        padding-bottom: 10px;
    }

/* ========== */
/* = Pagination = */
/* ========== */
.pagination {
    margin: 10px 0 0 0;
    display: inline-block;
}

    .pagination ul {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .pagination li {
        float: left;
    }

        .pagination li.empty {
            line-height: 26px;
            padding: 0 2px;
        }

        .pagination li a {
            margin-left: 3px;
            border: none !important;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            color: #666666;
            padding: 0px 6px !important;
        }

            .pagination li a:hover {
                background: #e74c3c !important;
                color: #ffffff;
            }

        .pagination li.active a {
            color: #ffffff !important;
        }

        .pagination li.arrow-right a {
            background: none;
            padding: 0 !important;
            margin-left: 4px;
            line-height: 18px;
        }

            .pagination li.arrow-right a:hover {
                background: none !important;
            }

.bottom-pagination {
    margin: 20px 30px 7px 0;
}

/* ========== */
/* = Subpage = */
/* ========== */
.content-subpage,
.enkelt-kurs-subpage {
    margin: 30px 0;
}

    .content-subpage .sidebar,
    .enkelt-kurs-subpage .sidebar {
        margin-top: 30px;
    }

.content-center-empty,
.content-center {
    background: #ffffff;
    border: 1px #dddddd solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .content-center-empty h4,
    .content-center h4 {
        font-weight: normal;
    }

        .content-center-empty h4 i,
        .content-center h4 i {
            margin-bottom: 30px;
            display: block;
            font-weight: bold;
        }

    .content-center-empty .top-content-center,
    .content-center .top-content-center {
        padding: 30px;
        border-bottom: 1px #dddddd solid;
    }

        .content-center-empty .top-content-center h1,
        .content-center-empty .top-content-center h2,
        .content-center .top-content-center h1,
        .content-center .top-content-center h2 {
            color: #e74c3c;
            font-size: 24px;
            padding: 0;
            margin: -3px 0 0 0;
            line-height: 28px;
        }

        .content-center-empty .top-content-center h5,
        .content-center .top-content-center h5 {
            color: #666666;
            margin-bottom: 0 !important;
        }

        .content-center-empty .top-content-center .btn,
        .content-center .top-content-center .btn {
            font-size: 18px;
            padding: 13px 20px;
        }

        .content-center-empty .top-content-center.small-title,
        .content-center .top-content-center.small-title {
            padding: 16px 30px;
        }

            .content-center-empty .top-content-center.small-title h2,
            .content-center .top-content-center.small-title h2 {
                margin: 0;
            }

    .content-center-empty blockquote,
    .content-center blockquote {
        display: block;
        margin-top: 20px;
        font-size: 18px;
        color: #666666;
        font-style: italic;
        font-family: 'Open Sans', sans-serif;
        background: #f9f9f9 url("../img/quote-top.png") no-repeat 10px 10px;
        border: 1px #e8e8e8 solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        color: #666666;
        padding: 20px 22px 10px 22px;
    }

        .content-center-empty blockquote span,
        .content-center blockquote span {
            display: block;
            padding-bottom: 10px;
            background: url("../img/quote-bottom.png") no-repeat right bottom;
        }

        .content-center-empty blockquote.blockquote-white,
        .content-center blockquote.blockquote-white {
            background: #ffffff url("../img/quote-top.png") no-repeat 10px 0px;
            border: none;
            margin: 0;
            max-width: 610px;
            padding: 10px 22px 10px 22px;
        }

        .content-center-empty blockquote .blockquote-name,
        .content-center blockquote .blockquote-name {
            font-size: 14px;
            color: #666666;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }

.top-content-center-links {
    display: inline-block;
    margin-top: 8px;
}

    .top-content-center-links a:hover {
        color: #e74c3c;
    }

.content-center-empty {
    background: none;
    border: none;
}

.blockquote-media {
    padding: 40px 30px 20px 30px !important;
}

    .blockquote-media .media-avatar img {
        width: 100px;
        height: 100px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .blockquote-media .rating {
        text-align: center;
        margin-top: 7px;
        padding-left: 3px;
    }

.media {
    border-bottom: 1px #dddddd solid;
    padding: 30px;
    margin: 0;
}

    .media a {
        color: #e74c3c;
    }

        .media a:hover {
            text-decoration: underline;
        }

    .media .media-avatar {
        margin-right: 20px;
    }

        .media .media-avatar img {
            border: 1px #dddddd solid;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

        .media .media-avatar .rating {
            margin: 5px 0 0 9px;
        }

        .media .media-avatar .link {
            margin-top: 2px;
            display: block;
        }

    .media .media-body h4 {
        color: #e74c3c;
        font-size: 16px;
        padding: 0 0 17px 0;
    }

        .media .media-body h4.media-heading-first {
            color: black;
            margin-top: 0;
            color: #656565;
            font-size: 24px;
            padding-bottom: 0px;
        }

    .media .media-body p {
        color: #666666;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .media .table {
        color: #666666;
        background: #f9f9f9;
        margin-bottom: 0;
        border-left: 1px solid #dddddd;
    }

        .media .table th,
        .media .table td {
            border: none;
            padding: 5px;
        }

        .media .table th {
            font-family: 'Open Sans', sans-serif;
            color: #000000;
        }

        .media .table .firsttd {
            width: 172px;
        }

        .media .table .datotd {
            width: 170px;
        }

        .media .table a {
            cursor: pointer;
        }

.directory-inside {
    display: none;
}

    .directory-inside.show {
        display: block;
    }

    .directory-inside .table {
        color: #666666;
        background: #f9f9f9;
        margin-bottom: 0;
        border-left: 1px solid #dddddd;
    }

        .directory-inside .table th,
        .directory-inside .table td {
            border: none;
            padding: 5px;
        }

        .directory-inside .table th {
            font-family: 'Open Sans', sans-serif;
            color: #000000;
        }

        .directory-inside .table .firsttd {
            width: 172px;
        }

        .directory-inside .table .datotd {
            width: 170px;
        }

        .directory-inside .table a {
            cursor: pointer;
        }

.table td.align-c {
    text-align: center;
}

.media-table.media {
    border: none;
}

.heart-it-lists a {
    transition: all 0.15s ease-in-out;
}

    .heart-it-lists a.active {
        color: black;
        padding: 4px;
    }

.sub-content-button {
    padding: 0 0 10px 0 !important;
}

    .sub-content-button .button-center {
        margin-top: 0;
    }

.links {
    padding: 25px 0 20px 0;
}

    .links .span3 {
        width: auto;
        display: inline-block;
        padding-right: 10px;
    }

    .links a {
        color: #e74c3c;
    }

        .links a:hover {
            text-decoration: none;
            color: #000000;
        }

    .links .links-url {
        margin-top: 7px;
        display: block;
    }

        .links .links-url:hover {
            color: #e74c3c;
            text-decoration: underline;
        }

.links-description {
    padding-bottom: 0px;
}

.left-sidebar {
    margin-top: 30px;
}

    .left-sidebar a:hover {
        color: #e74c3c;
    }

    .left-sidebar .omrade {
        margin: 26px 0 0 20px;
    }

        .left-sidebar .omrade h4 {
            font-size: 18px;
            color: #000000;
            margin-bottom: 17px;
        }

        .left-sidebar .omrade ul {
            padding-right: 15px;
        }


.left-sidebar_white {
    margin-top: 0px;
    background: #ffffff;
    border: 1px #dddddd solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .left-sidebar_white a:hover {
        color: #e74c3c;
    }

    .left-sidebar_white .omrade {
        margin: 26px 0 0 20px;
    }

        .left-sidebar_white .omrade h4 {
            font-size: 18px;
            color: #000000;
            margin-bottom: 17px;
        }

        .left-sidebar_white .omrade ul {
            padding-right: 15px;
        }

.expandable-list ul {
    display: none;
    margin-left: 5px;
    margin-bottom: 4px;
    padding-right: 0 !important;
}

    .expandable-list ul.active {
        display: block;
    }

    .expandable-list ul li {
        padding-left: 10px;
    }

        .expandable-list ul li.level2 {
            color: #E74C3C;
            padding-left: 0px;
        }

            .expandable-list ul li.level2:before {
                content: "•";
                padding-right: 5px;
            }

        .expandable-list ul li.level3 {
            padding-left: 0px;
        }

            .expandable-list ul li.level3:before {
                color: #E74C3C;
                content: "-";
                padding-right: 5px;
            }

        .expandable-list ul li.more {
            padding-top: 5px;
            padding-left: 0;
            background: none;
        }

.active-level > a {
    font-weight: bold !important;
}

.fant-kurser {
    background: #e74c3c;
    color: #ffffff;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 0 0 8px;
    padding: 8px 0 8px 52px;
    -moz-box-shadow: inset -10px 0 10px -10px #a6372b;
    -webkit-box-shadow: inset -10px 0 10px -10px #a6372b;
    box-shadow: inset -10px 0 10px -10px #a6372b;
}

    .fant-kurser h3 {
        font-weight: normal;
        padding: 0;
        margin: 0;
        font-size: 18px;
    }

    .fant-kurser .btn {
        font-size: 18px;
        padding: 12px 18px;
        margin-top: 7px;
    }

.sub-content-contact,
.sub-content-comments {
    padding: 30px;
}

.sub-content-center {
    padding: 20px 30px 30px 30px;
}

    .sub-content-center h5 {
        margin-bottom: 0;
        font-size: 16px;
    }

    .sub-content-center ul,
    .sub-content-center ol,
    .sub-content-center p {
        margin-bottom: 18px;
    }

.sub-content-title {
    padding: 30px 30px 0 30px;
}

    .sub-content-title h4 {
        margin: 0;
        color: #666666;
        font-size: 18px;
    }

.sub-content-comments {
    border-top: 1px #dddddd solid;
}

.sub-content-contact-bordered {
    border-top: 1px #dddddd solid;
    padding: 30px;
}

.contact-via-fb a {
    position: relative;
    display: inline-block;
}

.contact-via-fb .icon {
    position: absolute;
    right: -15px;
    background: #45619D;
    color: #FFF;
    height: 35px;
    font-size: 18px;
    right: -45px;
    top: -6px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}

.sub-content-contact .contact, .standard-form .contact {
    max-width: 538px;
    margin: 0 auto;
}

.sub-content-contact .well, .standard-form .well {
    margin-bottom: 0;
    padding: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.sub-content-contact form, .standard-form form {
    margin-bottom: 0;
}

.sub-content-contact legend, .standard-form legend {
    background: #e74c3c;
    color: #ffffff;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px;
    border-radius: 6px 6px 0 0;
    font-size: 18px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 14px 10px;
    line-height: 1.3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sub-content-contact input,
.sub-content-contact textarea, .standard-form input,
.standard-form textarea {
    color: #666666;
}

.sub-content-contact input, .standard-form input {
    height: 37px;
}

.sub-content-contact textarea, .standard-form textarea {
    height: 79px;
}

.sub-content-contact .sbHolder, .standard-form .sbHolder {
    margin-bottom: 10px;
}

.sub-content-contact .contact-body, .standard-form .contact-body {
    padding: 20px 20px 20px 13px;
    color: #666666;
}

    .sub-content-contact .contact-body .icheckbox_flat-red, .standard-form .contact-body .icheckbox_flat-red {
        float: left;
        margin-right: 6px;
    }

    .sub-content-contact .contact-body .checkbox, .standard-form .contact-body .checkbox {
        padding: 0;
    }

    .sub-content-contact .contact-body .checkdiv, .standard-form .contact-body .checkdiv {
        display: inline-block;
        padding-bottom: 8px;
    }

        .sub-content-contact .contact-body .checkdiv a, .standard-form .contact-body .checkdiv a {
            margin-left: 6px;
        }

.sub-content-contact .btn, .standard-form .btn {
    font-size: 18px;
    padding: 13px 22px;
    margin-top: 3px;
}

.sub-content-contact .center, .standard-form .center {
    text-align: center;
    display: block;
}

.sub-content-contact.sub-content-contact-single, .standard-form.sub-content-contact-single {
    border-top: none;
    max-width: 638px;
    margin: 0 auto;
}

.full {
    width: 100%;
}

.half {
    width: 50%;
}

.w260 {
    width: 260px;
}

.vertical-align {
    vertical-align: middle;
}

    .vertical-align tr {
        vertical-align: middle;
    }

        .vertical-align tr td {
            vertical-align: middle;
        }

.vertical-align-top {
    vertical-align: top !important;
}

.course-data-table .align-r {
    text-align: right;
}

.course-data-table td {
    padding-top: 2px !important;
    padding-right: 5px !important;
    padding-bottom: 0 !important;
}

.addresse-course {
    font-size: 13px;
}

    .addresse-course span {
        font-size: 14px;
    }

.spacer td {
    height: 15px;
}

.standard-form .contact-body {
    padding: 0px 0px 0px 0px;
    color: #666666;
}

    .standard-form .contact-body .icheckbox_flat-red {
        float: left;
        margin-right: 6px;
    }

    .standard-form .contact-body .checkbox {
        padding: 0;
    }

    .standard-form .contact-body .checkdiv {
        display: inline-block;
        padding-bottom: 4px;
    }

        .standard-form .contact-body .checkdiv a {
            margin-left: 6px;
        }

.social-icons a {
    color: #666666;
    margin: 4px 0 0 6px;
    padding-bottom: 4px;
    overflow: auto;
    background: #a7a9aa;
    font-size: 18px;
    text-align: center;
    width: 34px;
    height: 22px;
    padding-top: 8px;
    display: inline-block !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

    .social-icons a:first-child {
        margin-left: 0;
    }

    .social-icons a:hover {
        color: #0f83bf;
        text-decoration: none;
        background: #23b0e4;
    }

.social-icons.centered {
    width: 100%;
    text-align: center;
}

    .social-icons.centered a {
        -moz-border-radius: 32px;
        -webkit-border-radius: 32px;
        border-radius: 32px;
    }

.social-icons.social-icons-blue a {
    background: #3ba0c5;
    color: #0f77af;
}

    .social-icons.social-icons-blue a:hover {
        color: #0f83bf;
        text-decoration: none;
        background: #23b0e4;
    }

.enkelt-kurs-center {
    max-width: 840px !important;
}

.faq {
    border-top: 1px #dddddd solid;
    padding: 17px 30px 15px 30px;
}

    .faq h4 {
        color: #000000;
    }

    .faq p {
        color: #666666;
    }

.faq-links {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-top: 7px;
}

    .faq-links li {
        padding-bottom: 17px;
    }

        .faq-links li:last-child {
            padding-bottom: 0;
        }

        .faq-links li a:hover {
            text-decoration: none;
        }

.top-title {
    padding: 10px 30px;
    display: block;
    overflow: auto;
    border-bottom: 1px #dddddd solid;
}

    .top-title h2 {
        font-size: 30px;
        color: #e74c3c;
        padding: 0;
        margin: 0;
    }

.addresse {
    text-align: center;
    margin-top: 17px;
    color: #666666;
}

    .addresse strong {
        font-size: 16px;
        color: #000000;
        margin: 0 10px;
    }

.knuckle {
    color: #dddddd;
    margin: 0 5px;
}

.employees {
    text-align: center;
    padding-bottom: 24px;
    display: block;
    overflow: auto;
}

    .employees img {
        border: 1px #dddddd solid;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .employees span {
        display: block;
    }

        .employees span.name {
            font-size: 16px;
            color: #000000;
            margin: 10px 0;
            margin-bottom: 0px;
        }

        .employees span.tel {
            color: #666666;
            font-style: italic;
        }

        .employees span.job-title {
            color: #666666;
            margin-bottom: 10px;
        }

        .employees span.mail {
            font-style: italic;
        }

/* ========== */
/* = Article = */
/* ========== */
.article {
    padding-bottom: 25px;
}

    .article h1,
    .article h2,
    .article h3,
    .article h4,
    .article h5,
    .article h6 {
        color: #666666;
    }

    .article img {
        margin-bottom: 30px;
    }

    .article h5 {
        margin-bottom: 0;
        font-size: 16px;
    }

    .article h2 {
        font-size: 24px;
    }

    .article h3,
    .article h4 {
        font-size: 18px;
    }

    .article p {
        padding-bottom: 10px;
    }

    .article blockquote.pull-right,
    .article img.pull-right {
        margin: 10px 0 20px 20px;
    }

    .article blockquote.pull-left,
    .article img.pull-left {
        margin: 10px 20px 0 0;
    }

    .article .blockquote-small {
        max-width: 350px;
    }

    .article .separator {
        width: 100%;
        height: 35px;
        clear: both;
    }

/* ========== */
/* = Footer = */
/* ========== */
footer {
    background: #e74c3c;
    color: #ffffff;
    font-size: 14px;
    padding: 26px 0 25px 0;
}

    footer h4 {
        font-weight: normal;
        color: #000000;
        margin-bottom: 22px;
    }

    footer a {
        color: #ffffff;
        text-decoration: underline;
    }

        footer a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    footer .social {
        padding-bottom: 30px;
    }

    footer .textbox {
        background: #e74c3c;
        height: 20px;
        width: 50px;
    }

.black {
    color: #000000;
}

/* ========== */
/* = Sidebar = */
/* ========== */
.sidebar {
    margin: 90px 0 0 20px;
}

    .sidebar .social-icons {
        margin-left: -10px;
    }

.banners {
    display: inline-block;
    padding-bottom: 20px;
}

    .banners a {
        float: left;
        margin-left: 20px;
    }

        .banners a:first-child {
            margin-left: 0;
        }

.inner-b-0 {
    padding-bottom: 0;
}

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

.margin-bottom-20 {
    margin-bottom: 20px;
}

.block {
    display: block;
}

.btn-big {
    padding: 13px 30px;
    font-size: 18px;
}

.right-item {
    overflow: auto;
    background: #f9f9f9;
    border: 1px #dddddd solid;
    margin: 22px 0 0 -21px;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0;
    border-radius: 0 8px 8px 0;
    padding: 14px 19px 19px 19px;
    color: #666666;
    -moz-box-shadow: inset 10px 0 10px -10px #dddddd;
    -webkit-box-shadow: inset 10px 0 10px -10px #dddddd;
    box-shadow: inset 10px 0 10px -10px #dddddd;
}

    .right-item.enkel-kurs-side {
        background: #fef0ef;
        padding: 0px;
        margin-top: 10px;
    }

    .right-item .enkel-title {
        background: #e84c3d;
    }

        .right-item .enkel-title h3 {
            padding: 20px;
            color: #FFF;
            font-weight: 300;
            font-family: "Open Sans";
            font-size: 17px;
            text-align: center;
        }

    .right-item h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 12px 0;
        color: #000000;
    }

        .right-item h3.gray {
            color: #656565;
        }

    .right-item .btn {
        margin-top: 10px;
    }

    .right-item input {
        margin-top: 5px;
        padding: 24px 21px;
    }

    .right-item .person {
        margin-top: 5px;
        width: 97px;
        height: 90px;
        border: 1px #e8e8e8 solid;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

        .right-item .person.pull-left {
            margin-right: 19px;
        }

        .right-item .person.pull-right {
            margin-left: 19px;
        }

    .right-item .name {
        color: #000000;
        margin-top: 24px;
        display: block;
        font-size: 16px;
    }

    .right-item .text-item {
        color: #666666;
        font-style: italic;
        display: block;
        font-size: 14px;
        margin-top: 10px;
    }

    .right-item blockquote {
        display: block;
        padding: 0;
        clear: both;
        margin-top: 10px;
        text-align: center;
        font-size: 18px;
        color: #666666;
        font-style: italic;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        background: url("../img/quote-top.png") no-repeat left top;
    }

        .right-item blockquote span {
            display: block;
            padding: 0 25px;
            background: url("../img/quote-bottom.png") no-repeat right bottom;
        }

    .right-item .blockquote {
        display: block;
        padding: 0 0 10px 0;
        margin: 0;
        clear: both;
        font-size: 17px;
        color: #666666;
        font-style: italic;
        text-align: center;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        background: url("../img/quote-top-w.png") no-repeat left top;
    }

        .right-item .blockquote span {
            display: block;
            background: url("../img/quote-bottom-w.png") no-repeat right bottom;
        }

    .right-item .name-quote {
        float: right;
        font-style: italic;
        font-size: 14px;
        color: #666666;
    }

    .right-item .rating,
    .right-item .link {
        display: block;
        text-align: center;
    }

    .right-item .rating {
        margin-top: 23px;
    }

    .right-item .link {
        margin-bottom: 13px;
    }

    .right-item .styled {
        margin-left: 0;
    }

        .right-item .styled li {
            list-style: none;
            background: url("../img/red-bullet.png") no-repeat left 7px;
            padding-left: 10px;
        }

            .right-item .styled li a {
                text-decoration: none;
            }

                .right-item .styled li a:hover {
                    text-decoration: underline;
                    color: #e74c3c;
                }

.margin-r-30 {
    margin-right: 30px;
}

.sbOptions {
    z-index: 1002 !important;
}

.right-item-enkel-kurs {
    margin-bottom: 10px;
}

    .right-item-enkel-kurs .sbHolder {
        margin-bottom: 10px;
    }


    .right-item-enkel-kurs input {
        display: inline;
        padding: 10px !important;
        margin: 0px;
        width: 100%;
        height: auto !important;
        margin-bottom: 10px;
    }

    .right-item-enkel-kurs select {
        display: block;
        width: 100%;
        padding: 10px !important;
        height: 40px !important;
    }

    .right-item-enkel-kurs textarea {
        width: 100%;
        display: block;
        padding: 10px;
        /*height: 130px !important;*/
    }

    .right-item-enkel-kurs button {
        font-size: 18px;
        padding: 13px 22px;
        margin-top: 3px;
        margin-bottom: 10px;
    }


.right-item-enkel-kurs-rb {
    margin-bottom: 10px;
}

    .right-item-enkel-kurs-rb .sbHolder {
        margin-bottom: 10px;
    }

    .right-item-enkel-kurs-rb input {
        display: inline;
        padding: 10px !important;
        margin: 0px;
        width: 100%;
        height: auto !important;
        margin-bottom: 10px;
    }

    .right-item-enkel-kurs-rb select {
        display: block;
        width: 100%;
        padding: 10px !important;
        height: 40px !important;
    }

    .right-item-enkel-kurs-rb textarea {
        width: 100%;
        display: block;
        padding: 10px;
        height: 130px !important;
    }

    .right-item-enkel-kurs-rb button {
        font-size: 18px;
        padding: 13px 22px;
        margin-top: 3px;
        margin-bottom: 10px;
    }






.empty-item {
    margin: 29px 0 0 0;
}

.nks-logo {
    text-align: center;
    display: block;
    padding: 10px 0 22px 0;
}

.right-item-empty {
    margin: 38px 0 15px 0;
    color: #666666;
}

    .right-item-empty h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 12px 0;
        color: #000000;
    }

    .right-item-empty a {
        color: #e74c3c;
    }

.healing-medias .media {
    padding-bottom: 10px;
}

.b20 {
    padding-bottom: 20px;
}

.fant2 {
    padding-left: 10px;
}

    .fant2 h3 {
        line-height: 24px;
        margin-top: 10px;
    }

.footer-courses {
    text-align: center;
    padding: 20px 0;
    border-top: 1px #dddddd solid;
}

.rating {
    display: block;
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 16px;
    text-align: left;
}

    .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before {
            content: "\f006";
            padding-right: 5px;
            color: #999;
        }

        .rating span.star:hover:before,
        .rating span.star.active:before,
        .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #666666;
        }

.item-no-bottom {
    padding-bottom: 0;
}

.item-links h4 {
    padding: 14px 0 4px 0;
    font-size: 18px;
}

.item-links a {
    text-decoration: underline;
}

.left-item {
    background: #f9f9f9;
    border-top: 1px #dddddd solid;
    border-left: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    margin: 22px 0 0 0;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 0 0 8px;
    padding: 14px 19px 2px 19px;
    color: #666666;
    -moz-box-shadow: inset -10px 0 10px -10px #dddddd;
    -webkit-box-shadow: inset -10px 0 10px -10px #dddddd;
    box-shadow: inset -10px 0 10px -10px #dddddd;
}

    .left-item h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 17px 0;
        color: #000000;
    }

    .left-item .radio,
    .left-item .checkbox {
        padding-left: 0;
        margin-bottom: 13px;
    }

    .left-item .icheckbox_flat-red,
    .left-item .iradio_flat-red {
        float: left;
        margin-right: 6px;
    }

    .left-item.left-item-no-bg {
        border: none;
        background: none;
        padding: 4px 19px 0 19px;
        box-shadow: none;
    }

    .left-item.left-text {
        padding: 29px 12px;
    }

        .left-item.left-text .nks-logo {
            margin-bottom: 23px;
            display: block;
        }

        .left-item.left-text a {
            text-decoration: underline;
        }

            .left-item.left-text a:hover {
                text-decoration: none;
            }

    .left-item blockquote {
        display: block;
        padding: 0 0 10px 0;
        margin: 0;
        clear: both;
        font-size: 17px;
        color: #666666;
        font-style: italic;
        text-align: center;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        background: url("../img/quote-top-w.png") no-repeat left top;
    }

        .left-item blockquote span {
            display: block;
            background: url("../img/quote-bottom-w.png") no-repeat right bottom;
        }

    .left-item .name {
        float: right;
        font-style: italic;
        font-size: 14px;
        color: #666666;
    }

    .left-item .rating,
    .left-item .link {
        display: block;
        text-align: center;
    }

    .left-item .rating {
        margin-top: 23px;
    }

    .left-item .link {
        margin-bottom: 13px;
    }



.top-item {
    width: 100%;
    background: #f9f9f9;
    border-top: 1px #dddddd solid;
    border-left: 1px #dddddd solid;
    border-bottom: 1px #dddddd solid;
    margin: 22px 0 0 0;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 0 0 8px;
    padding: 14px 19px 2px 19px;
    color: #666666;
    -moz-box-shadow: inset -10px 0 10px -10px #dddddd;
    -webkit-box-shadow: inset -10px 0 10px -10px #dddddd;
    box-shadow: inset -10px 0 10px -10px #dddddd;
}

    .top-item h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 17px 0;
        color: #000000;
        float: left;
    }

    .top-item .radio,
    .top-item .checkbox {
        padding-left: 0;
        margin-bottom: 13px;
    }

    .top-item .icheckbox_flat-red,
    .top-item .iradio_flat-red {
        float: left;
        margin-right: 6px;
    }

    .top-item.top-item-no-bg {
        border: none;
        background: none;
        padding: 4px 19px 0 19px;
        box-shadow: none;
    }

    .top-item.left-text {
        padding: 29px 12px;
    }

        .top-item.left-text .nks-logo {
            margin-bottom: 23px;
            display: block;
        }

        .top-item.left-text a {
            text-decoration: underline;
        }

            .top-item.left-text a:hover {
                text-decoration: none;
            }

    .top-item blockquote {
        display: block;
        padding: 0 0 10px 0;
        margin: 0;
        clear: both;
        font-size: 17px;
        color: #666666;
        font-style: italic;
        text-align: center;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        background: url("../img/quote-top-w.png") no-repeat left top;
    }

        .top-item blockquote span {
            display: block;
            background: url("../img/quote-bottom-w.png") no-repeat right bottom;
        }

    .top-item .name {
        float: right;
        font-style: italic;
        font-size: 14px;
        color: #666666;
    }

    .top-item .rating,
    .top-item .link {
        display: block;
        text-align: center;
    }

    .top-item .rating {
        margin-top: 23px;
    }

    .top-item .link {
        margin-bottom: 13px;
    }



.slider-div {
    padding: 0 0 16px 0;
}

    .slider-div .slider-horizontal {
        width: 100% !important;
    }

    .slider-div h3 {
        margin-bottom: 3px;
    }

.persons {
    min-height: 608px;
    padding-bottom: 20px;
    background: url("../img/persons.png") no-repeat center bottom;
    border-bottom: 1px #dddddd solid;
    text-align: center;
}

    .persons h1 {
        font-size: 36px;
        color: #e74c3c;
        margin-top: 54px;
        padding-bottom: 22px;
    }

    .persons h3 {
        font-size: 24px;
        line-height: 34px;
        font-style: italic;
        color: #262626;
        padding-bottom: 64px;
        font-weight: 400;
    }

    .persons .btn {
        padding: 17px 38px;
        font-size: 24px;
    }

    .persons .btext {
        margin-top: 21px;
        color: #e74c3c;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
    }

.circle-div {
    display: block;
    overflow: auto;
    background: url("../img/header-bg.gif");
    padding: 103px 0 74px 0;
    border-bottom: 1px #e4e4e4 solid;
}

    .circle-div h2 {
        text-align: center;
        color: #666666;
        margin-bottom: 71px;
        font-size: 36px;
    }

    .circle-div h4 {
        font-size: 24px;
    }

    .circle-div p {
        font-size: 16px;
    }

    .circle-div a {
        color: #666666;
    }

        .circle-div a:hover {
            text-decoration: none;
            color: #e74c3c;
        }

    .circle-div .item-circle {
        width: 300px;
    }

    .circle-div .span6 .item-circle-top {
        margin: 0 49px;
        display: block;
        padding-bottom: 26px;
    }

    .circle-div .span6 .item-circle-bottom {
        margin: 0 49px;
        display: block;
    }

    .circle-div .middle {
        margin-left: 92px;
    }

        .circle-div .middle .top {
            margin-top: 61px;
        }

    .circle-div .k-logo {
        text-align: center;
        padding-bottom: 29px;
    }

.video-div {
    padding: 53px 0 15px 0;
    border-bottom: 1px #e4e4e4 solid;
}

    .video-div .video {
        text-align: center;
    }

    .video-div .title {
        text-align: center;
        color: #666666;
        font-size: 36px;
        margin: 43px 0 65px 0;
    }

    .video-div h3 {
        font-size: 18px;
    }

    .video-div p {
        color: #666666;
        padding-bottom: 28px;
    }

.persons-bottom {
    padding: 57px 0 20px 0;
    background: #f5f5f5 url("../img/persons.png") no-repeat center bottom;
    border-bottom: 1px #dddddd solid;
    text-align: center;
}

    .persons-bottom h3 {
        font-size: 24px;
        line-height: 34px;
        font-style: italic;
        color: #262626;
        padding-bottom: 5px;
        font-weight: 400;
    }

    .persons-bottom .contact {
        max-width: 364px;
        margin: 0 auto;
    }

        .persons-bottom .contact .well {
            margin-bottom: 0;
            padding: 0;
            background: #f9f9f9;
            border-color: #cfcfcf;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

            .persons-bottom .contact .well form {
                margin: 0;
            }

                .persons-bottom .contact .well form input[type="text"] {
                    height: 39px;
                    color: #666666;
                    font-family: 'Open Sans', sans-serif;
                }

                .persons-bottom .contact .well form textarea {
                    height: 89px;
                    color: #666666;
                    font-family: 'Open Sans', sans-serif;
                }

            .persons-bottom .contact .well legend {
                background: #e74c3c;
                color: #ffffff;
                -moz-border-radius: 6px 6px 0 0;
                -webkit-border-radius: 6px;
                border-radius: 6px 6px 0 0;
                font-size: 18px;
                text-align: center;
                font-family: 'Open Sans', sans-serif;
                margin: 0;
                padding: 6px 0;
            }

            .persons-bottom .contact .well .contact-body {
                padding: 22px 19px 10px 19px;
                color: #666666;
            }

                .persons-bottom .contact .well .contact-body .btn {
                    font-size: 18px;
                    padding: 13px 24px;
                    margin-top: 3px;
                }

.qoutes-div {
    padding: 60px 0;
}

    .qoutes-div .qoutes {
        display: inline-block;
        padding: 20px 18px 0 18px;
        background: #f9f9f9;
        border: 1px #dddddd solid;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

        .qoutes-div .qoutes img {
            border: 1px #dddddd solid;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

            .qoutes-div .qoutes img.pull-left {
                margin-right: 21px;
            }

            .qoutes-div .qoutes img.pull-right {
                margin-left: 21px;
            }

        .qoutes-div .qoutes .name {
            display: block;
            margin-top: 30px;
            font-size: 17px;
        }

        .qoutes-div .qoutes .job {
            display: block;
            font-size: 14px;
            color: #666666;
            font-style: italic;
        }

    .qoutes-div blockquote {
        display: block;
        padding: 0;
        clear: both;
        margin-top: 16px;
        font-size: 18px;
        color: #666666;
        font-style: italic;
        border: 0;
        font-family: 'Open Sans', sans-serif;
        background: url("../img/quote-top.png") no-repeat left top;
    }

        .qoutes-div blockquote span {
            display: block;
            padding-right: 27px;
            background: url("../img/quote-bottom.png") no-repeat right bottom;
        }

.iplus {
    background: #49bd68;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    color: #ffffff !important;
    font-size: 12px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer;
    float: right;
}

    .iplus:hover {
        text-decoration: none !important;
        background-color: #3d9b56;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .iplus i {
        float: left;
        margin: 6px 0 0 6px;
    }

        .iplus i.icn {
            background: url("../img/icons/iplus.png") no-repeat;
            width: 8px;
            height: 8px;
        }

.remove-icon {
    background: #a8a9ab;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    color: #ffffff !important;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer;
    float: right;
    visibility: hidden;
    opacity: 0;
}

    .remove-icon:hover {
        text-decoration: none !important;
        background-color: #4d4d4d;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

.iminus {
    background: #49bd68;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    color: #ffffff !important;
    font-size: 12px;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    cursor: pointer;
    float: right;
}

    .iminus:hover {
        text-decoration: none !important;
        background-color: #3d9b56;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .iminus i {
        float: left;
        margin: 6px 0 0 6px;
    }

        .iminus i.icn {
            background: url("../img/icons/iminus.png") no-repeat;
            width: 8px;
            height: 8px;
        }

.text-center {
    text-align: center;
}

.bottom-title {
    font-size: 14px;
    color: #666666;
    margin: 26px 0 21px 0;
}

    .bottom-title a {
        font-size: 18px;
    }

.bottom-title-second {
    text-align: center;
    padding: 35px 0 20px 0;
}

    .bottom-title-second h4 {
        font-size: 14px;
        color: #666666;
        margin: 0 0 7px 0;
    }

    .bottom-title-second a {
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
    }

    .bottom-title-second.bottom-title-second-article {
        padding: 10px 0 30px 0;
    }

        .bottom-title-second.bottom-title-second-article a {
            line-height: 28px;
        }

.date {
    background: #e74c3c;
    color: #ffffff;
    font-size: 11px;
    width: 64px;
    padding: 6px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 auto;
}

    .date span {
        background: #ffffff;
        color: #666666;
        font-size: 48px;
        line-height: 50px;
        display: block;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin-top: 5px;
    }

.button-center {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

    .button-center .btn {
        font-size: 18px;
        padding: 13px 20px;
    }

/* ========== */
/* = List buttons = */
/* ========== */
.button-center-1 {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

    .button-center-1 .btn {
        font-size: 14px;
        padding: 8px 10px;
    }

.button-center-2 {
    width: 100%;
    display: block;
    text-align: center;
}

    .button-center-2 .btn {
        font-size: 14px;
        padding: 5px 10px;
        -moz-border-radius: 0px 0px 8px 8px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px 8px 8px;
        border-top: none;
        border-color: #dddddd;
    }

.button-center-3 {
    width: 100%;
    display: block;
    text-align: center;
}

    .button-center-3 .btn {
        font-size: 14px;
        padding: 5px 10px;
        -moz-border-radius: 0px 0px 8px 8px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px 8px 8px;
        border-top: none;
    }

.button-center-4 {
    width: 100%;
    display: block;
    text-align: center;
}

    .button-center-4 .btn {
        font-size: 14px;
        padding: 5px 10px;
        -moz-border-radius: 0px 0px 8px 8px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px 8px 8px;
        border-top: none;
        border-color: #dddddd;
    }

.small-red-down .small-red-arrow {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url("../img/icons/small-red-arrow-bottom.png") no-repeat;
    margin-left: 5px;
}

.small-red-up .small-red-arrow {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url("../img/icons/small-red-arrow-top.png") no-repeat;
    margin-left: 5px;
}

.small-white-down .small-white-arrow {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url("../img/icons/small-white-arrow-bottom.png") no-repeat;
    margin-left: 5px;
}

.small-white-up .small-white-arrow {
    display: inline-block;
    width: 12px;
    height: 8px;
    background: url("../img/icons/small-white-arrow-top.png") no-repeat;
    margin-left: 5px;
}

/* ========== */
/* = Table = */
/* ========== */
.whiterow {
    background: #ffffff;
}

.hiddenRow {
    padding: 0 !important;
}

.table .toggable {
    display: none;
}

div.table-wrapper {
    margin-bottom: 0 !important;
}

.kurs-div {
    padding: 15px 9px 20px 9px;
    border-bottom: 1px #dddddd solid;
}

    .kurs-div.single {
        background-color: #f9f9f9;
        border-bottom: none;
    }

    .kurs-div h4 {
        margin: 0 0 20px 0;
        color: #e74c3c;
        font-size: 24px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
    }

    .kurs-div .kurs-content {
        color: #666666;
    }

        .kurs-div .kurs-content span {
            font-family: 'Open Sans', sans-serif;
            color: #000000;
        }

    .kurs-div .bottom {
        margin-bottom: 19px;
    }

    .kurs-div .maps {
        border: 1px #dddddd solid;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .kurs-div .dates {
        text-align: center;
        font-size: 12px;
        color: #666666;
        margin-top: 4px;
        line-height: 16px;
    }

        .kurs-div .dates .nam {
            margin: 6px 0 4px 0;
        }

.no-left-border {
    border-left: none !important;
}

.inside-table thead:first-child tr:first-child > th:last-child,
.inside-table tbody:first-child tr:first-child > td:last-child,
.inside-table tbody:first-child tr:first-child > th:last-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.inside-table thead:first-child tr:first-child > th:first-child,
.inside-table tbody:first-child tr:first-child > td:first-child,
.inside-table tbody:first-child tr:first-child > th:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* ========== */
/* = Icons = */
/* ========== */
.arrow-down {
    display: inline-block;
    width: 22px;
    height: 15px;
    background: url("../img/icons/icon-arrow-down.png") no-repeat;
}

.arrow-up {
    display: inline-block;
    width: 22px;
    height: 15px;
    background: url("../img/icons/icon-arrow-up.png") no-repeat;
}

/* ========== */
/* = Social = */
/* ========== */
.social {
    padding-top: 5px;
    display: block;
    margin-left: -15px;
}

    .social a {
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
        display: inline-block;
        text-align: center;
        width: 28px;
        height: 25px;
        padding-top: 3px;
        margin-left: 15px;
        border: 2px #ffffff solid;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        color: #ffffff;
    }

        .social a:hover {
            color: #000000;
            border-color: #000000;
        }

    .social.social-black a {
        color: #000000;
        border: 2px #000000 solid;
    }

        .social.social-black a:hover {
            color: #ffffff;
            border-color: #ffffff;
        }

.popover {
    background: #000000;
    font-size: 12px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 2060 !important;
}

    .popover .arrow {
        border-bottom-color: #000000 !important;
    }

        .popover .arrow:after {
            border-bottom-color: #000000 !important;
        }

    .popover .popover-content {
        padding: 5px 10px;
        color: #ffffff;
    }

.bottom30 {
    padding-bottom: 30px;
}

/* ========== */
/* = Modal = */
/* ========== */
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.modal-backdrop {
    z-index: 10000;
}

@media (min-width: 768px) {
    .modal {
        width: 403px;
        margin-left: -201px;
    }

        .modal.fade.in {
            top: 20%;
        }
}

.modal {
    z-index: 10010;
}

    .modal .close-modal {
        position: absolute;
        right: 0;
        margin: -15px -18px 0 0;
        padding: 6px 8px;
        background: #ffffff;
        font-size: 28px;
        color: #e74c3c;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-border-radius: 32px;
        -webkit-border-radius: 32px;
        border-radius: 32px;
        z-index: 1000000;
    }

    .modal .modal-body {
        padding: 19px;
    }

        .modal .modal-body .well {
            margin-bottom: 0;
            padding: 0;
            background: #f9f9f9;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            overflow: auto;
        }

            .modal .modal-body .well .center {
                display: block;
                text-align: center;
            }

            .modal .modal-body .well legend {
                background: #e74c3c;
                color: #ffffff;
                -moz-border-radius: 6px 6px 0 0;
                -webkit-border-radius: 6px;
                border-radius: 6px 6px 0 0;
                font-size: 18px;
                text-align: center;
                font-family: 'Open Sans', sans-serif;
            }

            .modal .modal-body .well .well-body {
                padding: 0 19px;
            }

        .modal .modal-body .btn {
            padding: 12px 29px;
            font-size: 18px;
            margin-top: 9px;
        }

        .modal .modal-body .input-block-level {
            min-height: 39px;
        }

    .modal .modal-links {
        border-top: 1px #dddddd solid;
        font-size: 12px;
        padding: 10px 19px 9px 19px;
        display: block;
        overflow: auto;
    }

.heart-it-holder {
    position: absolute;
    z-index: 1000;
    background: #ffffff;
    border: 1px #dddddd solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 320px;
    -webkit-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.1);
}

    .heart-it-holder input {
        height: 37px;
        padding-left: 15px;
    }

    .heart-it-holder button {
        width: 145px;
        height: 35px;
    }

    .heart-it-holder .js-create-new-list {
        padding: 8px 14px;
    }

    .heart-it-holder .table {
        color: #666666;
        background: #f9f9f9;
        margin-bottom: 0;
        border-left: 1px solid #dddddd;
    }

.top-position:after, .top-position:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.top-position:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.top-position:before {
    border-color: transparent;
    border-bottom-color: #dddddd;
    border-width: 11px;
    margin-left: -11px;
}

.left-position:after, .left-position:before {
    right: 100%;
    top: 13px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.left-position:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 8px;
    margin-top: -8px;
}

.left-position:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    border-width: 9px;
    margin-top: -9px;
}

/* ========== */
/* = Search Dropdown = */
/* ========== */
.search-dropdown {
    display: block;
    text-align: left;
    margin: -7px 0 0 0;
}

    .search-dropdown h4 {
        color: #666666;
        font-size: 18px;
        padding: 0 22px;
        margin: 15px 0 10px 0;
    }

    .search-dropdown .well {
        background: #f9f9f9;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 18px;
        padding: 2px 0 1px 0;
        margin-bottom: 9px;
    }

        .search-dropdown .well:first-child {
            padding-top: 9px;
        }

        .search-dropdown .well:last-child {
            margin-bottom: 0;
        }

        .search-dropdown .well ul li a {
            display: block;
            font-family: 'Open Sans', sans-serif;
            padding: 5px 22px 5px 22px;
        }

            .search-dropdown .well ul li a:hover {
                background: #e74c3c;
                color: #ffffff;
                text-decoration: none;
            }

.logg-inn .whole-login {
    border: 1px solid #ccc;
    border-radius: 6px;
}

.logg-inn .left-login, .logg-inn .right-login {
    float: left;
    width: 362px;
}

.logg-inn .left-login {
    background: #FFF;
    border-right: 1px solid #ccc;
}

.logg-inn .right-login {
    padding: 25px 25px 0 25px;
}

.logg-inn .appended-link {
    font-size: 12px;
}

.social-login {
    margin: 0;
    width: 100%;
    display: block;
}

    .social-login li {
        display: block;
        margin-bottom: 12px;
    }

        .social-login li a {
            position: relative;
            border-radius: 6px;
            color: #FFF;
            padding-left: 40px;
            padding-top: 12px;
            padding-bottom: 12px;
            display: block;
        }

            .social-login li a em {
                position: absolute;
                left: 9px;
                top: 10px;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                line-height: 24px;
                text-align: center;
                color: #FFF;
            }

            .social-login li a.facebook {
                background: #2D4487;
            }

                .social-login li a.facebook em {
                    background: #4A6197;
                }

            .social-login li a.twitter {
                background: #1299EB;
            }

                .social-login li a.twitter em {
                    background: #33A8EE;
                }

            .social-login li a.google {
                background: #CE1010;
            }

                .social-login li a.google em {
                    background: #D83234;
                }

.help-form {
    color: #666666;
}

.vertical-align {
    vertical-align: middle;
}

.forgotten-password div.v-center {
    height: 50px;
    display: table !important;
}

    .forgotten-password div.v-center .inside {
        display: table-cell;
        vertical-align: middle;
    }

.forgotten-password input {
    margin-bottom: 0px;
}

.forgotten-password button {
    height: 37px;
    margin-top: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* ========== */
/* = Elements = */
/* ========== */
.element-page {
    margin-top: 500px;
}

    .element-page .content-center-empty .blockquote-white {
        background-color: transparent;
    }

.element-tables .media {
    padding: 0;
    float: left;
    width: 400px;
    margin-right: 20px;
}

.elements-buttons .btn {
    margin: 5px 2px 0 0;
}

.ebox {
    width: 50px;
    height: 50px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px #dddddd solid;
    display: inline-block;
    margin: 5px;
}

.background-red {
    background: #e74c3c;
}

.background-black {
    background: #000000;
}

.background-grey {
    background: #666666;
}

.background-light-grey {
    background: #f3f3f3;
}

.background-light-grey-2 {
    background: #f5f5f5;
}

.background-light-grey-3 {
    background: #f9f9f9;
}

.background-white {
    background: #ffffff;
}

.snap-drawer-left .drawer-padding {
    padding: 20px 0 30px 20px;
}

.well-back {
    background: #ffffff;
    border: 1px #dddddd solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

    .well-back .well-title {
        background: #E74C3C;
        color: #FFF;
        padding: 20px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .well-back h3 {
        margin: 0;
    }

    .well-back h4 {
        margin: 0;
    }

.account-profile {
    list-style-type: none;
    margin: 0;
    margin-bottom: 20px;
}

    .account-profile li {
        display: inline-block;
    }

        .account-profile li a {
            display: inline-block;
            margin-right: 5px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #676767;
            color: #FFF;
            border-radius: 50%;
        }

        .account-profile li:last-of-type a {
            margin-right: 0;
        }

.profile-navi {
    list-style: none;
    margin: 0;
    padding-bottom: 10px;
}

    .profile-navi li {
        display: block;
        text-align: left;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transition: all 0.15s ease-in-out;
    }

        .profile-navi li.active {
            background: #f9f9f9;
            border-top: 1px solid #e2e2e2;
            border-bottom: 1px solid #e2e2e2;
        }

        .profile-navi li:hover {
            background: #f9f9f9;
            border-bottom: 1px solid #e2e2e2;
        }

        .profile-navi li a {
            padding: 5px 20px 5px 20px;
            display: block;
            font-size: 14px;
        }

            .profile-navi li a em {
                font-size: 20px;
                margin-right: 5px;
            }

            .profile-navi li a:hover {
                text-decoration: none !important;
            }

.account-page {
    background: #FFF;
}

    .account-page .account-page-title {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        background: #f9f9f9;
    }

        .account-page .account-page-title.right h3 {
            padding-left: 16px;
        }

        .account-page .account-page-title.right em {
            right: 0px;
            left: auto;
            border-top-left-radius: 0px;
            border-top-right-radius: 6px;
        }

        .account-page .account-page-title em {
            background: #E74C3C;
            color: #FFF;
            border-top-left-radius: 6px;
            position: absolute;
            left: 0;
            top: 0;
            height: 55px;
            width: 55px;
            text-align: center;
            line-height: 55px;
            font-size: 25px;
        }

        .account-page .account-page-title h3 {
            padding-left: 50px;
        }

    .account-page .account-page-content .directory-list {
        list-style: none;
        margin: 0;
        margin-top: 15px;
        list-style-type: none;
    }

        .account-page .account-page-content .directory-list.sortable > li:hover .sorter {
            opacity: 1;
            visibility: visible;
        }

        .account-page .account-page-content .directory-list.sortable .sorter {
            position: absolute;
            left: 0;
            height: 43px;
            width: 15px;
            background: #dddddd;
            top: 0;
            opacity: 0;
            visibility: hidden;
            transition: all 0.15s ease-in-out;
        }

            .account-page .account-page-content .directory-list.sortable .sorter:after {
                position: absolute;
                content: '';
                left: 50%;
                margin-left: -3px;
                top: 50%;
                margin-top: -14px;
                width: 1.5px;
                height: 60%;
                border: 1px dotted white;
            }

        .account-page .account-page-content .directory-list > li {
            background: #FFF;
            display: block;
            border-bottom: 1px solid #f0f0f0;
            padding: 10px 0;
            position: relative;
        }

            .account-page .account-page-content .directory-list > li > a {
                display: block;
                padding-left: 30px;
                font-size: 15px;
            }

                .account-page .account-page-content .directory-list > li > a em {
                    font-size: 19px;
                }

                .account-page .account-page-content .directory-list > li > a:hover {
                    text-decoration: none !important;
                }

            .account-page .account-page-content .directory-list > li:hover .delete {
                opacity: 1;
                visibility: visible;
                transform: translateX(0px);
            }

            .account-page .account-page-content .directory-list > li:hover .rename {
                opacity: 1;
                visibility: visible;
                transform: translateX(0px);
            }

            .account-page .account-page-content .directory-list > li .delete {
                opacity: 0;
                visibility: hidden;
                position: absolute;
                right: 25px;
                top: 22px;
                margin-top: -8px;
                transition: all 0.15s ease-in-out;
                transform: translateX(12px);
            }

            .account-page .account-page-content .directory-list > li .rename {
                opacity: 0;
                visibility: hidden;
                position: absolute;
                right: 80px;
                top: 22px;
                margin-top: -8px;
                transition: all 0.15s ease-in-out;
                transform: translateX(-12px);
                padding-right: 16px;
                border-right: 1px solid #eee;
            }

    .account-page .account-page-content .directory-inside {
        padding: 10px 25px 5px 25px;
    }

        .account-page .account-page-content .directory-inside .help-inside {
            font-style: italic;
            font-size: 12px;
            margin-top: 10px;
        }

        .account-page .account-page-content .directory-inside textarea {
            width: 100%;
            height: 150px;
        }

        .account-page .account-page-content .directory-inside .star-rating {
            margin-left: 10px;
            display: inline-block;
        }

            .account-page .account-page-content .directory-inside .star-rating span {
                cursor: pointer;
                font-size: 16px;
            }

                .account-page .account-page-content .directory-inside .star-rating span.icon-star {
                    color: #E74C3C;
                }

        .account-page .account-page-content .directory-inside .remove {
            position: absolute;
            right: 5px;
            top: 10px;
            width: 20px;
            height: 20px;
            font-size: 11px;
            line-height: 20px;
            text-align: center;
            color: #FFF;
            background: #676767;
            border-radius: 50%;
        }

.what-rating {
    float: right;
    list-style: none;
    display: inline-block;
    margin: 0 5px 0 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.15s ease-in-out;
}

    .what-rating li {
        display: inline-block;
        margin-right: 3px;
        font-size: 16px;
        color: #a8a9ab;
    }

tr:hover .remove-icon {
    visibility: visible;
    opacity: 1;
}

tr:hover .what-rating {
    visibility: visible;
    opacity: 1;
}

.sortable-table thead tr th {
    padding-left: 25px !important;
}

.sortable-table tbody tr:not(.addon) {
    position: relative;
}

    .sortable-table tbody tr:not(.addon):hover .sorter-inside {
        opacity: 1;
        visibility: visible;
    }

    .sortable-table tbody tr:not(.addon) td {
        padding-left: 25px;
    }

        .sortable-table tbody tr:not(.addon) td .sorter-wrapper {
            position: relative;
            width: 100%;
            min-height: 25px;
        }

        .sortable-table tbody tr:not(.addon) td .sorter-inside {
            height: 35px !important;
            left: -25px !important;
            position: absolute;
            width: 15px;
            background: #dddddd;
            top: -5px;
            opacity: 0;
            visibility: hidden;
            transition: all 0.15s ease-in-out;
        }

            .sortable-table tbody tr:not(.addon) td .sorter-inside:after {
                position: absolute;
                content: '';
                left: 50%;
                margin-left: -3px;
                top: 50%;
                margin-top: -12px;
                width: 1.5px;
                height: 60%;
                border: 1px dotted white;
            }

.rate {
    float: right;
    padding: 0px 10px;
    margin-right: 5px;
    border-radius: 13px;
    background: #49BD68;
    color: #FFF;
    font-size: 11px;
}

    .rate:hover {
        background: #3fae5d;
        text-decoration: none !important;
    }

.v-center {
    vertical-align: middle;
}

.vertical-mid {
    display: table;
}

    .vertical-mid .inside {
        vertical-align: middle;
        display: table-cell;
    }

.attention-holder {
    position: relative;
}

    .attention-holder .close-att {
        color: #FFF;
        position: absolute;
        right: 18px;
        z-index: 100;
        top: 50%;
        font-size: 20px;
        margin-top: -12px;
    }

    .attention-holder .attention-box {
        border: 1px solid #DDDDDD;
        border-radius: 4px;
    }

    .attention-holder .title {
        background: #E74C3C;
        color: #FFF;
        padding: 20px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .attention-holder p {
        margin-bottom: 0;
    }

    .attention-holder .action {
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -14px;
    }

.statistics .stats strong {
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 27px;
    margin-left: -8px;
    color: #656565;
    transform: translate(-50%, -50%);
}

.statistics h3 {
    font-weight: normal;
    margin-top: 10px;
    color: #E74C3C;
}

.statistics p {
    color: #808080;
}

/* Grid */
.grid {
    display: grid;
    gap: 1em;
    line-height: 1.4;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 950px) {
    .grid {
        grid-template-columns: 1fr 1fr;
    }

    .tablet-grid-1 {
        grid-template-columns: 1fr;
    }

    .tablet-grid-2 {
        grid-template-columns: 1fr 1fr;
    }

    .tablet-grid-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 450px) {
    .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .mobil-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobil-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mobil-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* ========== */
/* = Responsive = */
/* ========== */
@media (min-width: 1200px) {
    .content .container .row > .span7, .content-subpage .container .row > .span7 {
        width: 939px !important;
    }
    /*.content .container .row > .span9,
  .content-subpage .container .row > .span9 {
    width: 860px;
  }*/
    .content .container .row > .span3,
    .content-subpage .container .row > .span3 {
        width: 300px !important;
    }

    .content .container .row > .span7,
    .content-subpage .container .row > .span7 {
        width: 940px !important;
    }

    .content .container .row > .span2,
    .content-subpage .container .row > .span2 {
        width: 240px !important;
    }

    .enkelt-kurs-subpage .row > .span3 {
        width: 320px !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .media-heading-first {
        text-align: center;
    }

    .banners {
        text-align: center;
    }

        .banners a {
            float: none;
            margin: 0 0 20px 0;
            display: block;
        }

    .content .nav-tabs > li > a {
        padding: 18px 20px 20px 20px;
    }

    .circle-div .middle {
        margin-left: 0;
    }

        .circle-div .middle .item-circle {
            margin-left: 13px;
        }

        .circle-div .middle .top {
            margin-top: 0;
            padding-bottom: 30px;
        }

    .sidebar2.span3 {
        width: 218px !important;
    }

    .sidebar2 .social-icons a {
        margin: 4px 0 0 3px;
    }

    footer .social > a {
        margin-bottom: 10px;
    }

    .employees span.mail {
        font-size: 80%;
    }

    .md-avatar-center {
        text-align: center;
        float: none !important;
        margin-right: 0 !important;
        margin-top: 20px;
    }

    .rating {
        text-align: center;
    }
}

@media (max-width: 1200px) and (min-width: 979px) {
    .sok-div {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .employees span.mail {
        font-size: 90%;
    }

    .left-sidebar {
        width: 188px;
    }

    .cat-sub-content {
        width: 780px;
    }

    .fant-kurser {
        padding-left: 15px;
    }

        .fant-kurser h3 {
            line-height: 20px;
        }

    .media-body {
        display: inline-block;
        margin-top: 20px;
    }

    .content-center blockquote.blockquote-white {
        max-width: 480px;
    }

    .item {
        min-height: 350px !important;
    }

    .kurser .nav > li a {
        margin-left: 4px;
    }

    .content-center-w-filters {
        width: 750px;
    }
}

.image-banner img {
    width: 100%;
    height: 120px;
    border: 1px solid blue;
}

.heart-row {
    width: 22px;
}

.width-164 {
    width: 164px;
}

.width-169 {
    width: 169px;
}

.appender {
    padding-left: 20px;
}

.heart-it {
    background: #E74C3C;
    color: #FFF !important;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 9px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
}

    .heart-it.appended {
        position: absolute;
        left: -5px;
        top: 50%;
        margin-top: -9px;
    }

    .heart-it input {
        height: 37px;
    }

.plus-it {
    background: #3EB254;
    color: #FFF !important;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 9px;
    display: inline-block;
    line-height: 18px;
    text-align: center;
}

.sidebar-banners {
    display: none;
}

@media (min-width: 1455px) {
    .sidebar-banners {
        display: block;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .sok-div {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .content-center-w-filters {
        margin-left: 20px !important;
        width: 540px;
    }

    .span7.content-center-w-filters {
        width: 100%;
    }

    .sidebar-banners.tablet.move-right {
        margin-left: 20px !important;
        margin-top: 10px;
    }

    .cat-sub-content {
        width: 600px;
    }

    .media-body {
        display: inline-block;
        margin-top: 20px;
    }

    .circle-div .middle {
        margin-left: 0;
    }

    .circle-div .item-circle {
        width: 100%;
    }

    .circle-div .top {
        margin-top: 0;
    }

    .top-content-center h2 {
        display: block;
        width: 100%;
    }

    .content-center .media {
        padding: 0;
    }

    .sidebar.span3,
    .sidebar2.span3 {
        width: 162px !important;
    }

    .content-center blockquote.blockquote-white {
        max-width: 320px;
    }

    .md-table-collapsed {
        border: none !important;
    }

        .md-table-collapsed td:first-child,
        .md-table-collapsed th:first-child {
            padding-left: 15px;
        }

        .md-table-collapsed td:last-child,
        .md-table-collapsed th:last-child {
            padding-right: 15px;
        }

    .md-no-radius {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .md-smaller-text {
        font-size: 90% !important;
    }

    .md-media-padding {
        padding: 20px 20px 8px 20px !important;
    }

    .left-sidebar .omrade {
        margin-left: 0;
    }

    .md-no-border {
        border: none;
    }

    .item {
        min-height: 410px !important;
    }

    .kurser .nav > li a {
        font-size: 18px;
        width: 17px;
        margin-left: 1px;
    }

    .social-icons a {
        margin-left: 0;
    }

    .circle-div .span6 .item-circle-top,
    .circle-div .span6 .item-circle-bottom {
        margin: 0;
    }

    .fant-kurser {
        padding: 10px 0;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1450px) {
    .sidebar-banners.tablet {
        display: block;
        width: auto;
        text-align: center;
        position: relative;
        right: 0;
    }

        .sidebar-banners.tablet.move-right {
            margin-left: 210px;
        }

        .sidebar-banners.tablet .banner {
            float: left;
            margin-right: 10px;
        }
}
/**
 * Small devices............Where the bootstrap v2 breaks into one column
 */
@media (max-width: 767px) {
    .sm-push-right-0 {
        margin-left: 0;
    }

    .sm-push-down-20 {
        margin-bottom: 20px !important;
    }

    .sm-block {
        display: block;
    }

    .sm-border-tb {
        border-left: none;
        border-right: none;
    }

    [class*="sm-span"] {
        float: left !important;
    }

    .sm-span2 {
        width: 90px !important;
    }

    .tab-content .kurser-pane {
        min-height: auto;
    }

    .sidebar-banners {
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
        right: auto;
    }

    .meny-container,
    .header-bg, footer, .sok-div, .breadcrumb-div {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .breadcrumb-div {
        background: none;
    }

        .breadcrumb-div .breadcrumb li {
            color: #333;
        }

            .breadcrumb-div .breadcrumb li a {
                color: #333;
            }

    .sok-div {
        padding: 15px 0 15px 0;
    }

        .sok-div .sok-border-div {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-right: 12px !important;
            margin-left: 12px !important;
        }

    .sok-border-div .sok-inside-border-div .form-search .search-query {
        width: 80%;
        margin-bottom: 0px;
    }

    .sok-border-div .sok-inside-border-div .form-search button {
        height: 45px;
        background: #e74c3c;
        border: none;
        text-align: center;
        color: #FFF;
        padding: 0px 15px;
        border-radius: 3px;
    }

    .url-kursleverandor {
        display: block;
        padding-bottom: 25px;
    }

    .content .nav .url {
        display: none;
    }

    .meny-div .collapse .social {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .sm-social-absolute {
        position: absolute;
        bottom: 20px;
        left: -15px;
        right: 0;
        width: auto !important;
    }

    .meny-div .collapse .row-fluid {
        padding-top: 0;
    }

    .meny-div .container {
        padding-bottom: 52px;
    }

    .meny-div .urls {
        margin-top: 0 !important;
    }

        .meny-div .urls a {
            display: block;
            margin-left: 0 !important;
            padding: 10px 0 10px 20px;
            text-decoration: none !important;
            border-bottom: 1px solid #ed7669;
        }

    .sm-no-pull {
        float: none !important;
        clear: both;
    }

    .sok-border-div {
        margin: 0 20px;
    }

    .sok-inside-border-div {
        border: none !important;
        padding: 0 !important;
        background: none !important;
    }

        .sok-inside-border-div .btn-red {
            width: 100%;
            display: block;
        }

        .sok-inside-border-div .search-query {
            border: 1px solid #e8e8e8 !important;
            background: #f9f9f9 !important;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            margin-bottom: 8px;
        }

    .sok-height {
        height: auto;
    }

    .content .row-fluid {
        margin-top: 0;
    }

        .content .row-fluid .item {
            margin-bottom: 20px;
        }

        .content .row-fluid .last-item {
            margin-bottom: 0;
        }

    .cat-sub-content {
        width: auto;
    }

    .sidebar {
        margin: 20px 0 0 0;
    }

        .sidebar .right-item {
            margin: 0;
            background-image: none;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

        .sidebar .right-item-empty {
            margin: 20px 0 5px 0;
        }

        .sidebar .banners {
            width: 100%;
            text-align: center;
        }

            .sidebar .banners a {
                float: none;
            }

    .geography {
        padding-left: 20px;
    }

        .geography li.more a:hover {
            color: #e74c3c;
            text-decoration: underline !important;
        }

    .top-content-center-links {
        padding-bottom: 10px;
        display: inline-block;
    }

    .fant-kurser {
        padding: 10px 0;
        text-align: center;
    }

    footer {
        padding-top: 0;
        padding: 40px;
    }

        footer [class*="span"] {
            margin-bottom: 30px;
        }

        footer .social {
            text-align: center;
        }

    .circle-div .middle {
        margin-left: 0;
    }

    .circle-div .item-circle {
        width: 100%;
    }

    .circle-div .top {
        margin-top: 0 !important;
        padding-bottom: 26px;
    }

    .circle-div .item-circle-top {
        margin: 0 !important;
        padding: 0;
    }

    .circle-div .item-circle-bottom {
        margin: 0 !important;
        padding: 0 0 26px 0;
    }

    .remove-sidebar {
        display: none;
    }

    .social-icons {
        padding-bottom: 30px;
    }

    .media-avatar {
        clear: both;
        display: block;
        float: none !important;
        text-align: center;
        margin-bottom: 20px;
    }

    .sok-div .sok-border-div {
        margin-left: 0;
        margin-right: 0;
    }

    .breadcrumb-div .breadcrumb {
        font-size: 14px;
    }

    .content.sm-reduced-top {
        padding-top: 35px;
    }

    header .brand {
        margin-top: 0;
    }

    .sub-header .brand {
        padding-bottom: 40px;
    }

    .news-thumbnail {
        margin-bottom: 20px;
    }

    .item {
        padding: 20px;
        overflow: hidden;
        *zoom: 1;
    }

        .item .item-icon {
            float: left;
            margin-right: 30px;
        }

        .item h3 {
            margin-top: 0;
        }

    .employees > .span3 {
        margin-bottom: 30px;
    }

    .employees span.name {
        font-size: 14px;
    }

    .employees span.mail {
        font-size: 12px;
    }

    .links .span3 {
        display: block;
    }

    .rating {
        text-align: center;
    }

    .firsttd,
    .datotd {
        width: auto !important;
    }

    .sm-shrink-to-select {
        border: 1px solid #dddddd;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 10px 20px;
        padding: 50px 3px 0 3px !important;
        display: block !important;
        position: relative;
        height: 0;
        overflow: hidden;
        background: url("../img/select-arrow.gif") no-repeat right 13px;
    }

        .sm-shrink-to-select.opened {
            background-image: url("../img/select-arrow-up.gif");
        }

        .sm-shrink-to-select li {
            display: block;
            float: none !important;
        }

            .sm-shrink-to-select li.active {
                border-bottom: none !important;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
            }

                .sm-shrink-to-select li.active a,
                .sm-shrink-to-select li.active a:hover {
                    background: none !important;
                }

            .sm-shrink-to-select li a {
                display: block !important;
                width: auto !important;
                padding: 15px !important;
                text-align: left !important;
            }

                .sm-shrink-to-select li a:hover {
                    background: #e4e4e4 !important;
                }

    .pagination {
        text-align: center;
        display: block;
        word-spacing: -5px;
    }

        .pagination ul {
            float: none;
            display: block;
        }

        .pagination li {
            float: none;
        }

        .pagination ul > li > a,
        .pagination ul > li > span {
            display: inline-block;
            float: none;
        }

    .kurs-div .date {
        margin-right: 20px;
        margin-bottom: 20px;
        float: left;
    }

    .kurs-div .dates {
        clear: right;
        text-align: left;
    }

    .body-inside-snap {
        padding-left: 20px;
        padding-right: 20px;
    }

    .item {
        min-height: 30px !important;
    }
}

@media (max-width: 580px) {
    header .brand {
        max-width: 75%;
    }

    .xs-no-padding,
    .sm-no-padding {
        padding: 0;
    }

        .xs-no-padding .md-table-collapsed,
        .sm-no-padding .md-table-collapsed {
            border: none !important;
        }

    .sm-no-margin {
        margin: 0;
    }

    .bottom-pagination {
        margin-right: 0;
        word-spacing: -4px;
    }

    .contact-form-page {
        padding: 30px 0;
    }

    .persons-bottom {
        background: none;
    }

    .meny-container .meny {
        padding: 4px 9px 7px;
        font-size: 14px;
    }

        .meny-container .meny .arrow-down {
            -moz-background-size: 75%;
            -o-background-size: 75%;
            -webkit-background-size: 75%;
            background-size: 75%;
            background-position: left bottom;
        }
}

@media (max-width: 420px) {
    .content .nav-tabs > li > a {
        padding: 18px 13px 20px 13px;
        font-size: 16px;
    }
}

@media screen and (orientation: landscape) and (max-width: 600px) {
    .meny-div .container {
        padding-bottom: 20px;
    }

    header .brand {
        max-width: 50%;
        padding-bottom: 7%;
    }
}

@media (max-width: 440px) {
    .item {
        padding-left: 10px;
        padding-right: 10px;
    }

        .item .item-icon {
            margin-right: 10px;
            width: 55px;
            height: auto;
        }

        .item h3 > a {
            font-size: 15px;
        }
}

.labelText {
    font-weight: bold;
    vertical-align: bottom;
    padding-top: 5px;
}

.checkboxlist_nowrap_cutText_noWidth {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
}

    .checkboxlist_nowrap_cutText_noWidth input {
        width: 30px;
        margin: 3px 0 2px 0;
    }

    .checkboxlist_nowrap_cutText_noWidth label {
        vertical-align: top;
        padding: 2px 4px 2px 4px;
        white-space: nowrap;
        display: inline;
    }

.checkboxlist_nowrap_cutText {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

    .checkboxlist_nowrap_cutText input {
        width: 20px;
        margin: 0 0 2px 0;
    }

    .checkboxlist_nowrap_cutText label {
        vertical-align: top;
        padding: 2px 4px 2px 4px;
        white-space: nowrap;
        display: inline;
    }

.checkboxlist_nowrap {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

    .checkboxlist_nowrap input {
        width: 20px;
        margin: 0 0 2px 0;
    }

    .checkboxlist_nowrap label {
        vertical-align: top;
        padding: 2px 4px 2px 4px;
        white-space: nowrap;
        display: inline;
    }




.rTable {
    display: table;
}

.rTableRow {
    display: table-row;
}

.rTableHeading {
    display: table-header-group;
}

.rTableBody {
    display: table-row-group;
}

.rTableFoot {
    display: table-footer-group;
}

.rTableCell, .rTableHead {
    display: table-cell;
}



.CourseTable {
    border-collapse: collapse;
    border: 1pt solid #A3A3A3;
}

    .CourseTable th {
        background-color: #e95e50;
        color: white;
        padding: 5px 10px 5px 10px;
    }

    .CourseTable td {
        background-color: white;
        padding: 5px 10px 5px 10px;
    }

    .CourseTable tr {
        cursor: pointer;
    }

        .CourseTable tr:hover td {
            background-color: whitesmoke;
        }


tinymcep {
    margin: 1px;
    padding: 1px;
}


@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}




/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba( 255, 255, 255, .6 ) url('https://www.kursagenten.no/images/old/ajax-loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}