html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, button, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: 400
}

body {
    padding: 0;
    margin: 0;
    text-align: center;
    font-family: lucida grande,lucida sans unicode,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #58595b;
    background-color: #fff
}

@media only screen and (min-width:1001px) {
    body:not(.scroll-header) a[name] {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden
    }
}

#meta-refresh {
    display: none
}

div#admin-navigation {
    display: none
}

@media only screen and (min-width:1001px) {
    .clear {
        clear: both
    }

    div.inner {
        width: 1200px;
        margin: 0 auto
    }

    .mobile-only {
        display: none !important
    }

    div#base {
        text-align: center;
        min-width: 1200px;
        padding-top: 75px;
        position: relative;
        margin: 0 auto
    }
}

@media only screen and (max-width:1000px) {
    .desktop-only {
        display: none !important
    }

    .mobile-break br {
        display: block !important
    }

    div#base {
        padding-top: 56px
    }

    .spacer {
        display: none
    }
}

body.hide-breadcrumbs div#breadcrumbs {
    display: none
}

@media only screen and (min-width:1001px) {
    div#breadcrumbs {
        font-size: 11px;
        padding: 0;
        text-align: left;
        position: absolute;
        top: 80px;
        width: 100%;
        color: #939598;
        z-index: 0
    }

        div#breadcrumbs div.inner {
            padding: 0
        }

        div#breadcrumbs a {
            outline: none;
            color: #939598;
            text-decoration: none
        }

            div#breadcrumbs a:visited {
                outline: none;
                color: #939598;
                text-decoration: none
            }

        div#breadcrumbs input, div#breadcrumbs button {
            outline: none;
            color: #939598;
            text-decoration: none
        }

        div#breadcrumbs a:hover {
            color: #00aeef
        }
}

body.recruiting-events div#breadcrumbs {
    color: #fff
}

    body.recruiting-events div#breadcrumbs a {
        color: #fff
    }

        body.recruiting-events div#breadcrumbs a:hover {
            color: #0b2558
        }

@media only screen and (max-width:1000px) {
    div#breadcrumbs {
        background-color: #e6e7e8;
        padding: 10px;
        margin: 10px 0 0;
        text-align: left;
        color: #000 !important
    }

        div#breadcrumbs a {
            color: #00aeef !important
        }
}

@media only screen and (min-width:1001px) {
    .no-header div#base {
        padding-top: 0 !important
    }

        .no-header div#base div#breadcrumbs {
            display: none
        }

    div#base {
        padding-top: 75px !important
    }

    div#header {
        position: fixed;
        width: 100%;
        padding: 0;
        height: 75px;
        top: 0;
        left: 0;
        text-align: left;
        background-color: #fff;
        z-index: 10;
        box-shadow: 0 2px 8px #d1d3d4
    }

        div#header div#colorbar {
            height: 3px;
            background-image: url(https://www.paessler.com/common/img/color-bar.svg);
            background-position: right top;
            background-repeat: no-repeat;
            background-size: 100% auto
        }

        div#header div.inner {
            position: relative;
            height: 75px
        }

            div#header div.inner a {
                color: #0b2558;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
            }

        div#header a#logo {
            height: 19px;
            overflow: hidden;
            width: 155px;
            text-decoration: none;
            padding: 26px 25px 0 0;
            display: block;
            float: left
        }

        div#header ul#main-nav {
            display: block;
            float: left
        }

        div#header ul#meta-nav {
            position: absolute;
            right: 165px;
            display: block
        }

        div#header div#language-btn {
            position: absolute;
            right: 60px;
            width: 110px;
            display: block;
            font-size: 13.5px
        }

            div#header div#language-btn > span {
                cursor: pointer
            }

            div#header div#language-btn div div.nav-bg-area {
                top: 0;
                height: 100%;
                width: 200vw;
                position: absolute;
                background: #e6e7e8;
                display: block;
                left: -100vw;
                padding-top: 0;
                padding-bottom: 0;
                z-index: -1;
                opacity: .96;
                filter: alpha(opacity=96)
            }

            div#header div#language-btn p {
                display: none;
                margin: 0;
                padding: 24px 0 28px;
                height: 20px;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                color: #0b2558
            }

                div#header div#language-btn p svg {
                    width: 30px
                }

                div#header div#language-btn p span {
                    line-height: 30px;
                    color: #0b2558;
                    text-align: left
                }

                    div#header div#language-btn p span.arrow::after {
                        position: absolute;
                        content: '';
                        margin-left: 2px;
                        margin-top: 13px;
                        border-left: 4px solid transparent;
                        border-right: 4px solid transparent;
                        border-top: 7px solid #0b2558
                    }

                div#header div#language-btn p.current-active, div#header div#language-btn p.current.inactive, div#header div#language-btn p.current-inactive {
                    display: block !important
                }

                    div#header div#language-btn p.current-active .en::before, div#header div#language-btn p.current.inactive .en::before, div#header div#language-btn p.current-inactive .en::before {
                        content: "English"
                    }

                    div#header div#language-btn p.current-active .de::before, div#header div#language-btn p.current.inactive .de::before, div#header div#language-btn p.current-inactive .de::before {
                        content: "Deutsch"
                    }

                    div#header div#language-btn p.current-active .es::before, div#header div#language-btn p.current.inactive .es::before, div#header div#language-btn p.current-inactive .es::before {
                        content: "Español"
                    }

                    div#header div#language-btn p.current-active .fr::before, div#header div#language-btn p.current.inactive .fr::before, div#header div#language-btn p.current-inactive .fr::before {
                        content: "Français"
                    }

                    div#header div#language-btn p.current-active .br::before, div#header div#language-btn p.current.inactive .br::before, div#header div#language-btn p.current-inactive .br::before {
                        content: "Português"
                    }

                    div#header div#language-btn p.current-active .it::before, div#header div#language-btn p.current.inactive .it::before, div#header div#language-btn p.current-inactive .it::before {
                        content: "Italiano"
                    }

                    div#header div#language-btn p.current-active .ru::before, div#header div#language-btn p.current.inactive .ru::before, div#header div#language-btn p.current-inactive .ru::before {
                        content: "Pусский"
                    }

                    div#header div#language-btn p.current-active .cn::before, div#header div#language-btn p.current.inactive .cn::before, div#header div#language-btn p.current-inactive .cn::before {
                        content: "中文"
                    }

            div#header div#language-btn div {
                position: absolute;
                z-index: 0;
                display: none;
                top: 72px;
                left: 33px;
                width: 100%;
                height: auto;
                padding: 20px 0 30px
            }

                div#header div#language-btn div ul {
                    margin: 0 auto;
                    float: none
                }

                    div#header div#language-btn div ul li {
                        float: none;
                        display: block
                    }

                        div#header div#language-btn div ul li a, div#header div#language-btn div ul li span {
                            display: block;
                            padding: 5px 0 0;
                            text-decoration: none;
                            text-align: left;
                            color: #0b2558;
                            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif !important;
                            font-size: 13.5px !important
                        }

                        div#header div#language-btn div ul li .en::before {
                            content: "English"
                        }

                        div#header div#language-btn div ul li .de::before {
                            content: "Deutsch"
                        }

                        div#header div#language-btn div ul li .es::before {
                            content: "Español"
                        }

                        div#header div#language-btn div ul li .fr::before {
                            content: "Français"
                        }

                        div#header div#language-btn div ul li .br::before {
                            content: "Português"
                        }

                        div#header div#language-btn div ul li .it::before {
                            content: "Italiano"
                        }

                        div#header div#language-btn div ul li .ru::before {
                            content: "Pусский"
                        }

                        div#header div#language-btn div ul li .cn::before {
                            content: "中文"
                        }

                        div#header div#language-btn div ul li a:hover {
                            color: #00aeef
                        }

                        div#header div#language-btn div ul li.current-active a, div#header div#language-btn div ul li.current-active span, div#header div#language-btn div ul li.current-inactive a, div#header div#language-btn div ul li.current-inactive span {
                            color: #00aeef
                        }

                        div#header div#language-btn div ul li.inactive {
                            display: block
                        }

                            div#header div#language-btn div ul li.inactive a, div#header div#language-btn div ul li.inactive span {
                                color: #ccc
                            }

            div#header div#language-btn:hover span {
                color: #00aeef
            }

                div#header div#language-btn:hover span.arrow::after {
                    margin-top: 3px;
                    border-top: 8px solid transparent;
                    border-bottom: 7px solid #00aeef
                }

            div#header div#language-btn:hover div {
                display: block
            }

        div#header div.align-right {
            position: absolute;
            right: 0
        }

            div#header div.align-right div:first-child {
                margin-left: 40px
            }

            div#header div.align-right div {
                display: inline-block;
                padding: 32px 0 0 14px;
                cursor: pointer
            }

                div#header div.align-right div svg {
                    height: 13px;
                    width: 13px
                }

                    div#header div.align-right div svg:hover path {
                        fill: #00aeef
                    }

                div#header div.align-right div#search:hover > div {
                    display: block
                }

                div#header div.align-right div#search {
                    margin-left: 0;
                    margin-right: -15px;
                    padding: 33px 15px 30px
                }

                    div#header div.align-right div#search > div {
                        position: fixed;
                        z-index: -10;
                        display: none;
                        top: 75px;
                        left: 0;
                        width: 100%;
                        background-color: #e6e7e8;
                        height: auto;
                        padding: 20px 0 18px;
                        opacity: .96;
                        filter: alpha(opacity=96)
                    }

                        div#header div.align-right div#search > div form#searchbox {
                            width: 1200px;
                            margin: 0 auto;
                            float: none
                        }

                            div#header div.align-right div#search > div form#searchbox input {
                                float: right;
                                width: 900px;
                                padding: 2px 10px 3px 3px;
                                border: 1px solid #e6e7e8;
                                font-size: 24px;
                                background-color: #e6e7e8;
                                text-align: right;
                                cursor: text;
                                color: #0b2558
                            }

                                div#header div.align-right div#search > div form#searchbox input::placeholder {
                                    color: #00aeef
                                }

                            div#header div.align-right div#search > div form#searchbox a svg {
                                padding-top: 3px;
                                width: 27px;
                                height: 27px;
                                float: right
                            }

                    div#header div.align-right div#search:hover > span > svg path {
                        fill: #00aeef
                    }

                div#header div.align-right div#login:hover > span > a svg path {
                    fill: #00aeef
                }
}

@media only screen and (max-width:1000px) {
    div#base {
        padding-top: 60px !important
    }

    div#header {
        position: absolute;
        width: 100%;
        padding: 0;
        height: 60px;
        top: 0;
        left: 0;
        text-align: left;
        background-color: #fff;
        z-index: 1;
        box-shadow: 0 2px 8px #d1d3d4
    }

        div#header div#colorbar {
            height: 3px;
            background-image: url(https://www.paessler.com/common/img/color-bar.svg);
            background-position: right top;
            background-repeat: no-repeat;
            background-size: 100% auto
        }

        div#header div.inner {
            position: relative;
            padding: 10px 10px 0;
            height: 75px
        }

            div#header div.inner a {
                color: #0b2558;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
            }

            div#header div.inner div#navigation a#logo {
                height: 19px;
                overflow: hidden;
                width: 155px;
                text-decoration: none;
                display: block;
                padding: 10px 0 0;
                float: left
            }

            div#header div.inner div#navigation div#language-btn {
                float: right;
                display: block;
                background-image: url(https://www.paessler.com/common/img/mobile/languages.png);
                background-repeat: no-repeat;
                background-size: 29px 38px;
                width: 29px;
                height: 40px
            }

                div#header div.inner div#navigation div#language-btn.opened {
                    background-image: url(https://www.paessler.com/common/img/mobile/languages-active.png)
                }

                div#header div.inner div#navigation div#language-btn ul#language2 {
                    display: none;
                    overflow: scroll !important;
                    margin: 0;
                    padding: 20px 0 33px;
                    background-color: #050f34;
                    position: absolute;
                    top: 55px;
                    left: 0;
                    width: 100%;
                    list-style: none;
                    text-align: left
                }

                    div#header div.inner div#navigation div#language-btn ul#language2 li {
                        float: none;
                        margin: 0;
                        padding: 13px 0 0 35px;
                        color: #fff;
                        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                        font-size: 20px !important;
                        text-transform: none !important;
                        font-weight: 400 !important;
                        list-style: none
                    }

                        div#header div.inner div#navigation div#language-btn ul#language2 li a, div#header div.inner div#navigation div#language-btn ul#language2 li span {
                            color: #fff;
                            outline: none;
                            text-decoration: none
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .en::before {
                            content: "English"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .de::before {
                            content: "Deutsch"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .es::before {
                            content: "Español"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .fr::before {
                            content: "Français"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .br::before {
                            content: "Português"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .it::before {
                            content: "Italiano"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .ru::before {
                            content: "Pусский"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li .cn::before {
                            content: "中文"
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li a:hover {
                            color: #00aeef
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li.current-active a, div#header div.inner div#navigation div#language-btn ul#language2 li.current-active span, div#header div.inner div#navigation div#language-btn ul#language2 li.current-inactive a, div#header div.inner div#navigation div#language-btn ul#language2 li.current-inactive span {
                            color: #00aeef
                        }

                        div#header div.inner div#navigation div#language-btn ul#language2 li.inactive {
                            display: block
                        }

                            div#header div.inner div#navigation div#language-btn ul#language2 li.inactive a, div#header div.inner div#navigation div#language-btn ul#language2 li.inactive span {
                                color: #ccc
                            }

                div#header div.inner div#navigation div#language-btn span#layer1 {
                    display: none
                }

            div#header div.inner div#navigation div#search-mobile {
                float: right;
                display: block;
                padding: 10px 10px 0 0
            }

                div#header div.inner div#navigation div#search-mobile svg {
                    height: 19px;
                    width: 19px
                }

            div#header div.inner div#navigation div#login {
                display: none !important
            }

            div#header div.inner div#navigation div#search {
                display: none !important
            }

                div#header div.inner div#navigation div#search input {
                    color: #0b2558
                }

                    div#header div.inner div#navigation div#search input::placeholder {
                        color: #00aeef
                    }
}

@media only screen and (min-width:1001px) {
    div#navigation {
        position: relative
    }

        div#navigation div#navigationwrap ul {
            list-style: none;
            float: left;
            margin: 0;
            padding: 0;
            width: auto
        }

            div#navigation div#navigationwrap ul li {
                float: left
            }

                div#navigation div#navigationwrap ul li a {
                    text-decoration: none;
                    color: #0b2558;
                    display: block;
                    padding: 30px 20px 25px 0;
                    font-size: 13px;
                    line-height: 18px;
                    text-align: left;
                    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
                }

                    div#navigation div#navigationwrap ul li a:hover {
                        color: #00aeef
                    }

        div#navigation div#navigationwrap > div > ul > li.current > a {
            color: #00aeef
        }

        div#navigation div#navigationwrap ul li.current:not(:hover) a::after {
            border-top: 7px solid #00aeef !important
        }

        div#navigation div#navigationwrap ul li.current-node > a {
            color: #00aeef !important
        }

        div#navigation div#navigationwrap ul li div {
            position: absolute;
            z-index: 0;
            display: none;
            top: 72px;
            left: 0;
            width: 100%;
            height: auto;
            padding: 20px 0 30px
        }

            div#navigation div#navigationwrap ul li div ul {
                margin: 0 auto;
                padding: 0;
                float: none;
                width: 100vw
            }

                div#navigation div#navigationwrap ul li div ul li {
                    display: block;
                    float: none
                }

                    div#navigation div#navigationwrap ul li div ul li a {
                        font-size: 13.5px
                    }

                    div#navigation div#navigationwrap ul li div ul li ul {
                        width: auto
                    }

                        div#navigation div#navigationwrap ul li div ul li ul li {
                            display: block;
                            float: none;
                            width: auto;
                            padding: 0 10px 0 0
                        }

                            div#navigation div#navigationwrap ul li div ul li ul li a {
                                text-transform: none;
                                width: auto;
                                padding: 5px 10px 0 0
                            }

            div#navigation div#navigationwrap ul li div li a:hover {
                color: #00aeef
            }

        div#navigation div#navigationwrap ul a {
            cursor: pointer
        }

        div#navigation div#navigationwrap ul > li:hover > div {
            display: block
        }

        div#navigation div#navigationwrap ul > li#nav-products > a::after, div#navigation div#navigationwrap ul > li#nav-learn > a::after, div#navigation div#navigationwrap ul > li#nav-support > a::after, div#navigation div#navigationwrap ul > li#nav-partners > a::after, div#navigation div#navigationwrap ul > li#nav-company > a::after {
            position: relative;
            display: inline-block;
            content: '';
            margin-left: 4px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 7px solid #0b2558
        }

        div#navigation div#navigationwrap ul > li#nav-products:hover > a::after, div#navigation div#navigationwrap ul > li#nav-products.active > a::after, div#navigation div#navigationwrap ul > li#nav-learn:hover > a::after, div#navigation div#navigationwrap ul > li#nav-learn.active > a::after, div#navigation div#navigationwrap ul > li#nav-support:hover > a::after, div#navigation div#navigationwrap ul > li#nav-support.active > a::after, div#navigation div#navigationwrap ul > li#nav-partners:hover > a::after, div#navigation div#navigationwrap ul > li#nav-partners.active > a::after, div#navigation div#navigationwrap ul > li#nav-company:hover > a::after, div#navigation div#navigationwrap ul > li#nav-company.active > a::after {
            border-top: 0;
            border-bottom: 7px solid #00aeef
        }

        div#navigation div#navigationwrap ul#main-nav {
            text-transform: uppercase;
            font-weight: 600
        }

            div#navigation div#navigationwrap ul#main-nav li {
                position: relative
            }

                div#navigation div#navigationwrap ul#main-nav li div div.nav-bg-area {
                    top: 0;
                    height: 100%;
                    width: 200vw;
                    position: absolute;
                    background: #e6e7e8;
                    display: block;
                    left: -100vw;
                    padding-top: 0;
                    padding-bottom: 0;
                    opacity: .96;
                    filter: alpha(opacity=96)
                }

                div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li {
                    padding-right: 30px;
                    float: left;
                    display: block;
                    width: auto
                }

                    div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li a {
                        text-transform: uppercase;
                        font-weight: 700;
                        padding-top: 70px;
                        padding-bottom: 10px
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li a svg {
                            width: 80px
                        }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li a svg:hover path {
                                fill: #00aeef
                            }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li a::after {
                            margin: 0;
                            border: 0
                        }

                    div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li ul {
                        padding: 0;
                        width: auto
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li ul li {
                            float: none
                        }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li ul li a {
                                height: auto;
                                text-transform: none;
                                font-weight: 400;
                                padding-top: 5px;
                                padding-bottom: 0
                            }

                    div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-696 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14856 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14858 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14861 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14864 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-31558 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53056 a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53000 a {
                        display: block;
                        padding-top: 70px;
                        padding-bottom: 5px;
                        background-image: url(https://www.paessler.com/common/img/prtg-menu.png);
                        background-size: 80px 49px;
                        background-repeat: no-repeat
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-696 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14856 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14858 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14861 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14864 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-31558 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53056 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53000 a:hover {
                            background-image: url(https://www.paessler.com/common/img/prtg-menu-hover.png)
                        }

                    div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-696 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14856 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14858 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14861 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14864 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-31558 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53056 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53000 ul {
                        padding-top: 5px
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-696 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14856 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14858 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14861 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14864 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-31558 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53056 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53000 ul li a {
                            padding-top: 5px;
                            padding-bottom: 0;
                            background-image: none
                        }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-696 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14856 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14858 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14861 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-14864 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-31558 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53056 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products div ul li#nav-53000 ul li a:hover {
                                background-image: none
                            }

                div#navigation div#navigationwrap ul#main-nav li#nav-learn div ul li {
                    padding-right: 30px;
                    float: none;
                    display: block;
                    width: auto
                }

                    div#navigation div#navigationwrap ul#main-nav li#nav-learn div ul li a {
                        font-weight: 400;
                        text-transform: none;
                        padding: 5px 0 0
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-learn div ul li a::after {
                            margin: 0;
                            border: 0
                        }

                div#navigation div#navigationwrap ul#main-nav li#nav-support div ul li {
                    padding-right: 30px;
                    float: none;
                    display: block;
                    width: auto
                }

                    div#navigation div#navigationwrap ul#main-nav li#nav-support div ul li a {
                        font-weight: 400;
                        text-transform: none;
                        padding: 5px 0 0
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-support div ul li a::after {
                            margin: 0;
                            border: 0
                        }

        div#navigation div#navigationwrap ul#meta-nav li {
            position: relative
        }

            div#navigation div#navigationwrap ul#meta-nav li div div.nav-bg-area {
                top: 0;
                height: 100%;
                width: 200vw;
                position: absolute;
                background: #e6e7e8;
                display: block;
                left: -100vw;
                padding-top: 0;
                padding-bottom: 0;
                opacity: .96;
                filter: alpha(opacity=96)
            }

            div#navigation div#navigationwrap ul#meta-nav li a {
                font-size: 13.5px
            }

            div#navigation div#navigationwrap ul#meta-nav li#nav-company div > ul > li, div#navigation div#navigationwrap ul#meta-nav li#nav-partners div > ul > li {
                padding-right: 30px;
                float: none;
                display: block;
                width: auto
            }

                div#navigation div#navigationwrap ul#meta-nav li#nav-company div > ul > li a, div#navigation div#navigationwrap ul#meta-nav li#nav-partners div > ul > li a {
                    font-weight: 400;
                    text-transform: none;
                    padding: 5px 0 0
                }

                    div#navigation div#navigationwrap ul#meta-nav li#nav-company div > ul > li a::after, div#navigation div#navigationwrap ul#meta-nav li#nav-partners div > ul > li a::after {
                        margin: 0;
                        border: 0
                    }
}

@media only screen and (max-width:1000px) {
    div#navigation div#navigationwrap, div#navigation div#language-btn {
        float: right;
        margin-right: 10px;
        width: 29px;
        height: 38px;
        display: block;
        background-repeat: no-repeat;
        background-size: 29px 38px;
        text-decoration: none
    }

    div#navigation div#navigationwrap {
        background-image: url(https://www.paessler.com/common/img/mobile/menu-icon-inactive.png)
    }

        div#navigation div#navigationwrap.opened {
            background-image: url(https://www.paessler.com/common/img/mobile/menu-icon-active.png)
        }

        div#navigation div#navigationwrap > div {
            position: absolute;
            left: 0;
            top: 55px;
            width: 100%
        }

        div#navigation div#navigationwrap a, div#navigation div#navigationwrap a:visited {
            color: #fff !important;
            outline: none;
            text-decoration: none
        }

            div#navigation div#navigationwrap a:hover, div#navigation div#navigationwrap a:visited:hover {
                color: #00aeef !important
            }

        div#navigation div#navigationwrap ul#main-nav {
            display: none;
            overflow: hidden !important;
            margin: 0;
            padding: 20px 0 10px;
            background-color: #050f34;
            width: 100%;
            list-style: none;
            height: auto;
            text-align: left
        }

            div#navigation div#navigationwrap ul#main-nav li {
                width: 95%
            }

                div#navigation div#navigationwrap ul#main-nav li#nav-products {
                    float: left;
                    height: auto !important;
                    margin: 0 0 20px;
                    padding: 20px 0 0 35px;
                    font-weight: 400;
                    color: #fff;
                    font-size: 24px;
                    text-transform: uppercase;
                    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                    list-style: none
                }

                    div#navigation div#navigationwrap ul#main-nav li#nav-products ul {
                        float: none
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-products ul li {
                            float: none;
                            margin: 0;
                            padding: 13px 0 0;
                            color: #fff;
                            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                            font-size: 20px !important;
                            text-transform: none !important;
                            font-weight: 400 !important;
                            list-style: none
                        }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products ul li ul {
                                float: none
                            }

                                div#navigation div#navigationwrap ul#main-nav li#nav-products ul li ul li {
                                    display: none
                                }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul {
                                float: none
                            }

                                div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li {
                                    display: block;
                                    font-size: 16px !important
                                }

                                    div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li#nav-104614, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-51180, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-28546, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-37450, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-51181, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-96892, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-56246, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-51182, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-96895, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-67915, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-51190, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-96898, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-60817, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-130255, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-96901, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-80648, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-130252, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-96904, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-61324, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-53146, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-104602, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53000 ul li#nav-104614 {
                                        display: none
                                    }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 a {
                                display: block;
                                padding-top: 70px;
                                padding-bottom: 5px;
                                background-image: url(https://www.paessler.com/common/img/prtg-logo-header-white.png);
                                background-size: 80px;
                                background-repeat: no-repeat;
                                margin-left: 2px
                            }

                                div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 a:hover {
                                    background-image: url(https://www.paessler.com/common/img/prtg-menu-hover.png)
                                }

                            div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul {
                                padding-top: 0
                            }

                                div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li a, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li a {
                                    padding-top: 0;
                                    padding-bottom: 0;
                                    background-image: none
                                }

                                    div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-696 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14856 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14858 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14861 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-14864 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-31558 ul li a:hover, div#navigation div#navigationwrap ul#main-nav li#nav-products ul li#nav-53056 ul li a:hover {
                                        background-image: none
                                    }

                div#navigation div#navigationwrap ul#main-nav li#nav-pricing, div#navigation div#navigationwrap ul#main-nav li#nav-learn, div#navigation div#navigationwrap ul#main-nav li#nav-support {
                    float: left;
                    width: 80%;
                    height: auto !important;
                    margin: 0 0 20px;
                    padding: 20px 0 0 35px;
                    font-weight: 400;
                    color: #fff;
                    font-size: 24px;
                    text-transform: uppercase;
                    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                    list-style: none
                }

                    div#navigation div#navigationwrap ul#main-nav li#nav-pricing ul, div#navigation div#navigationwrap ul#main-nav li#nav-learn ul, div#navigation div#navigationwrap ul#main-nav li#nav-support ul {
                        float: none
                    }

                        div#navigation div#navigationwrap ul#main-nav li#nav-pricing ul li, div#navigation div#navigationwrap ul#main-nav li#nav-learn ul li, div#navigation div#navigationwrap ul#main-nav li#nav-support ul li {
                            float: none;
                            margin: 0;
                            padding: 10px 0 0;
                            color: #fff;
                            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                            font-size: 16px !important;
                            text-transform: none !important;
                            font-weight: 400 !important;
                            list-style: none
                        }

                            div#navigation div#navigationwrap ul#main-nav li#nav-pricing ul li ul, div#navigation div#navigationwrap ul#main-nav li#nav-learn ul li ul, div#navigation div#navigationwrap ul#main-nav li#nav-support ul li ul {
                                float: none
                            }

        div#navigation div#navigationwrap ul#meta-nav {
            display: none;
            overflow: hidden !important;
            margin: 0 !important;
            padding: 0 0 20px;
            background-color: #050f34;
            width: 100%;
            border-bottom: 3px solid #d1d3d4;
            list-style: none;
            height: auto;
            text-align: left
        }

            div#navigation div#navigationwrap ul#meta-nav li {
                float: left;
                width: 95%;
                height: auto !important;
                margin: 0 0 20px;
                padding: 20px 0 0 35px;
                font-weight: 400;
                color: #fff;
                font-size: 24px;
                text-transform: uppercase;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                list-style: none
            }

                div#navigation div#navigationwrap ul#meta-nav li ul {
                    float: none
                }

                    div#navigation div#navigationwrap ul#meta-nav li ul li {
                        float: none;
                        margin: 0;
                        padding: 13px 0 0;
                        color: #fff;
                        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                        font-size: 16px !important;
                        text-transform: none !important;
                        font-weight: 400 !important;
                        list-style: none
                    }

                        div#navigation div#navigationwrap ul#meta-nav li ul li ul {
                            float: none
                        }

                            div#navigation div#navigationwrap ul#meta-nav li ul li ul li {
                                display: none
                            }
}

div#main {
    width: 100%;
    text-align: left;
    position: relative
}

    div#main div.outer {
        width: 100%
    }

    div#main div.grey {
        background-color: #f4f4f4;
        overflow: hidden
    }

@media only screen and (min-width:1001px) {
    div#main {
        margin: 0 auto
    }

        div#main div.outer div.inner {
            width: 1240px;
            margin: 0 auto 0
        }
}

ul#socialshare {
    list-style: none;
    float: none;
    margin: 0 !important;
    padding: 0 !important
}

    ul#socialshare li {
        margin: 0;
        padding: 0;
        display: inline
    }

        ul#socialshare li a {
            background-image: url(/common/img/sprite-social-share.png);
            background-repeat: no-repeat;
            background-size: 534px auto;
            overflow: hidden;
            padding: 0;
            height: 25px;
            width: 25px;
            display: inline-block;
            color: #d1d3d4;
            text-decoration: none;
            border-radius: 20px
        }

        ul#socialshare li a {
            text-decoration: none !important
        }

            ul#socialshare li a.facebook {
                background-position: 0 0
            }

                ul#socialshare li a.facebook:hover {
                    background-position: 0 -51px
                }

            ul#socialshare li a.twitter {
                background-position: -127px 0
            }

                ul#socialshare li a.twitter:hover {
                    background-position: -127px -51px
                }

            ul#socialshare li a.googleplus {
                background-position: -254px 0
            }

                ul#socialshare li a.googleplus:hover {
                    background-position: -254px -51px
                }

            ul#socialshare li a.linkedin {
                background-position: -381px 0
            }

                ul#socialshare li a.linkedin:hover {
                    background-position: -381px -51px
                }

            ul#socialshare li a.email {
                background-position: -509px 0
            }

                ul#socialshare li a.email:hover {
                    background-position: -509px -51px
                }

@media only screen and (max-width:1000px) {
    ul#socialshare {
        margin: 0 auto 30px !important
    }
}

@media only screen and (min-width:1001px) {
    div#footer {
        width: 100%;
        height: 725px;
        margin: 0 auto;
        padding: 30px 0 65px;
        top: 0;
        left: 0;
        text-align: left;
        overflow: hidden;
        background-color: #050f34
    }

        div#footer h1, div#footer h2, div#footer h3, div#footer h4, div#footer h5, div#footer h6, div#footer p, div#footer ul {
            text-align: left
        }

        div#footer a {
            outline: none;
            text-decoration: none
        }

            div#footer a:visited {
                outline: none
            }

        div#footer input, div#footer button {
            outline: none
        }

        div#footer p {
            color: #fff;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            padding: 5px 0 0;
            font-size: 14px
        }

            div#footer p.small-11 {
                font-size: 11px
            }

        div#footer a {
            color: #fff;
            outline: none
        }

            div#footer a svg:hover path {
                fill: #00aeef
            }

            div#footer a:visited {
                color: #fff;
                outline: none
            }

            div#footer a:hover {
                color: #00aeef
            }

            div#footer a.footer-button {
                text-align: center;
                background-color: #f99d1c;
                padding: 10px 0;
                font-size: 19px;
                line-height: 21px;
                width: 230px;
                border-radius: 3px;
                text-decoration: none;
                display: block;
                text-transform: uppercase;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
            }

                div#footer a.footer-button span {
                    color: #fff;
                    font-weight: 700
                }

                div#footer a.footer-button:hover {
                    background-color: #f9ac3e
                }

            div#footer a.app-icon {
                background-image: url(/common/img/mobile-icon.png);
                background-position: 7px 7px;
                background-repeat: no-repeat
            }

        div#footer form fieldset {
            width: 219px;
            display: inline-block;
            vertical-align: top
        }

        div#footer form div.formitem {
            margin: 0 0 10px
        }

        div#footer form input {
            width: 218px;
            border: none;
            height: 20px;
            border-radius: 3px;
            padding: 7px 10px;
            box-sizing: content-box
        }

        div#footer form label {
            display: block;
            color: #fff;
            position: absolute
        }

            div#footer form label.error {
                color: red
            }

        div#footer form p.in-progress {
            color: #fff;
            padding: 10px 0 0;
            color: #ed0f69;
            width: 290px;
            position: relative;
            left: -233px;
            top: 33px
        }

        div#footer form p.privacynote {
            width: 375px;
            padding: 0
        }

        div#footer form .button {
            width: 55px !important;
            margin-left: 10px;
            display: inline-block
        }

            div#footer form .button .formsubmit {
                width: 15px !important;
                height: 20px;
                padding: 7px 15px;
                margin: 0
            }

        div#footer h3 {
            margin: 0 0 15px;
            padding: 15px 0 0;
            font-weight: 400;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
        }

            div#footer h3.blog-articles-heading {
                margin: 40px 0 30px
            }

            div#footer h3#subscribe-blog {
                clear: both;
                padding-top: 40px
            }

        div#footer h4 {
            margin: 0 0 7px;
            padding: 0;
            font-weight: 700;
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
        }

        div#footer ul {
            list-style: none;
            height: 550px
        }

            div#footer ul li {
                float: left;
                height: 550px;
                list-style: none
            }

                div#footer ul li ul {
                    float: left;
                    height: auto !important
                }

                    div#footer ul li ul.column-left {
                        border-left: 1px solid #fff;
                        padding: 0 0 0 60px
                    }

                    div#footer ul li ul li {
                        float: left;
                        height: auto !important;
                        margin: 0 0 15px;
                        padding: 15px 0 0;
                        font-weight: 400;
                        color: #fff;
                        font-size: 18px;
                        text-transform: uppercase;
                        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
                    }

                        div#footer ul li ul li div {
                            padding-top: 15px
                        }

                        div#footer ul li ul li ul {
                            float: none
                        }

                            div#footer ul li ul li ul li {
                                float: none;
                                margin: 0;
                                padding: 7px 0 0;
                                color: #fff;
                                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                                font-size: 14px !important;
                                text-transform: none !important;
                                font-weight: 400 !important
                            }

                div#footer ul li svg {
                    width: 115px;
                    max-height: 75px
                }

                    div#footer ul li svg a svg:hover path {
                        fill: #00aeef
                    }

                div#footer ul li div {
                    margin: 0 0 15px
                }

                div#footer ul li#footer-left {
                    width: 375px;
                    padding: 0 60px 0 0
                }

                    div#footer ul li#footer-left p {
                        padding: 0
                    }

                div#footer ul li#footer-main-nav {
                    width: 555px;
                    height: 550px;
                    padding: 0;
                    float: left
                }

                    div#footer ul li#footer-main-nav ul li#nav-products {
                        width: 55%;
                        float: left
                    }

                        div#footer ul li#footer-main-nav ul li#nav-products ul {
                            float: none
                        }

                            div#footer ul li#footer-main-nav ul li#nav-products ul li {
                                float: none;
                                margin: 0 0 15px;
                                padding: 15px 0 0;
                                color: #fff;
                                font-size: 14px;
                                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
                            }

                                div#footer ul li#footer-main-nav ul li#nav-products ul li a {
                                    text-transform: uppercase;
                                    font-weight: 700;
                                    margin: 0 0 10px !important
                                }

                                div#footer ul li#footer-main-nav ul li#nav-products ul li ul {
                                    margin: 10px 0 0 !important
                                }

                                    div#footer ul li#footer-main-nav ul li#nav-products ul li ul li {
                                        margin: 0;
                                        padding: 7px 0 0;
                                        color: #fff;
                                        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                                        font-size: 14px !important;
                                        font-weight: 400 !important
                                    }

                                        div#footer ul li#footer-main-nav ul li#nav-products ul li ul li a {
                                            text-transform: none !important;
                                            font-weight: 400 !important
                                        }

                    div#footer ul li#footer-main-nav ul li#nav-pricing {
                        width: 40%;
                        float: right;
                        margin-bottom: -15px
                    }

                    div#footer ul li#footer-main-nav ul li#nav-learn {
                        width: 40%;
                        float: right
                    }

                    div#footer ul li#footer-main-nav ul li#nav-support {
                        width: 40%;
                        float: right
                    }

                div#footer ul li#footer-meta-nav {
                    width: 200px;
                    float: right
                }

                    div#footer ul li#footer-meta-nav ul li {
                        width: 100%
                    }

                        div#footer ul li#footer-meta-nav ul li#nav-hubspot-blog {
                            margin-bottom: -15px
                        }

        div#footer a.buttonstyle, div#footer a:visited.buttonstyle {
            display: inline-block;
            text-align: center;
            width: 266px;
            font-size: 18px;
            line-height: 16px;
            border-radius: 3px;
            padding: 7px 15px 9px;
            margin: 15px 15px 0 0;
            text-decoration: none;
            color: #fff;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            text-transform: uppercase;
            background-color: #f59c00
        }

            div#footer a.buttonstyle span, div#footer a:visited.buttonstyle span {
                font-size: 14px;
                line-height: 17px;
                text-transform: none;
                display: inline-block;
                padding: 6px 0 0
            }

            div#footer a.buttonstyle strong, div#footer a:visited.buttonstyle strong {
                color: #0b2558;
                font-weight: 400
            }

            div#footer a.buttonstyle:hover, div#footer a:visited.buttonstyle:hover {
                text-decoration: none;
                color: #fff;
                background-color: #dc8c00
            }

            div#footer a.buttonstyle.cyan, div#footer a:visited.buttonstyle.cyan {
                background-color: #00aeef
            }

        div#footer a.cyan {
            background-color: #00aeef
        }

            div#footer a.cyan:hover {
                background-color: #009bd6 !important
            }

    div#footer-bottom {
        background-color: #00aeef;
        color: #fff;
        font-size: 14px;
        height: 50px;
        text-align: left;
        overflow: hidden
    }

        div#footer-bottom div.legal {
            line-height: 50px;
            font-size: 13px
        }

            div#footer-bottom div.legal a {
                color: #fff;
                text-decoration: none;
                margin: 0 5px
            }

                div#footer-bottom div.legal a:hover {
                    text-decoration: underline
                }

            div#footer-bottom div.legal span.footer-spacer {
                margin: 0 5px 0 0
            }

        div#footer-bottom div.social-wrapper {
            float: right;
            margin: 11px 0 0
        }

            div#footer-bottom div.social-wrapper .social {
                margin-left: 5px
            }

                div#footer-bottom div.social-wrapper .social svg {
                    width: 25px;
                    max-height: 25px
                }

    div.blog-article {
        clear: both
    }

        div.blog-article .blog-preview-image {
            float: left;
            width: 125px;
            border: 1px solid #fff;
            margin: 0 20px 20px 0
        }
}

@media only screen and (max-width:1000px) {
    div#footer {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 30px 0 0;
        top: 0;
        left: 0;
        text-align: center;
        background-color: #050f34;
        overflow: hidden
    }

        div#footer a {
            outline: none;
            text-decoration: none
        }

            div#footer a:visited {
                outline: none
            }

        div#footer input, div#footer button {
            outline: none
        }

        div#footer p {
            color: #fff;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            padding: 5px 0 0;
            font-size: 14px
        }

            div#footer p.small-11 {
                font-size: 11px
            }

        div#footer a {
            color: #fff;
            outline: none
        }

            div#footer a svg:hover path {
                fill: #00aeef
            }

            div#footer a:visited {
                color: #fff;
                outline: none
            }

            div#footer a:hover {
                color: #00aeef
            }

            div#footer a.footer-button {
                text-align: center;
                background-color: #f99d1c;
                padding: 10px 0;
                font-size: 19px;
                line-height: 21px;
                width: 230px;
                border-radius: 3px;
                text-decoration: none;
                display: block;
                text-transform: uppercase;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
            }

                div#footer a.footer-button span {
                    color: #fff;
                    font-weight: 700
                }

                div#footer a.footer-button:hover {
                    background-color: #f9ac3e
                }

            div#footer a.app-icon {
                background-image: url(/common/img/mobile-icon.png);
                background-position: 7px 7px;
                background-repeat: no-repeat
            }

        div#footer form fieldset {
            width: 219px;
            display: inline-block
        }

        div#footer form div.formitem {
            margin: 0 0 10px
        }

        div#footer form input {
            width: 218px !important;
            border: none;
            height: 20px !important;
            border-radius: 3px;
            padding: 7px 10px;
            box-sizing: content-box
        }

        div#footer form label {
            display: block;
            color: #fff;
            position: absolute
        }

            div#footer form label.error {
                color: red
            }

        div#footer form p.in-progress {
            color: #fff;
            padding: 10px 0 0;
            width: 290px;
            position: relative;
            left: -233px;
            top: 33px
        }

        div#footer form p.privacynote {
            width: auto;
            padding: 0 10px
        }

        div#footer form .button {
            width: 25px !important;
            margin-left: 7px;
            display: inline-block
        }

            div#footer form .button .formsubmit {
                width: 25px;
                height: 20px;
                padding: 7px 10px !important
            }

        div#footer h3 {
            margin: 0 0 15px;
            padding: 15px 0 0;
            font-weight: 400;
            color: #fff;
            font-size: 18px;
            text-transform: uppercase;
            text-align: center;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
        }

            div#footer h3.blog-articles-heading {
                padding-top: 60px
            }

            div#footer h3 h3#subscribe-blog {
                padding-top: 30px
            }

        div#footer h4 {
            margin: 0 0 7px;
            padding: 0;
            font-weight: 700;
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
        }

        div#footer ul {
            list-style: none
        }

            div#footer ul li {
                width: auto;
                height: auto;
                padding: 0;
                list-style: none
            }

                div#footer ul li svg {
                    width: 115px
                }

                    div#footer ul li svg a svg:hover path {
                        fill: #00aeef
                    }

                div#footer ul li div {
                    margin: 0 0 15px
                }

                div#footer ul li.hide-mobile {
                    display: none !important
                }

        div#footer a.buttonstyle, div#footer a:visited.buttonstyle {
            display: inline-block;
            text-align: center;
            width: 70%;
            font-size: 18px;
            line-height: 18px;
            line-height: 18px;
            border-radius: 3px;
            padding: 7px 15px 9px;
            margin: 15px 0 0;
            text-decoration: none;
            color: #fff;
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            text-transform: uppercase;
            background-color: #f59c00
        }

            div#footer a.buttonstyle span, div#footer a:visited.buttonstyle span {
                font-size: 14px;
                line-height: 17px;
                text-transform: none;
                display: inline-block;
                padding: 6px 0 0
            }

            div#footer a.buttonstyle strong, div#footer a:visited.buttonstyle strong {
                color: #0b2558;
                font-weight: 400
            }

            div#footer a.buttonstyle:hover, div#footer a:visited.buttonstyle:hover {
                text-decoration: none;
                color: #fff;
                background-color: #dc8c00
            }

            div#footer a.buttonstyle.cyan, div#footer a:visited.buttonstyle.cyan {
                background-color: #00aeef
            }

        div#footer a.cyan {
            background-color: #00aeef
        }

            div#footer a.cyan:hover {
                background-color: #009bd6 !important
            }

    div#footer-bottom {
        background-color: #050f34;
        background: linear-gradient(to bottom right,#050f34,#050f34,#07164b);
        color: #fff;
        font-size: 12px;
        padding: 0 10px 80px;
        text-align: center;
        overflow: hidden
    }

        div#footer-bottom div.legal {
            margin: auto;
            width: 80%
        }

            div#footer-bottom div.legal a {
                color: #fff;
                margin: 0 5px;
                text-decoration: none
            }

            div#footer-bottom div.legal span.footer-spacer {
                margin: 0 5px 0 0
            }

        div#footer-bottom div.social-wrapper {
            padding: 0 0 30px
        }

            div#footer-bottom div.social-wrapper svg {
                width: 32px;
                padding-right: 10px
            }

    div.blog-article {
        margin-bottom: 30px !important
    }

        div.blog-article .blog-preview-image {
            width: 125px;
            border: 1px solid #fff;
            margin: auto;
            display: block
        }

        div.blog-article .blog-title {
            margin: 15px 30px 0;
            display: block
        }

    ul li#footer-left p {
        padding: 0
    }
}

div#bottom a {
    color: #00aeef;
    text-decoration: none;
    outline: none
}

    div#bottom a:visited {
        color: #00aeef;
        text-decoration: none;
        outline: none
    }

    div#bottom a:hover {
        text-decoration: underline
    }

@media only screen and (min-width:1001px) {
    div#bottom {
        padding: 10px 0 20px
    }

        div#bottom div.bottom-left {
            float: left;
            text-align: left;
            width: 30%
        }

        div#bottom div.bottom-right {
            float: right;
            text-align: right;
            width: 70%
        }
}

@media only screen and (max-width:1000px) {
    div#bottom {
        background-color: #e6e7e8;
        padding: 10px 10px 40px;
        color: #0b2558;
        background-image: url(/common/img/mobile/seperator.png);
        background-repeat: repeat-x;
        background-position: top left
    }

        div#bottom div.bottom-left {
            margin-bottom: 5px
        }
}

@inlcude desktop {
    div#left {
        width: 275px;
        padding: 60px15px00;
        float: left;
        background-color: #fff;
        overflow: hidden
    }
}

@media only screen and (max-width:1000px) {
    div.left {
        display: none
    }
}

@media only screen and (min-width:1001px) {
    div#subnavigation ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

        div#subnavigation ul li {
            margin: 0 0 30px
        }

            div#subnavigation ul li a {
                text-decoration: none;
                color: #0b2558;
                font-size: 15px;
                display: block
            }

                div#subnavigation ul li a:hover {
                    color: #e6045f
                }

            div#subnavigation ul li ul {
                padding: 0
            }

                div#subnavigation ul li ul li {
                    margin: 0;
                    padding: 15px 0 0
                }

                    div#subnavigation ul li ul li a {
                        text-decoration: none;
                        color: #58595b;
                        font-size: 11px
                    }

                    div#subnavigation ul li ul li ul {
                        padding: 15px 0 0 15px
                    }

            div#subnavigation ul li.current a {
                color: #e6045f
            }

                div#subnavigation ul li.current a:hover {
                    color: #e6045f
                }

            div#subnavigation ul li.current ul li a {
                color: #58595b
            }

            div#subnavigation ul li.current ul li.activenode a {
                color: #0b2558
            }

                div#subnavigation ul li.current ul li.activenode a:hover {
                    color: #0b2558
                }
}

@media only screen and (max-width:1000px) {
    div#subnavigation {
        display: none
    }
}

@media only screen and (min-width:1001px) {
    div#teasers .hidden {
        display: none
    }

    div#teasers img {
        margin: 0;
        padding: 0;
        border: none
    }

    div#teasers h2, div#teasers h3, div#teasers h4, div#teasers h5, div#teasers h6 {
        margin: 0 0 15px;
        padding: 15px 0 0;
        font-weight: 400;
        line-height: 130%;
        color: #0b2558
    }

        div#teasers h2 a, div#teasers h3 a, div#teasers h4 a, div#teasers h5 a, div#teasers h6 a, div#teasers h2 a:visited, div#teasers h3 a:visited, div#teasers h4 a:visited, div#teasers h5 a:visited, div#teasers h6 a:visited {
            text-decoration: none;
            color: #0b2558
        }

    div#teasers h2 {
        font-size: 27px;
        line-height: 29px;
        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
        text-transform: uppercase
    }

    div#teasers h3 {
        font-size: 20px;
        line-height: 20px;
        margin: 20px 0 10px;
        padding: 0;
        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
        text-transform: uppercase
    }

    div#teasers h4, div#teasers h5 {
        font-size: 16px;
        line-height: 20px
    }

    div#teasers p {
        font-size: 13px;
        line-height: 17px;
        margin: 0 0 10px
    }

    div#teasers strong {
        font-weight: 700;
        color: #0b2558
    }

    div#teasers a {
        color: #00aeef;
        text-decoration: none
    }

        div#teasers a strong {
            color: #00aeef
        }

    div#teasers em {
        font-style: italic
    }

    div#teasers hr {
        height: 20px;
        background-color: #fff;
        border: none;
        border-top: 1px solid #58595b;
        margin: 0 15px
    }

    div#teasers .clear {
        clear: both
    }

    div#teasers .hidden {
        display: none
    }

    div#teasers img {
        margin: 0;
        padding: 0;
        border: none
    }

    div#teasers ul {
        margin: 0 0 10px;
        padding: 0 0 0 20px
    }

    div#teasers ol {
        margin: 0 0 10px 10px;
        padding: 0 0 0 15px
    }

        div#teasers ul li, div#teasers ol li {
            margin: 0 0 5px
        }

    div#teasers .intro {
        color: #0b2558;
        font-size: 16px;
        line-height: 20px
    }

    div#teasers ul.intro {
        padding: 0 0 0 20px
    }

    div#teasers p.zitat {
        font-size: 13px;
        line-height: 23px;
        color: #0b2558;
        padding: 10px 20px 0
    }

    div#teasers div.update a {
        font-size: 16px;
        line-height: 28px;
        color: #0b2558
    }

        div#teasers div.update a span {
            color: #e6045f;
            font-size: 18px
        }

    div#teasers div.box {
        border: 1px solid #e6e7e8;
        padding: 10px 30px;
        text-align: left
    }

    div#teasers a.rss-feed {
        padding: 5px;
        width: 180px;
        border-radius: 3px;
        margin: 0 0 50px;
        text-decoration: none
    }

        div#teasers a.rss-feed span {
            background-image: url(/common/img/rss.png);
            background-position: 2px 0;
            background-repeat: no-repeat;
            padding-left: 20px;
            color: #fff
        }

    div#teasers a.orange, div#teasers a.yellow {
        background-color: #f99d1c;
        color: #fff
    }

        div#teasers a.orange strong, div#teasers a.yellow strong {
            color: #0b2558;
            font-weight: 400
        }

        div#teasers a.orange:hover, div#teasers a.yellow:hover {
            background-color: #eb8b06
        }

    div#teasers a.buttonstyle {
        padding: 0;
        text-transform: uppercase;
        font-size: 20px;
        line-height: 20px;
        display: block;
        font-weight: 400;
        padding: 0;
        padding: 10px 6px 13px;
        text-align: center;
        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
        width: 180px;
        border-radius: 2px
    }
}

@media only screen and (max-width:1000px) {
    div#teasers {
        display: none
    }
}

@media only screen and (min-width:1001px) {
    body.narrow-layout div#main {
        width: 1200px
    }

        body.narrow-layout div#main div#content {
            width: 655px;
            float: right;
            padding: 40px 0 30px
        }

        body.narrow-layout div#main div#left {
            float: left
        }

        body.narrow-layout div#main div.outer {
            width: 100%
        }

            body.narrow-layout div#main div.outer div.inner {
                width: 100%;
                margin: 0 auto
            }

        body.narrow-layout div#main div.grey {
            background-color: #fff;
            background-image: none
        }

        body.narrow-layout div#main div.photo-bg {
            background-image: none !important;
            background-color: #fff
        }

    body.narrow-layout div#head {
        text-align: left;
        background-color: #f4f4f4
    }

        body.narrow-layout div#head div.outer {
            border-bottom: 3px solid #e6e7e8;
            padding: 0 0 18px
        }

        body.narrow-layout div#head h1 {
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            font-size: 40px;
            text-transform: uppercase;
            line-height: 40px;
            color: #0b2558;
            padding: 50px 0 30px;
            width: 80%
        }

        body.narrow-layout div#head h2 {
            font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
            font-size: 27px;
            text-transform: uppercase;
            line-height: 29px;
            color: #0b2558;
            padding: 0 0 24px;
            width: 80%
        }
}

@media only screen and (min-width:1001px) {
    body.only-header div#content div.divider-clear {
        padding: 0 !important;
        min-height: 3px !important
    }

    body.only-header div#content div.pageelement {
        min-height: 3px !important
    }

    body.only-header div#content div.divider-bottom {
        height: 3px !important
    }

    body.only-header div#footer {
        margin-top: 0
    }
}

@media only screen and (min-width:1001px) {
    div#content .pageelement[id*=groupsegment-] {
        padding: 0
    }

    div#content div.pageelement {
        padding: 0 20px;
        margin: 0;
        clear: both;
        min-height: 25px
    }

        div#content div.pageelement.wide, div#content div.pageelement.intro, div#content div.pageelement.two_third {
            width: calc(66.66% - 40px);
            clear: none;
            float: left
        }

        div#content div.pageelement.narrow, div#content div.pageelement.one_third {
            width: calc(33.33% - 40px);
            clear: none;
            float: left
        }

        div#content div.pageelement.plain {
            padding: 0;
            clear: both
        }

            div#content div.pageelement.plain .pageelement {
                padding: 0
            }

        div#content div.pageelement.special {
            float: none
        }

    div#content div.two-col {
        width: 70%;
        margin: 0 auto
    }

        div#content div.two-col div.left-col {
            float: left;
            width: 45%
        }

        div#content div.two-col div.right-col {
            float: right;
            width: 45%
        }

    div#content .pageelement[class*=col-] {
        float: left;
        clear: none;
        padding: 0 20px
    }

    div#content .col-01 {
        width: calc(8.33% - 40px)
    }

    div#content .col-02 {
        width: calc(16.66% - 40px)
    }

    div#content .col-03 {
        width: calc(25% - 40px)
    }

    div#content .col-04 {
        width: calc(33.33% - 40px)
    }

    div#content .col-05 {
        width: calc(41.66% - 40px)
    }

    div#content .col-06 {
        width: calc(50% - 40px)
    }

    div#content .col-07 {
        width: calc(58.33% - 40px)
    }

    div#content .col-08 {
        width: calc(66.66% - 40px)
    }

    div#content .col-09 {
        width: calc(75% - 40px)
    }

    div#content .col-10 {
        width: calc(83.33% - 40px)
    }

    div#content .col-11 {
        width: calc(91.66% - 40px)
    }

    div#content .col-12 {
        width: calc(100% - 40px)
    }
}

@media only screen and (max-width:1000px) {
    div#content div.pageelement, div#content div.newselement {
        margin: 0;
        padding: 0 20px;
        width: calc(100% - 40px)
    }

        div#content div.pageelement div.textarea, div#content div.pageelement div, div#content div.newselement div.textarea, div#content div.newselement div {
            width: auto !important;
            float: none
        }

            div#content div.pageelement div.textarea br, div#content div.pageelement div br, div#content div.newselement div.textarea br, div#content div.newselement div br {
                display: none
            }

        div#content div.pageelement img, div#content div.newselement img {
            display: block;
            margin: 10px auto;
            max-width: 100%;
            height: auto
        }

            div#content div.pageelement img.border, div#content div.newselement img.border {
                border: 1px solid #d1d3d4
            }
}

@-webkit-keyframes pulse-element {
    from {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes pulse-element {
    from {
        -moz-transform: scale(1)
    }

    to {
        -moz-transform: scale(1.1)
    }
}

@keyframes pulse-element {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

a#feedback-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #00aeef;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: none;
    -webkit-box-shadow: 0 0 8px 0 #555;
    -moz-box-shadow: 0 0 8px 0 #555;
    box-shadow: 0 0 8px 0 #555;
    background-image: url(/common/img/spriting.png);
    background-repeat: no-repeat;
    background-size: auto 200px;
    background-position: -702px -6px
}

    a#feedback-icon:hover {
        background-color: #0090c6;
        -webkit-animation-name: pulse-element;
        -moz-animation-name: pulse-element;
        animation-name: pulse-element;
        -webkit-animation-duration: .15s;
        -moz-animation-duration: .15s;
        animation-duration: .15s;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-iteration-count: 4;
        -moz-animation-iteration-count: 4;
        animation-iteration-count: 4
    }

#ouibounce-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

    #ouibounce-modal .underlay {
        width: 100%;
        height: 100%;
        cursor: pointer;
        background-color: rgba(0,0,0,.5)
    }

    #ouibounce-modal .modal {
        width: 655px;
        height: 608px;
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px
    }

        #ouibounce-modal .modal .close {
            color: #777;
            font: 40px arial,sans-serif;
            position: absolute;
            right: -60px;
            top: 7px;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff;
            cursor: pointer
        }

            #ouibounce-modal .modal .close:after {
                content: '✖'
            }

            #ouibounce-modal .modal .close:hover {
                color: #979797
            }

    #ouibounce-modal .modal-body {
        width: 100%;
        height: 100%;
        border-radius: inherit
    }

    #ouibounce-modal .user-exit-intent-box {
        display: block;
        height: 100%;
        width: 100%;
        padding: 40px;
        background-color: #fff;
        border-radius: 2px;
        font-size: 2em;
        font-weight: 400;
        overflow: auto
    }

        #ouibounce-modal .user-exit-intent-box p {
            color: #fc0
        }

#winonly-notification .modal-body {
    color: #0b2558;
    font-size: 2em;
    font-weight: 400
}

    #winonly-notification .modal-body p {
        font-size: 17px;
        padding: 0;
        margin-bottom: 0
    }

    #winonly-notification .modal-body h1 {
        font-size: 39px;
        text-transform: none !important;
        padding-left: 90px;
        padding-right: 90px;
        margin-top: 30px;
        margin-bottom: 25px;
        line-height: 38px
    }

    #winonly-notification .modal-body a {
        font-size: 16px;
        font-weight: 500
    }

    #winonly-notification .modal-body .buttonstyle {
        margin: 0;
        margin-top: 40px;
        margin-bottom: 50px
    }

    #winonly-notification .modal-body img {
        width: 480px;
        height: 300px
    }

@media print {
    div#base svg {
        display: none
    }

    div#base img {
        max-width: 25%
    }

    div#base .banner {
        display: none
    }
}

div#content hr {
    height: 20px;
    background-color: #fff;
    border: none;
    border-top: 1px solid #58595b;
    margin: 0 15px
}

div#content .clear {
    clear: both
}

div#content .hidden {
    display: none
}

div#content img {
    margin: 0;
    padding: 0;
    border: none
}

    div#content img.round {
        min-width: 70px;
        min-height: 70px;
        border-radius: 50%;
        border: 2px solid #00aeef
    }

        div#content img.round.orange {
            border: 2px solid #f59c00
        }

div#content .quotes-image {
    min-height: 45px;
    background-repeat: no-repeat;
    background-position: left 3px;
    background-image: url(/common/img/anfuehrungszeichen_bg.png);
    padding-left: 40px
}

@media only screen and (min-width:1001px) {
    div#content .icon-lp {
        float: left;
        padding: 20px 0 0;
        width: 150px !important;
        margin: 0
    }

        div#content .icon-lp img {
            display: block;
            width: 70px;
            height: 70px;
            margin-right: auto;
            margin-left: auto
        }

    div#content .text-lp {
        float: left;
        width: 600px;
        min-height: 100px
    }

    div#content .img-small {
        padding: 0
    }

        div#content .img-small img {
            width: 40px;
            height: 40px;
            padding: 10px 0 0
        }
}

@media only screen and (max-width:1000px) {
    div#content .text-lp h3 {
        text-align: center !important
    }
}

body {
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif
}

    body div#content h1, body div#content h2, body div#content h3 {
        font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
        font-weight: 300
    }

    body div#content .nocaps {
        text-transform: none !important
    }

    body div#content .code {
        font-family: monospace;
        font-size: 14px;
        color: #000;
        background-color: #e6e7e8;
        padding: 1px 4px;
        border-radius: 2px;
        display: inline-block
    }

    body div#content ul.check, body div#content ul.check-white, body div#content ul.check-cloud, body div#content ul.check-server {
        padding: 0 !important;
        list-style-type: none
    }

        body div#content ul.check li, body div#content ul.check-white li, body div#content ul.check-cloud li, body div#content ul.check-server li {
            background-image: url(/common/img/check.svg);
            background-repeat: no-repeat;
            background-position: 0 2px;
            background-size: 16px 16px;
            padding-left: 25px
        }

        body div#content ul.check-white li {
            background-image: url(/common/img/check-white.svg)
        }

        body div#content ul.check-cloud li {
            background-image: url(/common/img/check-cloud.svg)
        }

        body div#content ul.check-server li {
            background-image: url(/common/img/check-server.svg)
        }

    body div#content .webinar a {
        color: #f59c00 !important
    }

        body div#content .webinar a strong {
            color: #f59c00 !important
        }

    body div#content .blueblack {
        color: #050f34 !important
    }

        body div#content .blueblack strong {
            color: #050f34 !important
        }

    body div#content .booked {
        color: #ed0f69 !important
    }

        body div#content .booked strong {
            color: #ed0f69 !important
        }

    body div#content .free {
        color: #b4cb37 !important
    }

        body div#content .free strong {
            color: #b4cb37 !important
        }

    body div#content .tiporange {
        color: #f59c00 !important
    }

        body div#content .tiporange strong {
            color: #f59c00 !important
        }

    body.font-face-large div#breadcrumbs {
        color: #fff
    }

        body.font-face-large div#breadcrumbs a {
            color: #fff;
            text-decoration: none
        }

            body.font-face-large div#breadcrumbs a:hover {
                color: #00aeef;
                text-decoration: none
            }

    body.font-face-large div#main {
        font-size: 16px
    }

        body.font-face-large div#main h1 {
            font-size: 3em;
            line-height: 1.05em;
            margin: .5em 0 !important
        }

        body.font-face-large div#main h2 {
            font-size: 2.25em;
            line-height: 1.05em;
            margin: .5em 0
        }

        body.font-face-large div#main h3 {
            font-size: 1.75em;
            line-height: 1.05em;
            text-transform: none;
            font-weight: 300;
            margin: .5em 0
        }

        body.font-face-large div#main h4, body.font-face-large div#main h5 {
            font-size: 1.125em;
            line-height: 1.22222222em
        }

        body.font-face-large div#main p {
            font-size: 1em;
            line-height: 1.25
        }

        body.font-face-large div#main strong {
            font-weight: 500
        }

@media only screen and (min-width:1001px) {
    body {
        text-align: center;
        font-size: 14px;
        line-height: 19px;
        color: #58595b
    }

        body ::selection {
            background: #00aeef;
            color: #fff
        }

        body ::-moz-selection {
            background: #00aeef;
            color: #fff
        }

        body div#content div#head {
            padding: 0
        }

            body div#content div#head h1 {
                padding: 50px 0 20px 0;
                margin: 0;
                font-weight: 300;
                max-width: 800px
            }

                body div#content div#head h1 strong {
                    font-weight: 400
                }

            body div#content div#head h2 {
                margin: 0;
                padding: 0 0 20px;
                font-weight: 300
            }

                body div#content div#head h2 strong {
                    font-weight: 400
                }

            body div#content div#head p {
                padding-top: 30px;
                color: #e6045f
            }

        body div#content a {
            outline: none
        }

            body div#content a.active strong {
                font-weight: 400
            }

            body div#content a:visited {
                outline: none
            }

        body div#content input, body div#content button {
            outline: none
        }

        body div#content a {
            color: #00aeef;
            text-decoration: none;
            outline: none
        }

            body div#content a:visited {
                color: #00aeef;
                text-decoration: none;
                outline: none
            }

                body div#content a strong, body div#content a:visited strong {
                    color: #00aeef
                }

            body div#content a:hover {
                text-decoration: underline
            }

            body div#content a.link-light {
                color: #89dfff !important
            }

            body div#content a.link-dark {
                color: #0089bc !important
            }

        body div#content h1, body div#content h2, body div#content h3, body div#content h4, body div#content h5, body div#content h6 {
            margin: 0 0 15px;
            padding: 15px 0 0;
            font-weight: 400;
            line-height: 130%;
            color: #0b2558
        }

            body div#content h1 a, body div#content h2 a, body div#content h3 a, body div#content h4 a, body div#content h5 a, body div#content h6 a, body div#content h1 a:visited, body div#content h2 a:visited, body div#content h3 a:visited, body div#content h4 a:visited, body div#content h5 a:visited, body div#content h6 a:visited {
                text-decoration: none;
                color: #0b2558
            }

        body div#content h1 {
            font-size: 44px;
            line-height: 44px;
            margin: 20px 0 30px;
            padding: 0;
            font-weight: 300
        }

            body div#content h1 strong {
                font-weight: 400
            }

        body div#content h2 {
            font-size: 31px;
            line-height: 33px;
            margin: 20px 0 10px;
            padding: 0;
            font-weight: 300
        }

            body div#content h2 strong {
                font-weight: 400
            }

        body div#content h3 {
            font-size: 20px;
            line-height: 24px;
            margin: 20px 0 10px;
            font-weight: 400;
            padding: 0;
            text-transform: uppercase
        }

            body div#content h3 strong {
                font-weight: 500
            }

        body div#content h4, body div#content h5 {
            font-size: 16px;
            line-height: 20px
        }

        body div#content p {
            font-size: 14px;
            line-height: 19px;
            margin: 0 0 10px
        }

        body div#content strong {
            font-weight: 700;
            color: #0b2558
        }

        body div#content a strong {
            color: #00aeef
        }

        body div#content em {
            font-style: italic
        }

        body div#content ul {
            margin: 0 0 10px;
            padding: 0 0 0 20px
        }

        body div#content ol {
            margin: 0 0 10px 10px;
            padding: 0 0 0 15px
        }

            body div#content ol li {
                margin: 0 0 10px
            }

        body div#content ul li {
            margin: 0 0 10px
        }

        body div#content p.intro, body div#content ul.intro, body div#content ol.intro {
            color: #0b2558;
            font-size: 16px;
            line-height: 20px
        }

        body div#content ul.intro {
            padding: 0 0 0 20px
        }

        body div#content .centered, body div#content .center {
            text-align: center
        }

        body div#content .intro-14 {
            font-size: 16px;
            line-height: 20px;
            margin: 0 0 10px;
            padding: 0
        }

        body div#content ul.intro-14 {
            padding: 0 0 0 20px
        }

        body div#content .font-10 {
            font-size: 10px;
            line-height: 14px;
            margin: 0 0 10px;
            padding: 0
        }
}

@media only screen and (max-width:1000px) {
    body {
        text-align: left;
        font-size: 15px;
        line-height: 20px;
        color: #0b2558
    }

        body div#content h1, body div#content h2, body div#content h3, body div#content h4 {
            padding: 15px 0 20px 0;
            margin: 0
        }

            body div#content h1 br, body div#content h2 br, body div#content h3 br, body div#content h4 br {
                display: none
            }

            body div#content h1 a, body div#content h2 a, body div#content h3 a, body div#content h4 a {
                color: #0b2558 !important
            }

            body div#content h1 strong, body div#content h2 strong, body div#content h3 strong, body div#content h4 strong {
                font-weight: 400
            }

            body div#content h1 span img, body div#content h2 span img, body div#content h3 span img, body div#content h4 span img {
                display: none !important
            }

        body div#content h1 {
            font-size: 30px;
            line-height: 32px;
            padding: 20px 0
        }

            body div#content h1 span {
                font-size: 25px !important
            }

        body div#content h2 {
            font-size: 26px;
            line-height: 28px
        }

            body div#content h2 a {
                color: #0b2558 !important
            }

        body div#content h3 {
            font-size: 19px;
            line-height: 20px;
            text-transform: uppercase;
            font-weight: 400
        }

        body div#content h4 {
            font-size: 16px;
            line-height: 18px;
            font-weight: 700
        }

        body div#content p, body div#content li, body div#content ul {
            padding: 0 0 10px;
            margin: 0
        }

            body div#content p br, body div#content li br, body div#content ul br {
                display: none
            }

            body div#content p strong, body div#content li strong, body div#content ul strong {
                font-weight: 700
            }

        body div#content ul, body div#content ol {
            padding: 0 0 0 15px
        }

        body div#content a {
            color: #00aeef;
            text-decoration: none;
            outline: none
        }

            body div#content a:visited {
                color: #00aeef;
                text-decoration: none;
                outline: none
            }

                body div#content a strong, body div#content a:visited strong {
                    color: #00aeef
                }

            body div#content a:hover {
                text-decoration: underline
            }

        body div#content div#head {
            padding: 0
        }

            body div#content div#head h1 {
                padding: 50px 20px 20px
            }

            body div#content div#head h2, body div#content div#head h3 {
                padding: 0 20px 20px
            }

            body div#content div#head p {
                padding-top: 30px;
                color: #e6045f
            }
}

@-webkit-keyframes move-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

@-moz-keyframes move-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

@keyframes move-stripes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

div#content .button-ghost, div#content a:visited.button-ghost {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 20px 0;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

    div#content .button-ghost span, div#content a:visited.button-ghost span {
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        display: inline-block;
        padding: 6px 0 0
    }

    div#content .button-ghost:hover, div#content a:visited.button-ghost:hover {
        text-decoration: none;
        -ms-transform: scale(.2,.2);
        -webkit-transform: scale(.2,.2);
        transform: scale(1.05,1.05)
    }

    div#content .button-ghost:hover, div#content a:visited.button-ghost:hover {
        color: #00aeef;
        background-color: #fff;
        border: 2px solid #fff
    }

div#content .button-cyan, div#content a:visited.button-cyan {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 20px 0;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    color: #fff;
    background-color: #00aeef;
    border: 2px solid #00aeef
}

    div#content .button-cyan span, div#content a:visited.button-cyan span {
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        display: inline-block;
        padding: 6px 0 0
    }

    div#content .button-cyan:hover, div#content a:visited.button-cyan:hover {
        text-decoration: none;
        -ms-transform: scale(.2,.2);
        -webkit-transform: scale(.2,.2);
        transform: scale(1.05,1.05)
    }

    div#content .button-cyan:hover, div#content a:visited.button-cyan:hover {
        color: #fff;
        background-color: #0089bc;
        border: 2px solid #0089bc
    }

div#content .button-orange, div#content a:visited.button-orange {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 20px 0;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    color: #fff;
    background-color: #f59c00;
    border: 2px solid #f59c00
}

    div#content .button-orange span, div#content a:visited.button-orange span {
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        display: inline-block;
        padding: 6px 0 0
    }

    div#content .button-orange:hover, div#content a:visited.button-orange:hover {
        text-decoration: none;
        -ms-transform: scale(.2,.2);
        -webkit-transform: scale(.2,.2);
        transform: scale(1.05,1.05)
    }

    div#content .button-orange:hover, div#content a:visited.button-orange:hover {
        color: #fff;
        background-color: #c27c00;
        border: 2px solid #c27c00
    }

div#content .small {
    font-size: 17px;
    line-height: 17px;
    border-radius: 2px;
    padding: 7px 14px
}

div#content .buttonstyle, div#content a:visited.buttonstyle {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    border-radius: 2px;
    padding: 10px 20px 13px;
    margin: 0 20px 20px 0;
    text-decoration: none;
    color: #fff;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase;
    background-color: #f59c00
}

    div#content .buttonstyle span, div#content a:visited.buttonstyle span {
        font-size: 14px;
        line-height: 17px;
        text-transform: none;
        display: inline-block;
        padding: 6px 0 0
    }

    div#content .buttonstyle strong, div#content a:visited.buttonstyle strong {
        color: #0b2558;
        font-weight: 400
    }

    div#content .buttonstyle:hover, div#content a:visited.buttonstyle:hover {
        text-decoration: none;
        color: #fff;
        background-color: #e69200
    }

div#content a.orange-ol, div#content a.orange-ol:visited {
    background-color: transparent;
    border: 1px solid #f59c00;
    color: #f59c00;
    font-weight: 300
}

    div#content a.orange-ol strong, div#content a.orange-ol span, div#content a.orange-ol:visited strong, div#content a.orange-ol:visited span {
        color: #f59c00
    }

    div#content a.orange-ol:hover, div#content a.orange-ol:visited:hover {
        background-color: transparent;
        border: 1px solid #e69200;
        color: #e69200
    }

        div#content a.orange-ol:hover strong, div#content a.orange-ol:hover span, div#content a.orange-ol:visited:hover strong, div#content a.orange-ol:visited:hover span {
            color: #e69200
        }

div#content a.grey, div#content a.grey:visited {
    background-color: #e6e7e8;
    color: #0b2558
}

    div#content a.grey strong, div#content a.grey span, div#content a.grey:visited strong, div#content a.grey:visited span {
        color: #0b2558
    }

    div#content a.grey:hover, div#content a.grey:visited:hover {
        background-color: #cbced0;
        color: #0b2558
    }

        div#content a.grey:hover strong, div#content a.grey:hover span, div#content a.grey:visited:hover strong, div#content a.grey:visited:hover span {
            color: #0b2558
        }

div#content a.grey-medium, div#content a.grey-medium:visited {
    background-color: #d1d3d4;
    color: #58595b
}

    div#content a.grey-medium strong, div#content a.grey-medium span, div#content a.grey-medium:visited strong, div#content a.grey-medium:visited span {
        color: #58595b
    }

    div#content a.grey-medium:hover, div#content a.grey-medium:visited:hover {
        background-color: #b7babb;
        color: #0b2558
    }

        div#content a.grey-medium:hover strong, div#content a.grey-medium:hover span, div#content a.grey-medium:visited:hover strong, div#content a.grey-medium:visited:hover span {
            color: #0b2558
        }

div#content a.blue, div#content a.blue:visited {
    background-color: #0b2558
}

    div#content a.blue strong, div#content a.blue:visited strong {
        color: #fff
    }

    div#content a.blue:hover, div#content a.blue:visited:hover {
        background-color: #19223f
    }

div#content a.white, div#content a.white:visited {
    background-color: #fff;
    color: #b7babb
}

    div#content a.white strong, div#content a.white span, div#content a.white:visited strong, div#content a.white:visited span {
        color: #b7babb
    }

    div#content a.white:hover, div#content a.white:visited:hover {
        background-color: #d1d3d4;
        color: #fff
    }

        div#content a.white:hover strong, div#content a.white:hover span, div#content a.white:visited:hover strong, div#content a.white:visited:hover span {
            color: #fff
        }

div#content a.white-ol, div#content a.white-ol:visited {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 300
}

    div#content a.white-ol strong, div#content a.white-ol span, div#content a.white-ol:visited strong, div#content a.white-ol:visited span {
        color: #fff
    }

    div#content a.white-ol:hover, div#content a.white-ol:visited:hover {
        background-color: #fff;
        color: #00aeef
    }

        div#content a.white-ol:hover strong, div#content a.white-ol:hover span, div#content a.white-ol:visited:hover strong, div#content a.white-ol:visited:hover span {
            color: #00aeef
        }

div#content a.white-blue, div#content a.white-blue:visited {
    background-color: #fff;
    color: #00aeef
}

    div#content a.white-blue strong, div#content a.white-blue span, div#content a.white-blue:visited strong, div#content a.white-blue:visited span {
        color: #00aeef
    }

    div#content a.white-blue:hover, div#content a.white-blue:visited:hover {
        background-color: #00aeef;
        color: #fff
    }

        div#content a.white-blue:hover strong, div#content a.white-blue:hover span, div#content a.white-blue:visited:hover strong, div#content a.white-blue:visited:hover span {
            color: #fff
        }

div#content a.white-darkblue, div#content a.white-darkblue:visited {
    background-color: #fff;
    color: #00aeef
}

    div#content a.white-darkblue strong, div#content a.white-darkblue span, div#content a.white-darkblue:visited strong, div#content a.white-darkblue:visited span {
        color: #00aeef
    }

    div#content a.white-darkblue:hover, div#content a.white-darkblue:visited:hover {
        background-color: #0b2558;
        color: #fff
    }

        div#content a.white-darkblue:hover strong, div#content a.white-darkblue:hover span, div#content a.white-darkblue:visited:hover strong, div#content a.white-darkblue:visited:hover span {
            color: #fff
        }

div#content a.magenta, div#content a.magenta:visited {
    background-color: #e6045f
}

    div#content a.magenta strong, div#content a.magenta:visited strong {
        color: #fff
    }

    div#content a.magenta:hover, div#content a.magenta:visited:hover {
        background-color: #d60358
    }

div#content a.green, div#content a.green:visited {
    background-color: #aac132;
    color: #fff
}

    div#content a.green strong, div#content a.green:visited strong {
        color: #fff
    }

    div#content a.green:hover, div#content a.green:visited:hover {
        background-color: #91a42b
    }

div#content a.orange2, div#content a.orange2:visited {
    background-color: #f59c00;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px
}

    div#content a.orange2 strong, div#content a.orange2:visited strong {
        color: #fff
    }

    div#content a.orange2:hover, div#content a.orange2:visited:hover {
        background-color: #c27c00
    }

div#content a.orange-light, div#content a.orange-light:visited {
    background-color: #fc0;
    color: #fff
}

    div#content a.orange-light strong, div#content a.orange-light:visited strong {
        color: #fff
    }

    div#content a.orange-light:hover, div#content a.orange-light:visited:hover {
        background-color: #e6b800
    }

div#content a.blue_sky, div#content a.blue_sky:visited {
    background-color: #00aeef;
    color: #fff
}

    div#content a.blue_sky strong, div#content a.blue_sky:visited strong {
        color: #fff
    }

    div#content a.blue_sky:hover, div#content a.blue_sky:visited:hover {
        background-color: #0089bc
    }

div#content a.center {
    margin: 0 auto;
    float: none;
    display: block
}

div#content .button-sensor {
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    border-radius: 3px;
    padding: 7px 10px;
    margin: 0 20px 20px 0;
    float: left;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase
}

    div#content .button-sensor span {
        font-size: 13px;
        line-height: 17px;
        text-transform: none;
        display: inline-block;
        padding: 6px 0 0
    }

        div#content .button-sensor span strong {
            color: #fff;
            font-weight: 400
        }

div#content .button-vendors-and-apps {
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    border-radius: 3px;
    padding: 7px 10px;
    margin: 0;
    float: left;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    text-transform: uppercase
}

div#content .register-button {
    display: block;
    background-image: url(/common/img/register.png);
    background-repeat: no-repeat;
    background-position: -12px 2px;
    border: none;
    color: #fff;
    text-align: center;
    width: 90px;
    height: 30px;
    font-size: 12px;
    padding: 10px 5px 0 0;
    clear: both;
    margin: 0 auto
}

div#content .result {
    display: block;
    float: left;
    width: 190px;
    text-align: center;
    height: 35px;
    color: #fff;
    font-size: 14px;
    background-image: url(/common/img/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: -10px -2799px;
    padding: 5px 0 10px
}

    div#content .result:hover {
        background-position: -771px -2800px
    }

div#content div.smaller-buttons .buttonstyle {
    width: 270px !important;
    font-size: 19px;
    line-height: 19px
}

    div#content div.smaller-buttons .buttonstyle span {
        font-size: 13px
    }

div#content a.wistia {
    padding: 2%;
    text-transform: uppercase;
    display: block;
    margin: 0 10% 0 0 !important;
    width: 35%
}

div#content a.apply {
    width: 68%;
    margin: 0 20% 0 10% !important
}

div#content div.wistia-buttons {
    margin: 0 auto !important;
    padding: 0 0 0 10%
}

div#content a.pdf-new {
    background-image: url(/common/img/button_icons/pdf.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 10px 10px 8px 65px !important;
    background-color: #e6e7e8;
    color: #0b2558;
    text-align: left !important
}

div#content a.upper {
    text-transform: uppercase
}

div#content a.bold {
    font-weight: 700
}

div#content a.newsletter-subscribe-button, div#content a:visited.newsletter-subscribe-button {
    display: block;
    background-color: #f59c00;
    text-align: left;
    font-size: 17px;
    line-height: 20px;
    border-radius: 3px;
    padding: 10px;
    text-decoration: none;
    font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
    position: absolute;
    left: 500px;
    top: 75px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

    div#content a.newsletter-subscribe-button strong, div#content a:visited.newsletter-subscribe-button strong {
        color: #fff;
        font-size: 20px;
        font-weight: 400 !important
    }

    div#content a.newsletter-subscribe-button:hover, div#content a:visited.newsletter-subscribe-button:hover {
        color: #fff;
        background-color: #e69200;
        text-decoration: none
    }

div#content div.buttonsegment a.buttonstyle {
    padding: 0
}

    div#content div.buttonsegment a.buttonstyle span {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 24px;
        display: block;
        padding: 0;
        padding: 10px 6px 13px
    }

        div#content div.buttonsegment a.buttonstyle span span {
            font-size: 15px;
            line-height: 18px;
            text-transform: none;
            display: inline-block;
            padding: 6px 0 0
        }

    div#content div.buttonsegment a.buttonstyle.moving-stripes {
        background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);
        background-image: linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);
        animation: move-stripes 4s linear infinite;
        background-size: 50px 50px
    }

div#content a.cta-button {
    display: block;
    background-image: url(/common/img/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: -11px -3193px;
    border: none;
    color: #fff;
    text-align: center;
    width: 290px;
    height: 40px;
    font-size: 13px;
    padding: 12px 0 0 0;
    clear: both;
    margin: 0 auto
}

    div#content a.cta-button:hover {
        background-position: -660px -3191px
    }

div#content a.button-pdf, div#content a.button-pdf-2, div#content a.button-html, div#content a.button-download, div#content a.button-download-2, div#content a.button-login, div#content a.button-buy, div#content a.button-buy-2, div#content a.button-trial-2, div#content a.button-play, div#content a.button-play-2, div#content a.button-faq, div#content a.button-faq-2, div#content a.button-kb, div#content a.button-more-2, div#content a.button-download-4, div#content a.button-buy-4, div#content a.button-play-4 {
    background-image: url(/common/img/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: 32px -10px;
    display: block;
    float: left;
    padding: 50px 0 0;
    text-align: center;
    width: 125px;
    margin: 0 0 15px
}

div#content a.button-faq {
    background-position: 30px -1400px
}

    div#content a.button-faq:hover {
        background-position: -868px -1400px
    }

div#content a.button-kb {
    background-position: 30px -1600px
}

    div#content a.button-kb:hover {
        background-position: -868px -1600px
    }

div#content a.button-pdf {
    background-position: 30px -10px
}

    div#content a.button-pdf:hover {
        background-position: -868px -10px
    }

div#content a.button-play {
    background-position: 30px -1200px
}

    div#content a.button-play:hover {
        background-position: -868px -1200px
    }

div#content a.button-buy {
    background-position: 30px -800px
}

    div#content a.button-buy:hover {
        background-position: -868px -800px
    }

div#content a.button-download {
    background-position: 30px -400px
}

    div#content a.button-download:hover {
        background-position: -868px -400px
    }

div#content a.button-login {
    background-position: 30px -600px
}

    div#content a.button-login:hover {
        background-position: -868px -600px
    }

div#content a.button-html {
    background-position: 30px -200px
}

    div#content a.button-html:hover {
        background-position: -868px -200px
    }

div#content a.button-pdf-2 {
    background-position: 112px -10px;
    width: 290px
}

    div#content a.button-pdf-2:hover {
        background-position: -785px -10px
    }

div#content a.button-download-2 {
    background-position: 112px -400px;
    width: 290px
}

    div#content a.button-download-2:hover {
        background-position: -785px -400px
    }

div#content a.button-buy-2 {
    background-position: 112px -800px;
    width: 290px
}

    div#content a.button-buy-2:hover {
        background-position: -785px -800px
    }

div#content a.button-trial-2 {
    background-position: 112px -1000px;
    width: 290px;
    padding-bottom: 10px
}

    div#content a.button-trial-2:hover {
        background-position: -785px -1000px
    }

div#content a.button-faq-2 {
    background-position: 112px -1400px;
    width: 290px
}

    div#content a.button-faq-2:hover {
        background-position: -785px -1400px;
        width: 290px
    }

div#content a.button-play-2 {
    background-position: 112px -1200px;
    width: 290px
}

    div#content a.button-play-2:hover {
        background-position: -785px -1200px
    }

div#content a.button-more-2 {
    background-position: 112px -600px;
    width: 290px
}

    div#content a.button-more-2:hover {
        background-position: -785px -600px
    }

div#content a.button-download-4 {
    background-position: 55px -400px;
    width: 175px
}

    div#content a.button-download-4:hover {
        background-position: -843px -400px;
        width: 175px
    }

div#content a.button-play-4 {
    background-position: 55px -1200px;
    width: 175px
}

    div#content a.button-play-4:hover {
        background-position: -843px -1200px
    }

div#content a.button-buy-4 {
    background-position: 55px -800px;
    width: 175px
}

    div#content a.button-buy-4:hover {
        background-position: -843px -800px
    }

div#content a.button-download-3, div#content a.button-pdf-3, div#content a.button-kb-3, div#content a.textdownload {
    background-image: url(/common/img/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: -5px -400px;
    display: block;
    padding: 2px 0 0 60px;
    height: 45px
}

div#content div.textdownload a {
    background-image: url(/common/img/sprite_buttons.png);
    background-repeat: no-repeat;
    background-position: -5px -400px;
    display: block;
    padding: 2px 0 0 60px;
    height: 45px
}

div#content a.button-kb-3 {
    background-position: -12px -1600px
}

    div#content a.button-kb-3:hover {
        background-position: -910px -1600px
    }

div#content a.button-pdf-3 {
    background-position: -12px -10px
}

    div#content a.button-pdf-3:hover {
        background-position: -910px -10px
    }

div#content a.button-download-3, div#content a.textdownload {
    background-position: -12px -400px
}

div#content div.textdownload a {
    background-position: -12px -400px
}

div#content a.button-download-3 span.dl1, div#content a.textdownload span.dl1 {
    display: none
}

div#content div.textdownload a span.dl1 {
    display: none
}

div#content .button-download-3:hover, div#content a.textdownload:hover, div#content div.textdownload a:hover {
    background-position: -910px -400px
}

div#content a.trialbutton {
    background-image: url(/common/img/sprite.png);
    background-position: -579px -97px;
    background-repeat: no-repeat;
    display: block;
    height: 80px
}

@media only screen and (min-width:1001px) {
    div#content a.w225, div#content button.w225 {
        width: 205px
    }

    div#content a.w2, div#content button.w2 {
        width: 428px;
        margin: 0 0 20px 20px
    }

    div#content a.w3, div#content button.w3 {
        width: 273px;
        margin: 0 0 20px 20px
    }

    div#content a.w4, div#content button.w4 {
        width: 194px;
        margin: 0 0 20px 20px
    }

    div#content a.w100, div#content button.w100 {
        width: 100px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w150, div#content button.w150 {
        width: 150px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w200, div#content button.w200 {
        width: 200px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w250, div#content button.w250 {
        width: 250px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w300, div#content button.w300 {
        width: 300px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w350, div#content button.w350 {
        width: 350px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w400, div#content button.w400 {
        width: 400px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w450, div#content button.w450 {
        width: 450px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w500, div#content button.w500 {
        width: 500px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w550, div#content button.w550 {
        width: 550px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w600, div#content button.w600 {
        width: 600px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.w650, div#content button.w650 {
        width: 650px !important;
        padding-left: 0;
        padding-right: 0
    }

    div#content a.half, div#content button.half {
        width: 45%
    }

    div#content a.buttonstyle span.mobile {
        padding: 11px 10px 12px 52px !important;
        background-repeat: no-repeat;
        background-position: 8px 5px;
        text-align: left;
        width: 600px
    }

        div#content a.buttonstyle span.mobile.app {
            background-image: url(/common/img/button-mobile-app.png)
        }

        div#content a.buttonstyle span.mobile.device {
            background-image: url(/common/img/button-mobile-download.png)
        }

        div#content a.buttonstyle span.mobile.email {
            background-image: url(/common/img/button-mobile-email.png)
        }

        div#content a.buttonstyle span.mobile.dropbox {
            background-image: url(/common/img/button-mobile-dropbox.png)
        }

        div#content a.buttonstyle span.mobile.brochure {
            background-image: url(/common/img/button-mobile-brochure.png)
        }

    div#content a.buttonstyle span.icon {
        padding: 10px 10px 13px 65px !important;
        background-repeat: no-repeat;
        background-position: 15px center;
        text-align: left
    }

    a.logo-white-to-blue {
        display: block;
        height: 121px;
        width: 155px;
        background-image: url(/common/img/prtg-logo-header-white.png);
        background-size: 155px 121px;
        background-repeat: no-repeat
    }

        a.logo-white-to-blue:hover {
            background-image: url(/common/img/prtg-logo-header-blue.png)
        }

    a.logo-white-to-cyan {
        display: block;
        height: 121px;
        width: 155px;
        background-image: url(/common/img/prtg-logo-header-white.png);
        background-size: 155px 121px;
        background-repeat: no-repeat
    }

        a.logo-white-to-cyan:hover {
            background-image: url(/common/img/prtg-logo-header-cyan.png)
        }

    a.logo-blue-to-white {
        display: block;
        height: 121px;
        width: 155px;
        background-image: url(/common/img/prtg-logo-header-blue.png);
        background-size: 155px 121px;
        background-repeat: no-repeat
    }

        a.logo-blue-to-white:hover {
            background-image: url(/common/img/prtg-logo-header-white.png)
        }

    a.logo-blue-to-cyan {
        display: block;
        height: 121px;
        width: 155px;
        background-image: url(/common/img/prtg-logo-header-blue.png);
        background-size: 155px 121px;
        background-repeat: no-repeat
    }

        a.logo-blue-to-cyan:hover {
            background-image: url(/common/img/prtg-logo-header-cyan.png)
        }
}

@media only screen and (max-width:1000px) {
    div#content a.logo-white-to-blue {
        display: none
    }

    div#content .buttonstyle {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        font-size: 18px;
        line-height: 18px
    }

        div#content .buttonstyle span {
            font-size: 15px;
            line-height: 18px;
            width: 100%
        }

    div#content div.buttonsegment a.buttonstyle span {
        font-size: 18px;
        line-height: 18px
    }

        div#content div.buttonsegment a.buttonstyle span span {
            font-size: 15px;
            line-height: 18px
        }

        div#content div.buttonsegment a.buttonstyle span.icon {
            padding: 13px 10px 13px 65px !important;
            background-repeat: no-repeat;
            background-position: 15px center;
            text-align: left;
            display: block
        }

            div#content div.buttonsegment a.buttonstyle span.icon br {
                display: block
            }

        div#content div.buttonsegment a.buttonstyle span.mobile {
            padding: 11px 10px 12px 46px !important;
            background-repeat: no-repeat;
            background-position: 8px 5px;
            background-size: auto 30px;
            text-align: left;
            display: block
        }

            div#content div.buttonsegment a.buttonstyle span.mobile.app {
                background-image: url(/common/img/button-mobile-app.png)
            }

            div#content div.buttonsegment a.buttonstyle span.mobile.device {
                background-image: url(/common/img/button-mobile-download.png)
            }

            div#content div.buttonsegment a.buttonstyle span.mobile.email {
                background-image: url(/common/img/button-mobile-email.png)
            }

            div#content div.buttonsegment a.buttonstyle span.mobile.dropbox {
                background-image: url(/common/img/button-mobile-dropbox.png)
            }

            div#content div.buttonsegment a.buttonstyle span.mobile.brochure {
                background-image: url(/common/img/button-mobile-brochure.png)
            }
}

@media only screen and (min-width:1001px) {
    div#content ul.icon-menu-white, div#content ul.icon-menu-grey {
        margin: 0;
        padding: 15px 0 0;
        list-style: none
    }

        div#content ul.icon-menu-white li, div#content ul.icon-menu-grey li {
            display: block;
            float: left;
            margin: 0 17px 15px 0
        }

            div#content ul.icon-menu-white li a, div#content ul.icon-menu-grey li a {
                display: block;
                width: 100px;
                padding: 110px 0 0;
                text-transform: uppercase;
                text-decoration: none;
                color: #0b2558;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                font-size: 14px;
                line-height: 16px;
                text-align: center;
                background-image: url(/common/img/sprite-icons-white.png);
                background-repeat: no-repeat;
                background-position: top left;
                background-size: auto 610px
            }

                div#content ul.icon-menu-white li a.faqs, div#content ul.icon-menu-grey li a.faqs {
                    background-position: 0 0
                }

                    div#content ul.icon-menu-white li a.faqs:hover, div#content ul.icon-menu-grey li a.faqs:hover {
                        background-position: 0 -170px
                    }

                div#content ul.icon-menu-white li a.manuals, div#content ul.icon-menu-grey li a.manuals {
                    background-position: -135px 0
                }

                    div#content ul.icon-menu-white li a.manuals:hover, div#content ul.icon-menu-grey li a.manuals:hover {
                        background-position: -135px -170px
                    }

                div#content ul.icon-menu-white li a.knowledgebase, div#content ul.icon-menu-grey li a.knowledgebase {
                    background-position: -270px 0
                }

                    div#content ul.icon-menu-white li a.knowledgebase:hover, div#content ul.icon-menu-grey li a.knowledgebase:hover {
                        background-position: -270px -170px
                    }

                div#content ul.icon-menu-white li a.videos, div#content ul.icon-menu-grey li a.videos {
                    background-position: -405px 0
                }

                    div#content ul.icon-menu-white li a.videos:hover, div#content ul.icon-menu-grey li a.videos:hover {
                        background-position: -405px -170px
                    }

                div#content ul.icon-menu-white li a.ticket, div#content ul.icon-menu-grey li a.ticket {
                    background-position: -540px 0
                }

                    div#content ul.icon-menu-white li a.ticket:hover, div#content ul.icon-menu-grey li a.ticket:hover {
                        background-position: -540px -170px
                    }

                div#content ul.icon-menu-white li a.resourcecenter, div#content ul.icon-menu-grey li a.resourcecenter {
                    background-position: -675px 0
                }

                    div#content ul.icon-menu-white li a.resourcecenter:hover, div#content ul.icon-menu-grey li a.resourcecenter:hover {
                        background-position: -675px -170px
                    }

                div#content ul.icon-menu-white li a.upgrade, div#content ul.icon-menu-grey li a.upgrade {
                    background-position: -810px 0
                }

                    div#content ul.icon-menu-white li a.upgrade:hover, div#content ul.icon-menu-grey li a.upgrade:hover {
                        background-position: -810px -170px
                    }

                div#content ul.icon-menu-white li a.training, div#content ul.icon-menu-grey li a.training {
                    background-position: -1080px 0
                }

                    div#content ul.icon-menu-white li a.training:hover, div#content ul.icon-menu-grey li a.training:hover {
                        background-position: -1080px -170px
                    }

                div#content ul.icon-menu-white li a.basics, div#content ul.icon-menu-grey li a.basics {
                    background-position: -1620px 0
                }

                    div#content ul.icon-menu-white li a.basics:hover, div#content ul.icon-menu-grey li a.basics:hover {
                        background-position: -1620px -170px
                    }

                div#content ul.icon-menu-white li a.advanced, div#content ul.icon-menu-grey li a.advanced {
                    background-position: -1754px 0
                }

                    div#content ul.icon-menu-white li a.advanced:hover, div#content ul.icon-menu-grey li a.advanced:hover {
                        background-position: -1754px -170px
                    }

                div#content ul.icon-menu-white li a.webinar, div#content ul.icon-menu-white li a.webcasts, div#content ul.icon-menu-grey li a.webinar, div#content ul.icon-menu-grey li a.webcasts {
                    background-position: -1485px 0
                }

                    div#content ul.icon-menu-white li a.webinar:hover, div#content ul.icon-menu-white li a.webcasts:hover, div#content ul.icon-menu-grey li a.webinar:hover, div#content ul.icon-menu-grey li a.webcasts:hover {
                        background-position: -1485px -170px
                    }

                div#content ul.icon-menu-white li a.about-monitoring, div#content ul.icon-menu-grey li a.about-monitoring {
                    background-position: -2160px 0
                }

                    div#content ul.icon-menu-white li a.about-monitoring:hover, div#content ul.icon-menu-grey li a.about-monitoring:hover {
                        background-position: -2160px -170px
                    }

                div#content ul.icon-menu-white li a.apps, div#content ul.icon-menu-grey li a.apps {
                    background-position: -1215px 0
                }

                    div#content ul.icon-menu-white li a.apps:hover, div#content ul.icon-menu-grey li a.apps:hover {
                        background-position: -1215px -170px
                    }

                div#content ul.icon-menu-white li a.reviews, div#content ul.icon-menu-grey li a.reviews {
                    background-position: -1890px 0
                }

                    div#content ul.icon-menu-white li a.reviews:hover, div#content ul.icon-menu-grey li a.reviews:hover {
                        background-position: -1890px -170px
                    }

                div#content ul.icon-menu-white li a.paessler, div#content ul.icon-menu-grey li a.paessler {
                    background-position: -2025px 0
                }

                    div#content ul.icon-menu-white li a.paessler:hover, div#content ul.icon-menu-grey li a.paessler:hover {
                        background-position: -2025px -170px
                    }

                div#content ul.icon-menu-white li a.user, div#content ul.icon-menu-grey li a.user {
                    background-position: -1350px 0
                }

                    div#content ul.icon-menu-white li a.user:hover, div#content ul.icon-menu-grey li a.user:hover {
                        background-position: -1350px -170px
                    }

                div#content ul.icon-menu-white li a.casestudies, div#content ul.icon-menu-grey li a.casestudies {
                    background-position: -405px -340px
                }

                    div#content ul.icon-menu-white li a.casestudies:hover, div#content ul.icon-menu-grey li a.casestudies:hover {
                        background-position: -405px -510px
                    }

                div#content ul.icon-menu-white li a.awards, div#content ul.icon-menu-grey li a.awards {
                    background-position: -810px -340px
                }

                    div#content ul.icon-menu-white li a.awards:hover, div#content ul.icon-menu-grey li a.awards:hover {
                        background-position: -810px -510px
                    }

                div#content ul.icon-menu-white li a.quotes, div#content ul.icon-menu-grey li a.quotes {
                    background-position: -675px -340px
                }

                    div#content ul.icon-menu-white li a.quotes:hover, div#content ul.icon-menu-grey li a.quotes:hover {
                        background-position: -675px -510px
                    }

                div#content ul.icon-menu-white li a.user-reviews, div#content ul.icon-menu-grey li a.user-reviews {
                    background-position: -540px -340px
                }

                    div#content ul.icon-menu-white li a.user-reviews:hover, div#content ul.icon-menu-grey li a.user-reviews:hover {
                        background-position: -540px -510px
                    }

                div#content ul.icon-menu-white li a.product-info, div#content ul.icon-menu-grey li a.product-info {
                    background-position: -3240px 0
                }

                    div#content ul.icon-menu-white li a.product-info:hover, div#content ul.icon-menu-grey li a.product-info:hover {
                        background-position: -3240px -170px
                    }

                div#content ul.icon-menu-white li a.demo, div#content ul.icon-menu-grey li a.demo {
                    background-position: -3375px 0
                }

                    div#content ul.icon-menu-white li a.demo:hover, div#content ul.icon-menu-grey li a.demo:hover {
                        background-position: -3375px -170px
                    }

                div#content ul.icon-menu-white li a.whitepaper, div#content ul.icon-menu-grey li a.whitepaper {
                    background-position: -3510px 0
                }

                    div#content ul.icon-menu-white li a.whitepaper:hover, div#content ul.icon-menu-grey li a.whitepaper:hover {
                        background-position: -3510px -170px
                    }

                div#content ul.icon-menu-white li a.references, div#content ul.icon-menu-grey li a.references {
                    background-position: -2835px 0
                }

                    div#content ul.icon-menu-white li a.references:hover, div#content ul.icon-menu-grey li a.references:hover {
                        background-position: -2835px -170px
                    }

                div#content ul.icon-menu-white li a.monitoring-topics, div#content ul.icon-menu-grey li a.monitoring-topics {
                    background-position: -3645px 0
                }

                    div#content ul.icon-menu-white li a.monitoring-topics:hover, div#content ul.icon-menu-grey li a.monitoring-topics:hover {
                        background-position: -3645px -170px
                    }

                div#content ul.icon-menu-white li a.tip-sheets, div#content ul.icon-menu-grey li a.tip-sheets {
                    background-position: -3780px 0
                }

                    div#content ul.icon-menu-white li a.tip-sheets:hover, div#content ul.icon-menu-grey li a.tip-sheets:hover {
                        background-position: -3780px -170px
                    }

                div#content ul.icon-menu-white li a.contact, div#content ul.icon-menu-grey li a.contact {
                    background-position: -2295px 0
                }

                    div#content ul.icon-menu-white li a.contact:hover, div#content ul.icon-menu-grey li a.contact:hover {
                        background-position: -2295px -170px
                    }

                div#content ul.icon-menu-white li a.press, div#content ul.icon-menu-grey li a.press {
                    background-position: -2430px 0
                }

                    div#content ul.icon-menu-white li a.press:hover, div#content ul.icon-menu-grey li a.press:hover {
                        background-position: -2430px -170px
                    }

                div#content ul.icon-menu-white li a.career, div#content ul.icon-menu-grey li a.career {
                    background-position: -2565px 0
                }

                    div#content ul.icon-menu-white li a.career:hover, div#content ul.icon-menu-grey li a.career:hover {
                        background-position: -2565px -170px
                    }

                div#content ul.icon-menu-white li a.events, div#content ul.icon-menu-grey li a.events {
                    background-position: -2700px 0
                }

                    div#content ul.icon-menu-white li a.events:hover, div#content ul.icon-menu-grey li a.events:hover {
                        background-position: -2700px -170px
                    }

                div#content ul.icon-menu-white li a.newsletter, div#content ul.icon-menu-grey li a.newsletter {
                    background-position: -2970px 0
                }

                    div#content ul.icon-menu-white li a.newsletter:hover, div#content ul.icon-menu-grey li a.newsletter:hover {
                        background-position: -2970px -170px
                    }

                div#content ul.icon-menu-white li a.terms, div#content ul.icon-menu-white li a.imprint, div#content ul.icon-menu-grey li a.terms, div#content ul.icon-menu-grey li a.imprint {
                    background-position: -3105px 0
                }

                    div#content ul.icon-menu-white li a.terms:hover, div#content ul.icon-menu-white li a.imprint:hover, div#content ul.icon-menu-grey li a.terms:hover, div#content ul.icon-menu-grey li a.imprint:hover {
                        background-position: -3105px -170px
                    }

                div#content ul.icon-menu-white li a.variety, div#content ul.icon-menu-grey li a.variety {
                    background-position: 0 -340px
                }

                    div#content ul.icon-menu-white li a.variety:hover, div#content ul.icon-menu-grey li a.variety:hover {
                        background-position: 0 -510px
                    }

                div#content ul.icon-menu-white li a.insights, div#content ul.icon-menu-grey li a.insights {
                    background-position: -270px -340px
                }

                    div#content ul.icon-menu-white li a.insights:hover, div#content ul.icon-menu-grey li a.insights:hover {
                        background-position: -270px -510px
                    }

                div#content ul.icon-menu-white li a.industries, div#content ul.icon-menu-grey li a.industries {
                    background-position: -135px -340px
                }

                    div#content ul.icon-menu-white li a.industries:hover, div#content ul.icon-menu-grey li a.industries:hover {
                        background-position: -135px -510px
                    }

                div#content ul.icon-menu-white li a.pdf, div#content ul.icon-menu-grey li a.pdf {
                    background-position: -945px 0
                }

                    div#content ul.icon-menu-white li a.pdf:hover, div#content ul.icon-menu-grey li a.pdf:hover {
                        background-position: -945px -170px
                    }

                div#content ul.icon-menu-white li a.post, div#content ul.icon-menu-grey li a.post {
                    background-position: -945px -340px
                }

                    div#content ul.icon-menu-white li a.post:hover, div#content ul.icon-menu-grey li a.post:hover {
                        background-position: -945px -510px
                    }

                div#content ul.icon-menu-white li a.worldwide, div#content ul.icon-menu-white li a.worldwide-contact, div#content ul.icon-menu-grey li a.worldwide, div#content ul.icon-menu-grey li a.worldwide-contact {
                    background-position: -1080px -340px
                }

                    div#content ul.icon-menu-white li a.worldwide:hover, div#content ul.icon-menu-white li a.worldwide-contact:hover, div#content ul.icon-menu-grey li a.worldwide:hover, div#content ul.icon-menu-grey li a.worldwide-contact:hover {
                        background-position: -1080px -510px
                    }

                div#content ul.icon-menu-white li a.sales, div#content ul.icon-menu-grey li a.sales {
                    background-position: -1215px -340px
                }

                    div#content ul.icon-menu-white li a.sales:hover, div#content ul.icon-menu-grey li a.sales:hover {
                        background-position: -1215px -510px
                    }

                div#content ul.icon-menu-white li a.techsupport, div#content ul.icon-menu-grey li a.techsupport {
                    background-position: -1350px -340px
                }

                    div#content ul.icon-menu-white li a.techsupport:hover, div#content ul.icon-menu-grey li a.techsupport:hover {
                        background-position: -1350px -510px
                    }

                div#content ul.icon-menu-white li a.campaigns, div#content ul.icon-menu-grey li a.campaigns {
                    background-position: -1485px -340px
                }

                    div#content ul.icon-menu-white li a.campaigns:hover, div#content ul.icon-menu-grey li a.campaigns:hover {
                        background-position: -1485px -510px
                    }

                div#content ul.icon-menu-white li a.library, div#content ul.icon-menu-grey li a.library {
                    background-position: -1620px -340px
                }

                    div#content ul.icon-menu-white li a.library:hover, div#content ul.icon-menu-grey li a.library:hover {
                        background-position: -1620px -510px
                    }

                div#content ul.icon-menu-white li a.sales-enablement, div#content ul.icon-menu-grey li a.sales-enablement {
                    background-position: -1890px -340px
                }

                    div#content ul.icon-menu-white li a.sales-enablement:hover, div#content ul.icon-menu-grey li a.sales-enablement:hover {
                        background-position: -1890px -510px
                    }

                div#content ul.icon-menu-white li a.academy, div#content ul.icon-menu-grey li a.academy {
                    background-position: -2025px -340px
                }

                    div#content ul.icon-menu-white li a.academy:hover, div#content ul.icon-menu-grey li a.academy:hover {
                        background-position: -2025px -510px
                    }

                div#content ul.icon-menu-white li a.local-support, div#content ul.icon-menu-grey li a.local-support {
                    background-position: -2160px -340px
                }

                    div#content ul.icon-menu-white li a.local-support:hover, div#content ul.icon-menu-grey li a.local-support:hover {
                        background-position: -2160px -510px
                    }

                div#content ul.icon-menu-white li a.event-marketing, div#content ul.icon-menu-grey li a.event-marketing {
                    background-position: -1755px -340px
                }

                    div#content ul.icon-menu-white li a.event-marketing:hover, div#content ul.icon-menu-grey li a.event-marketing:hover {
                        background-position: -1755px -510px
                    }

                div#content ul.icon-menu-white li a.facebook, div#content ul.icon-menu-white li a.google, div#content ul.icon-menu-white li a.twitter, div#content ul.icon-menu-white li a.linkedin, div#content ul.icon-menu-grey li a.facebook, div#content ul.icon-menu-grey li a.google, div#content ul.icon-menu-grey li a.twitter, div#content ul.icon-menu-grey li a.linkedin {
                    width: 75px;
                    background-size: auto 450px;
                    padding: 60px 0 0
                }

                div#content ul.icon-menu-white li a.facebook, div#content ul.icon-menu-grey li a.facebook {
                    background-position: -2091px -250px
                }

                    div#content ul.icon-menu-white li a.facebook:hover, div#content ul.icon-menu-grey li a.facebook:hover {
                        background-position: -2091px -377px
                    }

                div#content ul.icon-menu-white li a.twitter, div#content ul.icon-menu-grey li a.twitter {
                    background-position: -2191px -250px
                }

                    div#content ul.icon-menu-white li a.twitter:hover, div#content ul.icon-menu-grey li a.twitter:hover {
                        background-position: -2191px -377px
                    }

                div#content ul.icon-menu-white li a.google, div#content ul.icon-menu-grey li a.google {
                    background-position: -2291px -250px
                }

                    div#content ul.icon-menu-white li a.google:hover, div#content ul.icon-menu-grey li a.google:hover {
                        background-position: -2291px -377px
                    }

                div#content ul.icon-menu-white li a.linkedin, div#content ul.icon-menu-grey li a.linkedin {
                    background-position: -2391px -250px
                }

                    div#content ul.icon-menu-white li a.linkedin:hover, div#content ul.icon-menu-grey li a.linkedin:hover {
                        background-position: -2391px -377px
                    }

                div#content ul.icon-menu-white li a.email-marketing, div#content ul.icon-menu-grey li a.email-marketing {
                    background-position: -2295px -340px
                }

                    div#content ul.icon-menu-white li a.email-marketing:hover, div#content ul.icon-menu-grey li a.email-marketing:hover {
                        background-position: -2295px -510px
                    }

                div#content ul.icon-menu-white li a.social-media, div#content ul.icon-menu-grey li a.social-media {
                    background-position: -2565px -340px
                }

                    div#content ul.icon-menu-white li a.social-media:hover, div#content ul.icon-menu-grey li a.social-media:hover {
                        background-position: -2565px -510px
                    }

                div#content ul.icon-menu-white li a.content-marketing, div#content ul.icon-menu-grey li a.content-marketing {
                    background-position: -2430px -340px
                }

                    div#content ul.icon-menu-white li a.content-marketing:hover, div#content ul.icon-menu-grey li a.content-marketing:hover {
                        background-position: -2430px -510px
                    }

                div#content ul.icon-menu-white li a.seo, div#content ul.icon-menu-grey li a.seo {
                    background-position: -2700px -340px
                }

                    div#content ul.icon-menu-white li a.seo:hover, div#content ul.icon-menu-grey li a.seo:hover {
                        background-position: -2700px -510px
                    }

                div#content ul.icon-menu-white li a.script, div#content ul.icon-menu-grey li a.script {
                    background-position: -3375px -340px
                }

                    div#content ul.icon-menu-white li a.script:hover, div#content ul.icon-menu-grey li a.script:hover {
                        background-position: -3375px -510px
                    }

                div#content ul.icon-menu-white li a.glossary, div#content ul.icon-menu-grey li a.glossary {
                    background-position: -3510px -340px
                }

                    div#content ul.icon-menu-white li a.glossary:hover, div#content ul.icon-menu-grey li a.glossary:hover {
                        background-position: -3510px -510px
                    }

            div#content ul.icon-menu-white li.active a.apps, div#content ul.icon-menu-grey li.active a.apps {
                background-position: -1215px -170px
            }

            div#content ul.icon-menu-white li.active a.user, div#content ul.icon-menu-grey li.active a.user {
                background-position: -1350px -170px
            }

            div#content ul.icon-menu-white li.active a.webcasts, div#content ul.icon-menu-grey li.active a.webcasts {
                background-position: -1485px -170px
            }

            div#content ul.icon-menu-white li.active a.basics, div#content ul.icon-menu-grey li.active a.basics {
                background-position: -1620px -170px
            }

            div#content ul.icon-menu-white li.active a.advanced, div#content ul.icon-menu-grey li.active a.advanced {
                background-position: -1754px -170px
            }

            div#content ul.icon-menu-white li.active a.reviews, div#content ul.icon-menu-grey li.active a.reviews {
                background-position: -1890px -170px
            }

            div#content ul.icon-menu-white li.active a.paessler, div#content ul.icon-menu-grey li.active a.paessler {
                background-position: -2025px -170px
            }

            div#content ul.icon-menu-white li.active a.about-monitoring, div#content ul.icon-menu-grey li.active a.about-monitoring {
                background-position: -2160px -170px
            }

            div#content ul.icon-menu-white li.active a.awards, div#content ul.icon-menu-grey li.active a.awards {
                background-position: -810px -510px
            }

            div#content ul.icon-menu-white li.active a.casestudies, div#content ul.icon-menu-grey li.active a.casestudies {
                background-position: -405px -510px
            }

            div#content ul.icon-menu-white li.active a.quotes, div#content ul.icon-menu-grey li.active a.quotes {
                background-position: -675px -510px
            }

            div#content ul.icon-menu-white li.active a.user-reviews, div#content ul.icon-menu-grey li.active a.user-reviews {
                background-position: -540px -510px
            }

            div#content ul.icon-menu-grey li a {
                background-image: url(/common/img/sprite-icons-grey.png)
            }

    div#content ul.social-share-icons {
        margin: 0;
        padding: 0;
        list-style: none
    }

        div#content ul.social-share-icons li {
            float: left;
            height: 40px;
            width: 40px
        }

            div#content ul.social-share-icons li a {
                display: block;
                width: 40px;
                height: 40px;
                background-image: url(/common/img/sprite.png);
                background-repeat: no-repeat;
                text-decoration: none
            }

                div#content ul.social-share-icons li a.facebook {
                    background-position: -1714px -30px
                }

                    div#content ul.social-share-icons li a.facebook:hover {
                        background-position: -1774px -30px
                    }

                div#content ul.social-share-icons li a.twitter {
                    background-position: -1714px -90px
                }

                    div#content ul.social-share-icons li a.twitter:hover {
                        background-position: -1774px -90px
                    }

                div#content ul.social-share-icons li a.googleplus {
                    background-position: -1714px -150px
                }

                    div#content ul.social-share-icons li a.googleplus:hover {
                        background-position: -1774px -150px
                    }

    div#content ul.vendorbox {
        margin: 0;
        padding: 0;
        list-style: none
    }

        div#content ul.vendorbox li {
            display: block;
            float: left;
            margin: 0 5px 5px 0
        }

            div#content ul.vendorbox li a {
                display: block;
                height: 50px;
                padding: 0;
                background-image: url(/common/img/vendor-box-logos.png);
                background-repeat: no-repeat;
                background-size: 1317px auto;
                text-decoration: none
            }

                div#content ul.vendorbox li a.cisco {
                    background-position: 0 0;
                    width: 86px
                }

                div#content ul.vendorbox li a.dell {
                    background-position: -86px 0;
                    width: 90px
                }

                div#content ul.vendorbox li a.hp {
                    background-position: -176px 0;
                    width: 68px
                }

                div#content ul.vendorbox li a.ibm {
                    background-position: -244px 0;
                    width: 80px
                }

                div#content ul.vendorbox li a.netapp {
                    background-position: -324px 0;
                    width: 59px
                }

                div#content ul.vendorbox li a.amazon {
                    background-position: -383px 0;
                    width: 109px
                }

                div#content ul.vendorbox li a.linux {
                    background-position: -492px 0;
                    width: 60px
                }

                div#content ul.vendorbox li a.windows {
                    background-position: -552px 0;
                    width: 116px
                }

                div#content ul.vendorbox li a.vmware {
                    background-position: -668px 0;
                    width: 108px
                }

                div#content ul.vendorbox li a.citrix {
                    background-position: -776px 0;
                    width: 96px
                }

                div#content ul.vendorbox li a.exchange {
                    background-position: -872px 0;
                    width: 129px
                }

                div#content ul.vendorbox li a.apache {
                    background-position: -1001px 0;
                    width: 126px
                }

                div#content ul.vendorbox li a.oracle {
                    background-position: -1127px 0;
                    width: 114px
                }

                div#content ul.vendorbox li a.sql {
                    background-position: -1241px 0;
                    width: 76px
                }
}

@media only screen and (max-width:1000px) {
    div#content ul.icon-menu-white, div#content ul.icon-menu-grey {
        margin: 0 auto;
        padding: 15px 0 0;
        list-style: none
    }

        div#content ul.icon-menu-white li, div#content ul.icon-menu-grey li {
            float: left;
            width: 46%;
            margin: 0 4% 10px 0;
            padding: 0 0 5px;
            display: table
        }

            div#content ul.icon-menu-white li a, div#content ul.icon-menu-grey li a {
                display: table-cell;
                vertical-align: middle;
                padding: 6% 0 6% 42px;
                text-transform: uppercase;
                text-decoration: none;
                color: #fff;
                height: 28px;
                font-family: Roboto,lucida grande,lucida sans unicode,Arial,sans-serif;
                font-size: 14px;
                line-height: 14px;
                text-align: left;
                border-radius: 4px;
                background-image: url(/common/img/sprite-icon-mobile.png);
                background-repeat: no-repeat;
                background-position: top left;
                background-size: 40px auto
            }

                div#content ul.icon-menu-white li a.faqs, div#content ul.icon-menu-grey li a.faqs {
                    background-position: 0 1px;
                    background-color: #ed6fa7
                }

                div#content ul.icon-menu-white li a.manuals, div#content ul.icon-menu-grey li a.manuals {
                    background-position: 0 -59px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.knowledgebase, div#content ul.icon-menu-grey li a.knowledgebase {
                    background-position: 0 -118px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.videos, div#content ul.icon-menu-grey li a.videos {
                    background-position: 0 -179px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.ticket, div#content ul.icon-menu-grey li a.ticket {
                    background-position: 0 -239px;
                    background-color: #00aeef
                }

                div#content ul.icon-menu-white li a.resourcecenter, div#content ul.icon-menu-grey li a.resourcecenter {
                    background-position: 0 -299px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.upgrade, div#content ul.icon-menu-grey li a.upgrade {
                    background-position: 0 -359px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.training, div#content ul.icon-menu-grey li a.training {
                    background-position: 0 -480px;
                    background-color: #50665b
                }

                div#content ul.icon-menu-white li a.basics, div#content ul.icon-menu-grey li a.basics {
                    background-position: 0 -719px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.advanced, div#content ul.icon-menu-grey li a.advanced {
                    background-position: 0 -779px;
                    background-color: #00aeef
                }

                div#content ul.icon-menu-white li a.webinar, div#content ul.icon-menu-white li a.webcasts, div#content ul.icon-menu-grey li a.webinar, div#content ul.icon-menu-grey li a.webcasts {
                    background-position: 0 -659px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.about-monitoring, div#content ul.icon-menu-grey li a.about-monitoring {
                    background-position: 0 -959px;
                    background-color: #7a7540
                }

                div#content ul.icon-menu-white li a.apps, div#content ul.icon-menu-grey li a.apps {
                    background-position: 0 -539px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.reviews, div#content ul.icon-menu-grey li a.reviews {
                    background-position: 0 -839px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.paessler, div#content ul.icon-menu-grey li a.paessler {
                    background-position: 0 -899px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.user, div#content ul.icon-menu-grey li a.user {
                    background-position: 0 -599px;
                    background-color: #ed6fa7
                }

                div#content ul.icon-menu-white li a.casestudies, div#content ul.icon-menu-grey li a.casestudies {
                    background-position: 0 -1919px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.awards, div#content ul.icon-menu-grey li a.awards {
                    background-position: 0 -2099px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.quotes, div#content ul.icon-menu-grey li a.quotes {
                    background-position: 0 -2040px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.user-reviews, div#content ul.icon-menu-grey li a.user-reviews {
                    background-position: 0 -1979px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.product-info, div#content ul.icon-menu-grey li a.product-info {
                    background-position: 0 -1440px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.demo, div#content ul.icon-menu-grey li a.demo {
                    background-position: -3375px 0
                }

                div#content ul.icon-menu-white li a.whitepaper, div#content ul.icon-menu-grey li a.whitepaper {
                    background-position: 0 -1559px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.references, div#content ul.icon-menu-grey li a.references {
                    background-position: 0 -1259px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.monitoring-topics, div#content ul.icon-menu-grey li a.monitoring-topics {
                    background-position: 0 -2580px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.tip-sheets, div#content ul.icon-menu-grey li a.tip-sheets {
                    background-position: 0 -1680px;
                    background-color: #fc0
                }

                div#content ul.icon-menu-white li a.contact, div#content ul.icon-menu-grey li a.contact {
                    background-position: 0 -1019px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.press, div#content ul.icon-menu-grey li a.press {
                    background-position: 0 -1079px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.career, div#content ul.icon-menu-grey li a.career {
                    background-position: 0 -1138px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.events, div#content ul.icon-menu-grey li a.events {
                    background-position: 0 -1200px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.newsletter, div#content ul.icon-menu-grey li a.newsletter {
                    background-position: 0 -1320px;
                    background-color: #fc0
                }

                div#content ul.icon-menu-white li a.terms, div#content ul.icon-menu-white li a.imprint, div#content ul.icon-menu-grey li a.terms, div#content ul.icon-menu-grey li a.imprint {
                    background-position: 0 -1379px;
                    background-color: #7a7540
                }

                div#content ul.icon-menu-white li a.variety, div#content ul.icon-menu-grey li a.variety {
                    background-position: 0 -1739px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.insights, div#content ul.icon-menu-grey li a.insights {
                    background-position: 0 -1859px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.industries, div#content ul.icon-menu-grey li a.industries {
                    background-position: 0 -1799px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.pdf, div#content ul.icon-menu-grey li a.pdf {
                    background-position: 0 -483px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.post, div#content ul.icon-menu-grey li a.post {
                    background-position: 0 -1320px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.worldwide, div#content ul.icon-menu-white li a.worldwide-contact, div#content ul.icon-menu-grey li a.worldwide, div#content ul.icon-menu-grey li a.worldwide-contact {
                    background-position: 0 -2219px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.sales, div#content ul.icon-menu-grey li a.sales {
                    background-position: 0 -2279px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.techsupport, div#content ul.icon-menu-grey li a.techsupport {
                    background-position: 0 -2339px;
                    background-color: #00aeef
                }

                div#content ul.icon-menu-white li a.campaigns, div#content ul.icon-menu-grey li a.campaigns {
                    background-position: 0 -295px;
                    background-color: #ed0f69
                }

                div#content ul.icon-menu-white li a.library, div#content ul.icon-menu-grey li a.library {
                    background-position: 0 -2936px;
                    background-color: #00aeef
                }

                div#content ul.icon-menu-white li a.sales-enablement, div#content ul.icon-menu-grey li a.sales-enablement {
                    background-position: 0 -2996px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.academy, div#content ul.icon-menu-grey li a.academy {
                    background-position: 0 -475px;
                    background-color: #50665b
                }

                div#content ul.icon-menu-white li a.local-support, div#content ul.icon-menu-grey li a.local-support {
                    background-position: 0 -1015px;
                    background-color: #f59c00
                }

                div#content ul.icon-menu-white li a.event-marketing, div#content ul.icon-menu-grey li a.event-marketing {
                    background-position: 0 -1196px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.facebook, div#content ul.icon-menu-white li a.google, div#content ul.icon-menu-white li a.twitter, div#content ul.icon-menu-white li a.linkedin, div#content ul.icon-menu-grey li a.facebook, div#content ul.icon-menu-grey li a.google, div#content ul.icon-menu-grey li a.twitter, div#content ul.icon-menu-grey li a.linkedin {
                    width: 75px;
                    background-size: auto 450px;
                    padding: 60px 0 0
                }

                div#content ul.icon-menu-white li a.facebook, div#content ul.icon-menu-grey li a.facebook {
                    background-position: -2091px -250px
                }

                div#content ul.icon-menu-white li a.twitter, div#content ul.icon-menu-grey li a.twitter {
                    background-position: -2191px -250px
                }

                div#content ul.icon-menu-white li a.google, div#content ul.icon-menu-grey li a.google {
                    background-position: -2291px -250px
                }

                div#content ul.icon-menu-white li a.linkedin, div#content ul.icon-menu-grey li a.linkedin {
                    background-position: -2391px -250px
                }

                div#content ul.icon-menu-white li a.email-marketing, div#content ul.icon-menu-grey li a.email-marketing {
                    background-position: 0 -2397px;
                    background-color: #ed6fa7
                }

                div#content ul.icon-menu-white li a.social-media, div#content ul.icon-menu-grey li a.social-media {
                    background-position: 0 -2515px;
                    background-color: #0b2558
                }

                div#content ul.icon-menu-white li a.content-marketing, div#content ul.icon-menu-grey li a.content-marketing {
                    background-position: 0 -2455px;
                    background-color: #fc0
                }

                div#content ul.icon-menu-white li a.seo, div#content ul.icon-menu-grey li a.seo {
                    background-position: 0 -2576px;
                    background-color: #b4cb37
                }

                div#content ul.icon-menu-white li a.script, div#content ul.icon-menu-grey li a.script {
                    background-position: 0 -2879px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.events, div#content ul.icon-menu-grey li a.events {
                    background-position: 0 -1196px;
                    background-color: #5bc4be
                }

                div#content ul.icon-menu-white li a.glossary, div#content ul.icon-menu-grey li a.glossary {
                    background-position: 0 -3064px;
                    background-color: #ed6fa7
                }

    div#content ul.vendorbox {
        margin: 0;
        padding: 15px 0 0;
        list-style: none
    }

        div#content ul.vendorbox li {
            display: block;
            float: left;
            margin: 0 5px 5px 0
        }

            div#content ul.vendorbox li a {
                display: block;
                height: 50px;
                padding: 0;
                background-image: url(/common/img/vendor-box-logos.png);
                background-repeat: no-repeat;
                background-size: 1317px auto;
                text-decoration: none
            }

                div#content ul.vendorbox li a.cisco {
                    background-position: 0 0;
                    width: 86px
                }

                div#content ul.vendorbox li a.dell {
                    background-position: -86px 0;
                    width: 90px
                }

                div#content ul.vendorbox li a.hp {
                    background-position: -176px 0;
                    width: 68px
                }

                div#content ul.vendorbox li a.ibm {
                    background-position: -244px 0;
                    width: 80px
                }

                div#content ul.vendorbox li a.netapp {
                    background-position: -324px 0;
                    width: 59px
                }

                div#content ul.vendorbox li a.amazon {
                    background-position: -383px 0;
                    width: 109px
                }

                div#content ul.vendorbox li a.linux {
                    background-position: -492px 0;
                    width: 60px
                }

                div#content ul.vendorbox li a.windows {
                    background-position: -552px 0;
                    width: 116px
                }

                div#content ul.vendorbox li a.vmware {
                    background-position: -668px 0;
                    width: 108px
                }

                div#content ul.vendorbox li a.citrix {
                    background-position: -776px 0;
                    width: 96px
                }

                div#content ul.vendorbox li a.exchange {
                    background-position: -872px 0;
                    width: 129px
                }

                div#content ul.vendorbox li a.apache {
                    background-position: -1001px 0;
                    width: 126px
                }

                div#content ul.vendorbox li a.oracle {
                    background-position: -1127px 0;
                    width: 114px
                }

                div#content ul.vendorbox li a.sql {
                    background-position: -1241px 0;
                    width: 76px
                }
}

div#content a.icon {
    background-image: url(/common/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -16px 0;
    padding: 0 0 3px 25px;
    margin: 0 0 5px
}

div#content a.float {
    width: auto;
    float: left;
    margin-right: 20px
}

div#content a.pdf {
    background-position: -16px -1024px
}

    div#content a.pdf:hover {
        background-position: -857px -1024px
    }

div#content a.html {
    background-position: -16px -1280px
}

    div#content a.html:hover {
        background-position: -857px -1280px
    }

div#content a.kb {
    background-position: -16px -2560px
}

    div#content a.kb:hover {
        background-position: -857px -2560px
    }

div#content a.tutorial {
    background-position: -16px -2305px
}

    div#content a.tutorial:hover {
        background-position: -857px -2305px
    }

div#content a.download {
    background-position: -16px -510px
}

    div#content a.download:hover {
        background-position: -857px -510px
    }

div#content a.more {
    background-position: -16px -2050px
}

    div#content a.more:hover {
        background-position: -857px -2050px
    }

div#content a.ppt {
    background-position: -16px -4602px
}

div#content a.excel {
    background-position: -16px -4850px
}

div#content a.video {
    background-position: -16px -2306px
}

div#content a.epub {
    background-position: -16px -5294px
}

div#content a.download_small {
    background-image: url(/common/img/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    padding: 0 0 3px 25px;
    margin: 0 0 15px;
    background-position: 0 0
}

div#content a.euro {
    background-position: -16px -3100px;
    float: right;
    width: 100px;
    margin-bottom: 0
}

div#content a.dollar {
    background-position: -16px -3346px;
    float: right;
    width: 100px;
    margin-bottom: 0
}

div#content a.vat {
    background-position: -16px -3850px;
    float: right;
    width: 150px;
    margin-bottom: 0
}

div#content a.trash {
    background-position: -16px -3597px;
    float: left;
    height: 19px;
    border: 1px solid #d1d3d4;
    border-left: 0
}

div#content a.shop_edit {
    font-size: 12px;
    font-weight: 400;
    color: #00aeef !important;
    width: auto;
    padding: 0 5px 0 0
}

div#content a.top {
    background-position: -16px -5713px;
    float: right;
    margin: 0 20px 0 0
}

    div#content a.top:hover {
        background-position: -857px -2560px
    }

@media only screen and (min-width:1001px) {
    div#content div.table-style table td {
        background-color: #f4f4f4;
        border: none
    }

    div#content div.table-style table th {
        background-color: #d9d9db;
        border: none;
        color: #58595b;
        padding: 10px
    }

    div#content div.table-style table td {
        padding: 10px
    }

        div#content div.table-style table th p, div#content div.table-style table td p {
            margin: 0
        }

    div#content div.table-style table tr:first-child :last-child {
        border-top-right-radius: 3px
    }

    div#content div.table-style table tr:first-child :first-child {
        border-top-left-radius: 3px
    }

    div#content div.table-style table tr:last-child :last-child {
        border-bottom-right-radius: 3px
    }

    div#content div.table-style table tr:last-child :first-child {
        border-bottom-left-radius: 3px
    }

    div#content div.table-style table tr:nth-of-type(odd) td {
        background-color: #e6e7e8
    }

    div#content table td, div#content table th {
        border: none;
        padding: 5px;
        background-color: #e6e7e8;
        border-bottom: 1px solid #fff
    }

        div#content table td strong, div#content table th strong {
            color: #58595b
        }

    div#content table tr.odd td {
        background-color: #e6e7e8
    }

    div#content table th {
        font-weight: 700;
        color: #0b2558;
        background-color: #d1d3d4
    }

    div#content table caption {
        margin: 0 0 15px;
        padding: 15px 0 0;
        font-weight: 400;
        line-height: 130%;
        color: #0b2558;
        font-size: 20px
    }

    div#content table#download-overview th {
        color: #0b2558;
        font-weight: 700;
        width: 200px;
        text-align: left;
        vertical-align: middle;
        border-color: #fff;
        background-color: #fff
    }

    div#content table#download-overview td {
        text-align: center;
        width: 135px;
        vertical-align: middle;
        padding: 10px 0;
        border-color: #fff;
        background-color: #fff
    }

    div#content table#download-overview tr.buttons td {
        padding-bottom: 20px;
        vertical-align: top
    }

    div#content table#download-overview tr.info td {
        text-align: left
    }

    div#content table#survey td {
        background-color: #fff;
        border-bottom: 1px solid #e6e7e8
    }

        div#content table#survey td p {
            margin: 0
        }

    div#content table#webcast td {
        text-align: center;
        border-right: 1px solid #fff
    }

    div#content table#webcast th {
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #fff
    }

    div#content table#webcast tr.trenner th {
        padding: 0
    }
}

@media only screen and (max-width:1000px) {
    div#content div.table-style {
        width: 100% !important;
        overflow: scroll
    }

        div#content div.table-style table {
            width: 100% !important
        }

            div#content div.table-style table td {
                background-color: #f4f4f4;
                border: none;
                width: auto !important
            }

            div#content div.table-style table th {
                background-color: #d9d9db;
                border: none;
                color: #58595b;
                width: auto !important;
                padding: 10px
            }

            div#content div.table-style table td {
                padding: 10px
            }

                div#content div.table-style table th p, div#content div.table-style table td p {
                    margin: 0 !important
                }

            div#content div.table-style table tr:first-child :last-child {
                border-top-right-radius: 5px
            }

            div#content div.table-style table tr:first-child :first-child {
                border-top-left-radius: 5px
            }

            div#content div.table-style table tr:last-child :last-child {
                border-bottom-right-radius: 5px
            }

            div#content div.table-style table tr:last-child :first-child {
                border-bottom-left-radius: 5px
            }

            div#content div.table-style table tr:nth-of-type(odd) td {
                background-color: #e6e7e8
            }

            div#content div.table-style table.responsive {
                width: 100%
            }

                div#content div.table-style table.responsive table, div#content div.table-style table.responsive thead, div#content div.table-style table.responsive tbody, div#content div.table-style table.responsive th, div#content div.table-style table.responsive td, div#content div.table-style table.responsive tr {
                    display: block;
                    overflow: hidden
                }

                div#content div.table-style table.responsive td {
                    padding: 5px 20px !important
                }

                    div#content div.table-style table.responsive td br {
                        display: block !important
                    }

                    div#content div.table-style table.responsive td strong {
                        font-weight: 700
                    }

                    div#content div.table-style table.responsive td p, div#content div.table-style table.responsive td div {
                        width: 100%;
                        padding: 0;
                        float: none
                    }

                div#content div.table-style table.responsive tr td:first-child {
                    padding-top: 20px !important
                }

            div#content div.table-style table.header-spread td:before {
                content: attr(data-label) ": ";
                flex: 0 0 5em;
                font-weight: 700
            }
}

div#content p.trialkeyrequeststandalone, div#content p.heisetrialkeyrequest, div#content p.supportsearch, div#content p.heiseappcampaign, div#content p.trialkeyrequestshort, div#content p.trialkeyrequestcampaignfr {
    display: none
}

div#content p.required {
    color: #e6045f;
    font-weight: 700;
    margin: 0 0 20px
}

    div#content p.required span {
        color: #58595b
    }

div#content p.trialkeyrequeststandalone, div#content p.heisetrialkeyrequest, div#content p.supportsearch, div#content p.heiseappcampaign, div#content p.trialkeyrequestshort, div#content p.trialkeyrequestcampaignfr {
    display: none
}

div#content span.licensenote {
    display: none
}

body.snmp-email-course p.required, body.it-administrator-2014 p.required, body.bandwidth-monitoring-email-course p.required {
    display: none
}

@media only screen and (min-width:1001px) {
    div#content div.formstyle {
        width: 99%;
        margin: 0 0 10px
    }

        div#content div.formstyle h3, div#content div.formstyle p {
            width: 95%;
            padding: 0
        }

        div#content div.formstyle form {
            background-image: none !important;
            border-radius: 3px;
            padding: 20px 20px 20px 0;
            margin: 0 !important
        }

            div#content div.formstyle form fieldset {
                width: 100%
            }

            div#content div.formstyle form h3 {
                margin-top: 0 !important
            }

            div#content div.formstyle form label {
                font-weight: 700;
                display: block
            }

                div#content div.formstyle form label span, div#content div.formstyle form label.error {
                    color: #e6045f
                }

            div#content div.formstyle form div.TextInput input, div#content div.formstyle form div.Textarea input, div#content div.formstyle form div.TextInput textarea, div#content div.formstyle form div.Textarea textarea {
                display: block;
                border-radius: 3px;
                padding: 3px 0 0 5px;
                margin: 0;
                height: 19px;
                border: 1px solid #d1d3d4;
                color: #58595b;
                width: 99%
            }

            div#content div.formstyle form div.TextInput textarea, div#content div.formstyle form div.Textarea textarea {
                height: 250px
            }

            div#content div.formstyle form div.EmailInput input {
                display: block;
                border-radius: 3px;
                padding: 3px 0 0 5px;
                margin: 0;
                height: 19px;
                border: 1px solid #d1d3d4;
                color: #58595b;
                width: 99%
            }

            div#content div.formstyle form div.CheckboxInput {
                margin-bottom: 20px
            }

                div#content div.formstyle form div.CheckboxInput input {
                    width: 18px;
                    float: left;
                    margin: 2px 0 0
                }

                div#content div.formstyle form div.CheckboxInput label {
                    float: right;
                    width: 100%
                }

                    div#content div.formstyle form div.CheckboxInput label span {
                        color: #58595b;
                        font-weight: 400
                    }

            div#content div.formstyle form div.CheckboxSelectMultiple ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

                div#content div.formstyle form div.CheckboxSelectMultiple ul li {
                    margin: 0 0 10px
                }

            div#content div.formstyle form div.RadioSelect ul {
                list-style: none;
                margin: 0;
                padding: 0
            }

                div#content div.formstyle form div.RadioSelect ul li {
                    padding: 10px 0 0
                }

            div#content div.formstyle form div.RadioSelect label span {
                color: #58595b
            }

            div#content div.formstyle form div.button a.formsubmit {
                float: none;
                margin-right: 0 !important;
                padding: 5px 10px
            }

            div#content div.formstyle form div.button p {
                color: #e6045f;
                text-align: center;
                height: 45px;
                margin: 0 0 20px;
                padding: 20px 0 0;
                width: 100%;
                font-size: 15px
            }

            div#content div.formstyle form div.button input {
                border: none;
                float: none;
                text-align: center;
                width: 100%;
                padding: 5px 10px;
                clear: both;
                cursor: pointer;
                font-size: 13px
            }

    div#content div#trialkeyrequeststandalone span.licensenote {
        display: inline
    }

    div#content div#trialkeyrequeststandalone div.TextInput label span {
        display: none
    }

    div#content div#trialkeyrequestshort div.TextInput label span, div#content div#heisetrialkeyrequest div.TextInput label span {
        display: none
    }

    div#content div#tellafriend fieldset {
        width: 50%;
        float: left
    }

    div#content div#tellafriend div.formitem {
        float: left
    }

        div#content div#tellafriend div.formitem input {
            width: 270px;
            background-color: #e6e7e8
        }

    div#content div#tellafriend div.button {
        width: 568px;
        clear: both
    }

        div#content div#tellafriend div.button a {
            padding: 10px 0
        }

    div#content div#tellafriend p.privacynote, div#content div#tellafriend p.required {
        width: 568px
    }

    div#content div#contactbypartner h3 {
        margin: 0 0 10px
    }

    div#content div#contactbypartner div.RadioSelect ul li {
        margin: 0 0 10px;
        padding: 0
    }

    div#content div#certifiedprogram {
        border: none;
        padding: 0
    }

        div#content div#certifiedprogram form {
            border-radius: 3px
        }

        div#content div#certifiedprogram div.CheckboxSelectMultiple ul {
            padding: 10px 0 0
        }

    div#content div#supportsearch {
        border: none !important;
        padding: 0;
        width: 100%;
        margin: 0 0 10px
    }

        div#content div#supportsearch label span {
            display: none
        }

        div#content div#supportsearch h3 {
            width: 95%;
            padding: 0 0 20px;
            margin: 0;
            font-size: 27px
        }

        div#content div#supportsearch form {
            background-color: #fff;
            background-image: none !important;
            padding: 0;
            margin: 0 !important;
            height: 100px
        }

            div#content div#supportsearch form fieldset {
                float: left;
                width: 645px;
                padding: 15px 0 0
            }

            div#content div#supportsearch form input {
                border-radius: 3px;
                height: 31px;
                width: 610px;
                float: left;
                font-size: 16px;
                background-color: #e6e7e8
            }

            div#content div#supportsearch form div.button {
                width: 250px;
                float: left;
                padding: 59px 0 0
            }

                div#content div#supportsearch form div.button a, div#content div#supportsearch form div.button span {
                    font-size: 20px;
                    width: 92%;
                    height: 26px;
                    text-transform: uppercase
                }

    div#content div#webweekregistration, div#content div#heiseappcampaign, div#content div#trialkeyrequestcampaignfr, div#content div#adventxmas2015, div#content div#adventxmas2014, div#content div#snmpdripcampaign, div#content div#snmpdripcampaignde, div#content div#snmpdripcampaignes, div#content div#bandwidthmonitoringdripcampaignen, div#content div#wpleadgenerationcampaign, div#content div#itadministratorspecialedition, div#content div#trialkeyrequestoktoberfesttest, div#content div#trialkeyrequestoktoberfesttangtechnology, div#content div#trialkeyrequestoktoberfestaccucom, div#content div#trialkeyrequestoktoberfestintegralis, div#content div#trialkeyrequestoktoberfestsoftsolutions, div#content div#trialkeyrequestoktoberfestaquion {
        background-image: url(/common/img/background-photos/greg-right-2.jpg);
        background-repeat: no-repeat;
        background-position: 0 30px;
        padding: 0;
        border: none;
        background-size: 100% auto
    }

        div#content div#webweekregistration form, div#content div#heiseappcampaign form, div#content div#trialkeyrequestcampaignfr form, div#content div#adventxmas2015 form, div#content div#adventxmas2014 form, div#content div#snmpdripcampaign form, div#content div#snmpdripcampaignde form, div#content div#snmpdripcampaignes form, div#content div#bandwidthmonitoringdripcampaignen form, div#content div#wpleadgenerationcampaign form, div#content div#itadministratorspecialedition form, div#content div#trialkeyrequestoktoberfesttest form, div#content div#trialkeyrequestoktoberfesttangtechnology form, div#content div#trialkeyrequestoktoberfestaccucom form, div#content div#trialkeyrequestoktoberfestintegralis form, div#content div#trialkeyrequestoktoberfestsoftsolutions form, div#content div#trialkeyrequestoktoberfestaquion form {
            background-color: transparent;
            width: 100%
        }

            div#content div#webweekregistration form h1, div#content div#heiseappcampaign form h1, div#content div#trialkeyrequestcampaignfr form h1, div#content div#adventxmas2015 form h1, div#content div#adventxmas2014 form h1, div#content div#snmpdripcampaign form h1, div#content div#snmpdripcampaignde form h1, div#content div#snmpdripcampaignes form h1, div#content div#bandwidthmonitoringdripcampaignen form h1, div#content div#wpleadgenerationcampaign form h1, div#content div#itadministratorspecialedition form h1, div#content div#trialkeyrequestoktoberfesttest form h1, div#content div#trialkeyrequestoktoberfesttangtechnology form h1, div#content div#trialkeyrequestoktoberfestaccucom form h1, div#content div#trialkeyrequestoktoberfestintegralis form h1, div#content div#trialkeyrequestoktoberfestsoftsolutions form h1, div#content div#trialkeyrequestoktoberfestaquion form h1, div#content div#webweekregistration form h2, div#content div#heiseappcampaign form h2, div#content div#trialkeyrequestcampaignfr form h2, div#content div#adventxmas2015 form h2, div#content div#adventxmas2014 form h2, div#content div#snmpdripcampaign form h2, div#content div#snmpdripcampaignde form h2, div#content div#snmpdripcampaignes form h2, div#content div#bandwidthmonitoringdripcampaignen form h2, div#content div#wpleadgenerationcampaign form h2, div#content div#itadministratorspecialedition form h2, div#content div#trialkeyrequestoktoberfesttest form h2, div#content div#trialkeyrequestoktoberfesttangtechnology form h2, div#content div#trialkeyrequestoktoberfestaccucom form h2, div#content div#trialkeyrequestoktoberfestintegralis form h2, div#content div#trialkeyrequestoktoberfestsoftsolutions form h2, div#content div#trialkeyrequestoktoberfestaquion form h2 {
                padding-top: 0
            }

            div#content div#webweekregistration form input#id_email, div#content div#heiseappcampaign form input#id_email, div#content div#trialkeyrequestcampaignfr form input#id_email, div#content div#adventxmas2015 form input#id_email, div#content div#adventxmas2014 form input#id_email, div#content div#snmpdripcampaign form input#id_email, div#content div#snmpdripcampaignde form input#id_email, div#content div#snmpdripcampaignes form input#id_email, div#content div#bandwidthmonitoringdripcampaignen form input#id_email, div#content div#wpleadgenerationcampaign form input#id_email, div#content div#itadministratorspecialedition form input#id_email, div#content div#trialkeyrequestoktoberfesttest form input#id_email, div#content div#trialkeyrequestoktoberfesttangtechnology form input#id_email, div#content div#trialkeyrequestoktoberfestaccucom form input#id_email, div#content div#trialkeyrequestoktoberfestintegralis form input#id_email, div#content div#trialkeyrequestoktoberfestsoftsolutions form input#id_email, div#content div#trialkeyrequestoktoberfestaquion form input#id_email, div#content div#webweekregistration form input#id_email_address, div#content div#heiseappcampaign form input#id_email_address, div#content div#trialkeyrequestcampaignfr form input#id_email_address, div#content div#adventxmas2015 form input#id_email_address, div#content div#adventxmas2014 form input#id_email_address, div#content div#snmpdripcampaign form input#id_email_address, div#content div#snmpdripcampaignde form input#id_email_address, div#content div#snmpdripcampaignes form input#id_email_address, div#content div#bandwidthmonitoringdripcampaignen form input#id_email_address, div#content div#wpleadgenerationcampaign form input#id_email_address, div#content div#itadministratorspecialedition form input#id_email_address, div#content div#trialkeyrequestoktoberfesttest form input#id_email_address, div#content div#trialkeyrequestoktoberfesttangtechnology form input#id_email_address, div#content div#trialkeyrequestoktoberfestaccucom form input#id_email_address, div#content div#trialkeyrequestoktoberfestintegralis form input#id_email_address, div#content div#trialkeyrequestoktoberfestsoftsolutions form input#id_email_address, div#content div#trialkeyrequestoktoberfestaquion form input#id_email_address, div#content div#webweekregistration form input#id_customer_email, div#content div#heiseappcampaign form input#id_customer_email, div#content div#trialkeyrequestcampaignfr form input#id_customer_email, div#content div#adventxmas2015 form input#id_customer_email, div#content div#adventxmas2014 form input#id_customer_email, div#content div#snmpdripcampaign form input#id_customer_email, div#content div#snmpdripcampaignde form input#id_customer_email, div#content div#snmpdripcampaignes form input#id_customer_email, div#content div#bandwidthmonitoringdripcampaignen form input#id_customer_email, div#content div#wpleadgenerationcampaign form input#id_customer_email, div#content div#itadministratorspecialedition form input#id_customer_email, div#content div#trialkeyrequestoktoberfesttest form input#id_customer_email, div#content div#trialkeyrequestoktoberfesttangtechnology form input#id_customer_email, div#content div#trialkeyrequestoktoberfestaccucom form input#id_customer_email, div#content div#trialkeyrequestoktoberfestintegralis form input#id_customer_email, div#content div#trialkeyrequestoktoberfestsoftsolutions form input#id_customer_email, div#content div#trialkeyrequestoktoberfestaquion form input#id_customer_email, div#content div#webweekregistration form input#id_customer_name, div#content div#heiseappcampaign form input#id_customer_name, div#content div#trialkeyrequestcampaignfr form input#id_customer_name, div#content div#adventxmas2015 form input#id_customer_name, div#content div#adventxmas2014 form input#id_customer_name, div#content div#snmpdripcampaign form input#id_customer_name, div#content div#snmpdripcampaignde form input#id_customer_name, div#content div#snmpdripcampaignes form input#id_customer_name, div#content div#bandwidthmonitoringdripcampaignen form input#id_customer_name, div#content div#wpleadgenerationcampaign form input#id_customer_name, div#content div#itadministratorspecialedition form input#id_customer_name, div#content div#trialkeyrequestoktoberfesttest form input#id_customer_name, div#content div#trialkeyrequestoktoberfesttangtechnology form input#id_customer_name, div#content div#trialkeyrequestoktoberfestaccucom form input#id_customer_name, div#content div#trialkeyrequestoktoberfestintegralis form input#id_customer_name, div#content div#trialkeyrequestoktoberfestsoftsolutions form input#id_customer_name, div#content div#trialkeyrequestoktoberfestaquion form input#id_customer_name, div#content div#webweekregistration form textarea#id_customer_heared, div#content div#heiseappcampaign form textarea#id_customer_heared, div#content div#trialkeyrequestcampaignfr form textarea#id_customer_heared, div#content div#adventxmas2015 form textarea#id_customer_heared, div#content div#adventxmas2014 form textarea#id_customer_heared, div#content div#snmpdripcampaign form textarea#id_customer_heared, div#content div#snmpdripcampaignde form textarea#id_customer_heared, div#content div#snmpdripcampaignes form textarea#id_customer_heared, div#content div#bandwidthmonitoringdripcampaignen form textarea#id_customer_heared, div#content div#wpleadgenerationcampaign form textarea#id_customer_heared, div#content div#itadministratorspecialedition form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfesttest form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfesttangtechnology form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestaccucom form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestintegralis form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestsoftsolutions form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestaquion form textarea#id_customer_heared {
                width: 440px;
                padding: 10px 0 10px 10px
            }

            div#content div#webweekregistration form div.button a.formsubmit, div#content div#heiseappcampaign form div.button a.formsubmit, div#content div#trialkeyrequestcampaignfr form div.button a.formsubmit, div#content div#adventxmas2015 form div.button a.formsubmit, div#content div#adventxmas2014 form div.button a.formsubmit, div#content div#snmpdripcampaign form div.button a.formsubmit, div#content div#snmpdripcampaignde form div.button a.formsubmit, div#content div#snmpdripcampaignes form div.button a.formsubmit, div#content div#bandwidthmonitoringdripcampaignen form div.button a.formsubmit, div#content div#wpleadgenerationcampaign form div.button a.formsubmit, div#content div#itadministratorspecialedition form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfesttest form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfesttangtechnology form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfestaccucom form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfestintegralis form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfestsoftsolutions form div.button a.formsubmit, div#content div#trialkeyrequestoktoberfestaquion form div.button a.formsubmit {
                text-transform: uppercase;
                width: 450px;
                padding: 10px 0
            }

            div#content div#webweekregistration form p.privacynote, div#content div#heiseappcampaign form p.privacynote, div#content div#trialkeyrequestcampaignfr form p.privacynote, div#content div#adventxmas2015 form p.privacynote, div#content div#adventxmas2014 form p.privacynote, div#content div#snmpdripcampaign form p.privacynote, div#content div#snmpdripcampaignde form p.privacynote, div#content div#snmpdripcampaignes form p.privacynote, div#content div#bandwidthmonitoringdripcampaignen form p.privacynote, div#content div#wpleadgenerationcampaign form p.privacynote, div#content div#itadministratorspecialedition form p.privacynote, div#content div#trialkeyrequestoktoberfesttest form p.privacynote, div#content div#trialkeyrequestoktoberfesttangtechnology form p.privacynote, div#content div#trialkeyrequestoktoberfestaccucom form p.privacynote, div#content div#trialkeyrequestoktoberfestintegralis form p.privacynote, div#content div#trialkeyrequestoktoberfestsoftsolutions form p.privacynote, div#content div#trialkeyrequestoktoberfestaquion form p.privacynote {
                width: 450px
            }

            div#content div#webweekregistration form div.formitem span, div#content div#heiseappcampaign form div.formitem span, div#content div#trialkeyrequestcampaignfr form div.formitem span, div#content div#adventxmas2015 form div.formitem span, div#content div#adventxmas2014 form div.formitem span, div#content div#snmpdripcampaign form div.formitem span, div#content div#snmpdripcampaignde form div.formitem span, div#content div#snmpdripcampaignes form div.formitem span, div#content div#bandwidthmonitoringdripcampaignen form div.formitem span, div#content div#wpleadgenerationcampaign form div.formitem span, div#content div#itadministratorspecialedition form div.formitem span, div#content div#trialkeyrequestoktoberfesttest form div.formitem span, div#content div#trialkeyrequestoktoberfesttangtechnology form div.formitem span, div#content div#trialkeyrequestoktoberfestaccucom form div.formitem span, div#content div#trialkeyrequestoktoberfestintegralis form div.formitem span, div#content div#trialkeyrequestoktoberfestsoftsolutions form div.formitem span, div#content div#trialkeyrequestoktoberfestaquion form div.formitem span {
                display: none
            }

    div#content div#trialkeyrequestoktoberfesttest, div#content div#adventxmas2015, div#content div#adventxmas2014, div#content div#trialkeyrequestoktoberfesttangtechnology, div#content div#trialkeyrequestoktoberfestaccucom, div#content div#trialkeyrequestoktoberfestintegralis, div#content div#trialkeyrequestoktoberfestsoftsolutions, div#content div#trialkeyrequestoktoberfestaquion {
        background-image: url(/common/img/background-photos/greg-right-8.jpg);
        border-top: 5px solid #e6e7e8;
        background-position: 0 25px
    }

        div#content div#trialkeyrequestoktoberfesttest p, div#content div#adventxmas2015 p, div#content div#adventxmas2014 p, div#content div#trialkeyrequestoktoberfesttangtechnology p, div#content div#trialkeyrequestoktoberfestaccucom p, div#content div#trialkeyrequestoktoberfestintegralis p, div#content div#trialkeyrequestoktoberfestsoftsolutions p, div#content div#trialkeyrequestoktoberfestaquion p {
            width: 440px
        }

            div#content div#trialkeyrequestoktoberfesttest p.intro, div#content div#adventxmas2015 p.intro, div#content div#adventxmas2014 p.intro, div#content div#trialkeyrequestoktoberfesttangtechnology p.intro, div#content div#trialkeyrequestoktoberfestaccucom p.intro, div#content div#trialkeyrequestoktoberfestintegralis p.intro, div#content div#trialkeyrequestoktoberfestsoftsolutions p.intro, div#content div#trialkeyrequestoktoberfestaquion p.intro {
                color: #0b2558;
                font-size: 16px;
                line-height: 20px
            }

        div#content div#trialkeyrequestoktoberfesttest form textarea#id_customer_heared, div#content div#adventxmas2015 form textarea#id_customer_heared, div#content div#adventxmas2014 form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfesttangtechnology form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestaccucom form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestintegralis form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestsoftsolutions form textarea#id_customer_heared, div#content div#trialkeyrequestoktoberfestaquion form textarea#id_customer_heared {
            height: 130px
        }

        div#content div#trialkeyrequestoktoberfesttest form div.formitem span, div#content div#adventxmas2015 form div.formitem span, div#content div#adventxmas2014 form div.formitem span, div#content div#trialkeyrequestoktoberfesttangtechnology form div.formitem span, div#content div#trialkeyrequestoktoberfestaccucom form div.formitem span, div#content div#trialkeyrequestoktoberfestintegralis form div.formitem span, div#content div#trialkeyrequestoktoberfestsoftsolutions form div.formitem span, div#content div#trialkeyrequestoktoberfestaquion form div.formitem span {
            display: inline
        }

    div#content div#wpleadgenerationcampaign {
        background-image: url(/common/img/background-photos/nicole-right-2.jpg)
    }

    div#content div#prtgroadshow {
        background-repeat: no-repeat;
        background-image: url(/common/img/background-photos/roadshow-2016-single.png);
        background-position: 0 460px
    }

        div#content div#prtgroadshow form {
            width: 500px;
            color: #fff;
            font-size: 14px
        }

            div#content div#prtgroadshow form select {
                border: 1px solid #fff;
                height: 30px;
                margin: 0 0 30px;
                width: 100%;
                font-size: 14px;
                color: #0b2558
            }

            div#content div#prtgroadshow form label {
                text-transform: uppercase;
                font-weight: 400
            }

            div#content div#prtgroadshow form input {
                font-size: 14px;
                color: #0b2558
            }

        div#content div#prtgroadshow p.required span {
            color: #e6045f
        }

    div#content div#packetpushers {
        border: none;
        padding: 0;
        width: 99%
    }

        div#content div#packetpushers form {
            padding: 0;
            background-color: #fff
        }

            div#content div#packetpushers form div.formitem {
                float: left;
                width: 440px;
                padding: 0 20px 0 0
            }

            div#content div#packetpushers form div.CheckboxInput {
                width: 400px
            }

                div#content div#packetpushers form div.CheckboxInput label {
                    width: 370px
                }

                    div#content div#packetpushers form div.CheckboxInput label span {
                        font-weight: 700
                    }

            div#content div#packetpushers form span.licensenote {
                display: inline
            }

            div#content div#packetpushers form input {
                background-color: #e6e7e8
            }

            div#content div#packetpushers form div.button a.magenta {
                width: 880px
            }

    div#content div#webweekregistration {
        background-image: url(/common/img/background-photos/webweek-2016.png)
    }

        div#content div#webweekregistration p.webweekregistration {
            display: none
        }

    div#content div#bandwidthmonitoringdripcampaignen {
        background-image: url(/common/img/background-photos/email-course-bandwidth.png);
        background-size: 1200px 387px;
        margin-bottom: 0
    }

    div#content div#trialkeyrequestcampaignfr {
        background-position: 0 40px
    }

        div#content div#trialkeyrequestcampaignfr form label, div#content div#trialkeyrequestcampaignfr form span {
            font-weight: 700;
            color: #0b2558
        }

        div#content div#trialkeyrequestcampaignfr form div.CheckboxInput label {
            display: inline;
            float: none
        }

        div#content div#trialkeyrequestcampaignfr form div.CheckboxInput span {
            display: inline
        }

    div#content div#adventxmas2015, div#content div#adventxmas2014 {
        background-image: url(/common/img/background-photos/mathias-xmas-right-2.jpg);
        border: none
    }

        div#content div#adventxmas2015 form textarea, div#content div#adventxmas2014 form textarea {
            height: 130px;
            width: 440px;
            padding: 10px 0 10px 10px;
            font-family: lucida grande,lucida sans unicode,Arial,sans-serif;
            font-size: 11px
        }

        div#content div#adventxmas2015 form input, div#content div#adventxmas2014 form input {
            width: 440px;
            padding: 10px 0 10px 10px
        }

    div#content div#heiseappcampaign {
        background-image: url(/common/img/background-photos/heise-app-right-1.png)
    }

        div#content div#heiseappcampaign form {
            width: 50%
        }

        div#content div#adventxmas2015.formstyle, div#content div#trialkeyrequestcn.formstyle, div#content div#trialkeyrequestcampaignfr.formstyle, div#content div#adventxmas2014.formstyle, div#content div#heiseappcampaign.formstyle, div#content div#snmpdripcampaign.formstyle, div#content div#snmpdripcampaignde.formstyle, div#content div#snmpdripcampaignes.formstyle, div#content div#wpleadgenerationcampaign.formstyle, div#content div#itadministratorspecialedition.formstyle, div#content div#trialkeyrequestoktoberfesttest.formstyle, div#content div#trialkeyrequestoktoberfesttangtechnology.formstyle, div#content div#trialkeyrequestoktoberfestaccucom.formstyle, div#content div#trialkeyrequestoktoberfestintegralis.formstyle, div#content div#trialkeyrequestoktoberfestsoftsolutions.formstyle, div#content div#trialkeyrequestoktoberfestaquion.formstyle {
            width: 100%;
            margin: 0
        }

    div#content div#itadministratorspecialedition {
        background-position: 20px right
    }

        div#content div#itadministratorspecialedition form fieldset {
            width: 400px
        }

        div#content div#itadministratorspecialedition form div.CheckboxInput label {
            width: 420px
        }

            div#content div#itadministratorspecialedition form div.CheckboxInput label span {
                display: inline;
                text-align: left
            }

    div#content div#brazilbuyfromresellernotdirect form div.formitem {
        min-height: 50px;
        margin: 0 0 20px
    }

    div#content div#brazilbuyfromresellernotdirect form label {
        width: 200px;
        float: left;
        font-size: 15px;
        font-weight: 400;
        text-align: right;
        padding: 15px 20px 0 0
    }

    div#content div#brazilbuyfromresellernotdirect form input {
        float: left;
        width: 650px;
        height: 40px;
        font-size: 15px;
        background-color: #e6e7e8
    }

    div#content div#brazilbuyfromresellernotdirect form textarea {
        float: left;
        width: 650px;
        height: 40px;
        font-size: 15px;
        background-color: #e6e7e8;
        height: 300px
    }

    div#content div#brazilbuyfromresellernotdirect form select {
        height: 40px;
        font-size: 15px;
        border: 1px solid #d1d3d4;
        width: 660px;
        color: #58595b;
        border-radius: 3px
    }

    div#content div#brazilbuyfromresellernotdirect form div.button {
        padding: 0 0 0 220px
    }

        div#content div#brazilbuyfromresellernotdirect form div.button a {
            height: 35px;
            padding: 10px 0 0;
            width: 660px
        }

    div#content div#brazilbuyfromresellernotdirect form p.privacynote, div#content div#brazilbuyfromresellernotdirect form p.brazilbuyfromresellernotdirect {
        display: none
    }

    div#content div#newslettersubscriptionnew, div#content div#newslettersubscription {
        background-image: url(/common/img/background-photos/daniel-z-right-3.jpg);
        background-position: 0 0;
        background-size: 100% auto;
        margin: 0;
        width: 100%
    }

        div#content div#newslettersubscriptionnew p.intro, div#content div#newslettersubscription p.intro {
            color: #0b2558;
            font-size: 16px;
            line-height: 20px
        }

        div#content div#newslettersubscriptionnew form, div#content div#newslettersubscription form {
            background-color: transparent;
            width: 410px
        }

            div#content div#newslettersubscriptionnew form fieldset, div#content div#newslettersubscription form fieldset {
                width: 400px
            }

            div#content div#newslettersubscriptionnew form div.formitem input, div#content div#newslettersubscription form div.formitem input {
                height: 30px;
                font-size: 14px
            }

            div#content div#newslettersubscriptionnew form div.formitem label span, div#content div#newslettersubscription form div.formitem label span {
                display: none
            }

            div#content div#newslettersubscriptionnew form div.button, div#content div#newslettersubscription form div.button {
                width: 403px
            }

                div#content div#newslettersubscriptionnew form div.button a, div#content div#newslettersubscription form div.button a {
                    color: #fff;
                    min-height: 20px;
                    padding: 10px 0;
                    width: 402px;
                    font-size: 20px
                }

                    div#content div#newslettersubscriptionnew form div.button a strong, div#content div#newslettersubscription form div.button a strong {
                        color: #0b2558
                    }

                    div#content div#newslettersubscriptionnew form div.button a:hover, div#content div#newslettersubscription form div.button a:hover {
                        background: #eb8b06
                    }

        div#content div#newslettersubscriptionnew p.newslettersubscriptionnew, div#content div#newslettersubscription p.newslettersubscriptionnew, div#content div#newslettersubscriptionnew p.newslettersubscription {
            display: none
        }

    div#content div#newslettersubscription {
        background-image: url(/common/img/newsletter-image.png);
        background-position: 680px 30px;
        background-repeat: no-repeat;
        background-color: #fff
    }

        div#content div#newslettersubscription p.newslettersubscription {
            display: none
        }

        div#content div#newslettersubscription form {
            padding: 0 20px 20px 0
        }

        div#content div#newslettersubscription fieldset {
            width: 580px !important
        }

            div#content div#newslettersubscription fieldset input {
                width: 396px !important
            }

    div#content div#contactbypartner {
        background-position: 30px 0;
        background-image: none;
        margin: 0;
        width: 100%
    }

        div#content div#contactbypartner p.intro {
            color: #0b2558;
            font-size: 16px;
            line-height: 20px
        }

        div#content div#contactbypartner form {
            background-color: transparent;
            width: 100%
        }

            div#content div#contactbypartner form fieldset {
                width: 65%;
                float: left
            }

                div#content div#contactbypartner form fieldset.partner-contact-headline {
                    float: left;
                    width: 30%;
                    padding: 0 30px 0 0
                }

                div#content div#contactbypartner form fieldset.Your-contact-information {
                    padding-top: 55px
                }

            div#content div#contactbypartner form div.formitem {
                float: left;
                width: 270px;
                padding: 0 30px 0 0
            }

                div#content div#contactbypartner form div.formitem input {
                    height: 30px;
                    border-radius: 3px
                }

                div#content div#contactbypartner form div.formitem ul li input {
                    margin: 0;
                    padding: 0;
                    height: 15px
                }

            div#content div#contactbypartner form div.CheckboxSelectMultiple, div#content div#contactbypartner form div.RadioSelect {
                width: 100%;
                clear: both
            }

            div#content div#contactbypartner form div.Textarea {
                width: 585px;
                height: 150px;
                float: none;
                clear: both
            }

            div#content div#contactbypartner form div.button {
                clear: both;
                width: 573px;
                padding-left: 317px
            }

                div#content div#contactbypartner form div.button a {
                    padding: 10px
                }

                    div#content div#contactbypartner form div.button a strong {
                        color: #0b2558
                    }

                    div#content div#contactbypartner form div.button a:hover {
                        background-color: #eb8b06
                    }

            div#content div#contactbypartner form div.note {
                padding-left: 34%
            }

                div#content div#contactbypartner form div.note span {
                    color: #e6045f
                }

    div#content div#trialkeyrequestcn {
        background-image: url(/common/img/background-photos/greg-right-13.jpg);
        background-repeat: no-repeat;
        background-position: -240px 57px;
        padding: 0;
        border: none
    }

        div#content div#trialkeyrequestcn form {
            background-color: transparent;
            width: 100%;
            padding: 20px
        }

            div#content div#trialkeyrequestcn form h1, div#content div#trialkeyrequestcn form h2 {
                padding: 0
            }

            div#content div#trialkeyrequestcn form div.ctrlHolder {
                width: 342px
            }

                div#content div#trialkeyrequestcn form div.ctrlHolder label {
                    display: inline
                }

                div#content div#trialkeyrequestcn form div.ctrlHolder input.textinput, div#content div#trialkeyrequestcn form div.ctrlHolder textarea {
                    border-radius: 3px;
                    border: 1px solid #d1d3d4;
                    height: 25px;
                    font-size: 16px;
                    background-color: #fff;
                    width: 100%;
                    margin: 0 0 10px
                }

            div#content div#trialkeyrequestcn form div.call_to_action_checkbox_holder {
                margin: 0 0 15px
            }

            div#content div#trialkeyrequestcn form div.notYourButtonHolder a.formsubmit {
                text-transform: uppercase;
                width: 53% !important;
                padding: 10px 0;
                float: none
            }

            div#content div#trialkeyrequestcn form p.privacynote {
                width: 342px
            }

            div#content div#trialkeyrequestcn form div.formitem span {
                display: none
            }

    div#content div#donationform form {
        background-color: transparent
    }

        div#content div#donationform form div.TextInput {
            float: left;
            width: 45%;
            padding-right: 27px
        }

        div#content div#donationform form div.CheckboxInput input {
            float: left
        }

        div#content div#donationform form div.CheckboxInput label {
            float: right;
            width: 95%
        }

        div#content div#donationform form a.formsubmit span {
            font-size: 20px;
            text-transform: uppercase
        }

    div#content form#reseller_search input {
        width: 190px;
        margin: 8px 10px 0 0
    }

    div#content form#reseller_search select {
        width: 190px;
        margin-top: 8px
    }

    div#content form#reseller_search div.button {
        width: 220px;
        float: right
    }

        div#content form#reseller_search div.button input.button {
            width: 200px;
            clear: none;
            background-image: url(/common/img/sprite_buttons.png);
            font-size: 11px;
            padding: 0 10px;
            background-position: -2px -2793px;
            float: right;
            margin: 0 20px 0 0;
            padding: 0 10px
        }

    div#content form.customertrialdownload {
        width: 130px
    }

        div#content form.customertrialdownload input.radio {
            width: 15px;
            display: inline;
            margin-right: 5px
        }

        div#content form.customertrialdownload label {
            display: inline;
            width: 100px;
            float: none
        }

        div#content form.customertrialdownload div.button input.submit {
            width: 105px;
            clear: none;
            background-color: #fff;
            background-image: url(/common/img/sprite_buttons.png);
            background-position: -10px -3392px;
            color: #fff;
            float: left;
            font-size: 11px;
            padding: 0 10px
        }

            div#content form.customertrialdownload div.button input.submit:hover {
                background-position: -852px -3392px
            }

    div#content div.hubspotformelement form input.hs-input {
        border: 1px solid #bcbec0;
        border-radius: 2px;
        box-shadow: none;
        height: 30px
    }

    div#content div.hubspotformelement form input.hs-button {
        border: 1px solid #f59c00;
        background-color: #f59c00;
        background-image: none;
        border-radius: 2px;
        box-shadow: none;
        text-shadow: none;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        font-family: Roboto;
        height: 30px
    }

    div#content div.hubspotformelement form div.actions {
        padding: 0 !important;
        margin: 0 !important
    }

    div#content div.hubspotformelement form.hs-form ul.inputs-list {
        list-style: none;
        padding: 0 !important;
        margin: 0 !important
    }

    div#content div.hubspotformelement form.hs-form li.hs-form-radio {
        padding: 0;
        margin: none;
        width: auto;
        display: inline-block
    }

        div#content div.hubspotformelement form.hs-form li.hs-form-radio label {
            padding: 10px 20px 0 0;
            display: inline-block
        }

        div#content div.hubspotformelement form.hs-form li.hs-form-radio input {
            width: auto;
            margin: 0 7px 0 0;
            display: inline-block;
            height: auto
        }

        div#content div.hubspotformelement form.hs-form li.hs-form-radio label span {
            display: inline-block
        }
}

@media only screen and (max-width:1000px) {
    div#content form {
        width: 100% !important;
        background-image: none !important
    }

        div#content form fieldset {
            width: 100% !important
        }

            div#content form fieldset div.TextInput input, div#content form fieldset div.Textarea input, div#content form fieldset div.TextInput textarea, div#content form fieldset div.Textarea textarea {
                display: block;
                border-radius: 3px;
                padding: 3px 0 0 5px;
                margin: 0;
                height: 19px;
                border: 1px solid #d1d3d4;
                color: #58595b;
                width: 100%
            }

            div#content form fieldset div.TextInput textarea, div#content form fieldset div.Textarea textarea {
                height: 250px
            }

            div#content form fieldset div.EmailInput input {
                display: block;
                border-radius: 3px;
                padding: 3px 0 0 5px;
                margin: 0;
                height: 19px;
                border: 1px solid #d1d3d4;
                color: #58595b;
                width: 100%
            }

            div#content form fieldset div.CheckboxInput {
                margin-bottom: 20px
            }

                div#content form fieldset div.CheckboxInput input {
                    width: 18px;
                    float: left;
                    margin: 2px 0 0
                }

                div#content form fieldset div.CheckboxInput label {
                    float: right;
                    width: 100%
                }

                    div#content form fieldset div.CheckboxInput label span {
                        color: #58595b;
                        font-weight: 400
                    }

            div#content form fieldset div.CheckboxSelectMultiple ul {
                margin: 0;
                padding: 0;
                list-style: none
            }

                div#content form fieldset div.CheckboxSelectMultiple ul li {
                    margin: 0 0 10px
                }

            div#content form fieldset div.RadioSelect ul {
                list-style: none;
                margin: 0;
                padding: 0
            }

                div#content form fieldset div.RadioSelect ul li {
                    padding: 10px 0 0
                }

            div#content form fieldset div.RadioSelect label span {
                color: #58595b
            }

            div#content form fieldset div.button a.formsubmit {
                float: none;
                margin-right: 0 !important;
                padding: 5px 10px
            }

            div#content form fieldset div.button p {
                color: #e6045f;
                text-align: center;
                height: 45px;
                margin: 0 0 20px;
                padding: 20px 0 0;
                width: 100%;
                font-size: 15px
            }

            div#content form fieldset div.button input {
                border: none;
                float: none;
                text-align: center;
                width: 100%;
                padding: 5px 10px;
                clear: both;
                cursor: pointer;
                font-size: 13px
            }

    div#content div#newslettersubscriptionnew p.required {
        display: none
    }

    div#content div#newslettersubscriptionnew input {
        width: 98%;
        height: 34px;
        margin: 0 0 5px;
        font-size: 15px;
        color: #0b2558
    }

    div#content div#newslettersubscriptionnew a.formsubmit {
        padding: 12px 3% 10px;
        width: 94% !important
    }
}

.trialform-input-group {
    margin-bottom: 20px
}

    .trialform-input-group input {
        border-radius: 3px;
        border: 1px solid #ccc;
        color: #555;
        width: 100%;
        height: 19px;
        margin-bottom: 2px
    }

    .trialform-input-group .errormsg {
        color: #ed0f69;
        font-style: italic
    }

        .trialform-input-group .errormsg.hidden {
            visibility: hidden
        }

div#content div.buttonsegment button.buttonstyle span {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 24px;
    display: block;
    padding: 10px 6px 13px
}

h2#trialheader {
    margin: 0 !important
}

h2#license-details {
    margin-top: 20px !important
}

div#content .banner {
    position: fixed;
    width: 100%;
    z-index: 1;
    background-color: #00aeef;
    transition: 600ms transform 150ms;
    -webkit-transition: 600ms transform 150ms;
    -moz-transition: 600ms transform 150ms;
    -o-transition: 600ms transform 150ms;
    transition-timing-function: cubic-bezier(.63,-.41,.46,1.28);
    -webkit-transition-timing-function: cubic-bezier(.63,-.41,.46,1.28);
    -moz-transition-timing-function: cubic-bezier(.63,-.41,.46,1.28);
    -o-transition-timing-function: cubic-bezier(.63,-.41,.46,1.28);
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    padding-top: 100px
}

    div#content .banner.disabled {
        transform: translateY(-50vh) translateY(-100px);
        -webkit-transform: translateY(-50vh) translateY(-100px);
        -ms-transform: translateY(-50vh) translateY(-100px);
        -moz-transform: translateY(-50vh) translateY(-100px);
        -o-transform: translateY(-50vh) translateY(-100px)
    }

    div#content .banner .banner-content {
        position: relative;
        width: 100%;
        padding: 15px 0;
        color: #fff;
        font-size: 19px
    }

        div#content .banner .banner-content .close-button {
            position: absolute;
            right: 0;
            top: 8px;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
            padding: 8px;
            padding-right: 0
        }

            div#content .banner .banner-content .close-button:hover {
                text-decoration: none
            }

            div#content .banner .banner-content .close-button:before {
                content: '✕'
            }

        div#content .banner .banner-content .banner-buttons {
            position: absolute;
            right: 34px;
            top: 9px;
            color: #fff
        }

            div#content .banner .banner-content .banner-buttons .buttonstyle {
                margin: 0 0 0 18px;
                padding: 3px 22px;
                font-size: 14px
            }

.modal {
    display: none;
    opacity: 0;
    transition: 800ms opacity;
    -webkit-transition: 800ms opacity;
    -moz-transition: 800ms opacity;
    -o-transition: 800ms opacity;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

    .modal.displayed {
        opacity: 1
    }

    .modal .underlay {
        width: 100%;
        height: 100%;
        background-color: #333;
        opacity: .9
    }

    .modal .modal-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        overflow-y: scroll;
        width: 100%;
        height: 100%
    }

    .modal .modal-box {
        position: relative;
        width: 545px;
        height: 630px;
        margin: 10vh auto
    }

        .modal .modal-box .close-button {
            color: #777;
            font: 32px arial,sans-serif;
            position: absolute;
            right: -75px;
            padding: 8px;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff;
            cursor: pointer
        }

            .modal .modal-box .close-button:after {
                content: '✕'
            }

            .modal .modal-box .close-button:hover {
                color: #979797
            }

    .modal .modal-body {
        display: block;
        width: 100%;
        height: 100%;
        padding: 60px 40px;
        background-color: #fff;
        border-radius: 2px;
        text-align: center;
        overflow: hidden
    }

div#content div.box-cyan {
    background-color: #fff;
    max-width: 99%;
    margin: 5px auto 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 #d1d3d4;
    -moz-box-shadow: 0 0 5px 0 #d1d3d4;
    box-shadow: 0 0 5px 0 #d1d3d4
}

    div#content div.box-cyan p {
        padding: 20px
    }

    div#content div.box-cyan h4 {
        padding: 12px 20px !important;
        margin: 0 !important;
        color: #fff !important;
        background-color: #00aeef;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        font-weight: 300 !important
    }

        div#content div.box-cyan h4 strong {
            color: #fff !important;
            font-weight: 500 !important
        }

    div#content div.box-cyan:hover {
        background-color: #f1f2f2;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        div#content div.box-cyan:hover h4 {
            background-color: #009bd6
        }

div#content div.box-blue {
    background-color: #fff;
    max-width: 99%;
    margin: 5px auto 0;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 #d1d3d4;
    -moz-box-shadow: 0 0 5px 0 #d1d3d4;
    box-shadow: 0 0 5px 0 #d1d3d4
}

    div#content div.box-blue p {
        padding: 20px
    }

    div#content div.box-blue h4 {
        padding: 12px 20px !important;
        margin: 0 !important;
        color: #fff !important;
        background-color: #0b2558;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        font-weight: 300 !important
    }

        div#content div.box-blue h4 strong {
            color: #fff !important;
            font-weight: 500 !important
        }

    div#content div.box-blue:hover {
        background-color: #f1f2f2;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

        div#content div.box-blue:hover h4 {
            background-color: #081b41
        }

div#content div.special div.box-cyan p, div#content div.plain div.box-cyan p {
    width: 90%
}

@media only screen and (max-width:1000px) {
    div#content div.box-cyan {
        margin: 7px 0 14px !important
    }

        div#content div.box-cyan p {
            width: 100%
        }
}

@media only screen and (min-width:1001px) {
    div#content div.campaign, div#content div.col-12 {
        border: none !important;
        background-repeat: no-repeat;
        background-position: left bottom
    }

        div#content div.campaign div.photo-bg, div#content div.col-12 div.photo-bg {
            position: relative;
            padding: 30px 23px 0 0;
            background-repeat: no-repeat;
            background-size: 80% auto
        }

            div#content div.campaign div.photo-bg h1, div#content div.col-12 div.photo-bg h1 {
                text-align: left;
                margin: 20px 0 30px
            }

            div#content div.campaign div.photo-bg h2, div#content div.campaign div.photo-bg h3, div#content div.col-12 div.photo-bg h2, div#content div.col-12 div.photo-bg h3 {
                margin: 0 0 20px 0;
                padding: 0
            }

            div#content div.campaign div.photo-bg h3, div#content div.col-12 div.photo-bg h3 {
                text-transform: none
            }

            div#content div.campaign div.photo-bg div.textarea, div#content div.col-12 div.photo-bg div.textarea {
                overflow: hidden;
                width: 55%
            }

                div#content div.campaign div.photo-bg div.textarea a.grey, div#content div.col-12 div.photo-bg div.textarea a.grey {
                    background-color: #d2d2d4
                }

                    div#content div.campaign div.photo-bg div.textarea a.grey:hover, div#content div.col-12 div.photo-bg div.textarea a.grey:hover {
                        background-color: #c7c7ca
                    }

            div#content div.campaign div.photo-bg p, div#content div.campaign div.photo-bg ol, div#content div.campaign div.photo-bg ul, div#content div.campaign div.photo-bg li, div#content div.col-12 div.photo-bg p, div#content div.col-12 div.photo-bg ol, div#content div.col-12 div.photo-bg ul, div#content div.col-12 div.photo-bg li {
                font-size: 16px;
                line-height: 20px;
                color: #0b2558
            }

                div#content div.campaign div.photo-bg p.caption, div#content div.campaign div.photo-bg p.light, div#content div.col-12 div.photo-bg p.caption, div#content div.col-12 div.photo-bg p.light {
                    color: #fff;
                    font-weight: 400;
                    position: absolute;
                    bottom: 15px;
                    right: 0;
                    background-color: #d1d3d4;
                    padding: 2px 23px 3px 5px !important;
                    display: block;
                    color: #0b2558;
                    opacity: .9;
                    font-size: 11px !important;
                    border-radius: 3px 0 0 3px;
                    margin: 0 !important
                }

                div#content div.campaign div.photo-bg p.dark, div#content div.col-12 div.photo-bg p.dark {
                    color: #0b2558
                }

            div#content div.campaign div.photo-bg img.screenshot, div#content div.col-12 div.photo-bg img.screenshot {
                position: absolute;
                bottom: 70px;
                width: 290px;
                right: 23px;
                width: 400px
            }

            div#content div.campaign div.photo-bg .img-left h1, div#content div.campaign div.photo-bg .text-right h1, div#content div.col-12 div.photo-bg .img-left h1, div#content div.col-12 div.photo-bg .text-right h1 {
                text-align: left
            }

            div#content div.campaign div.photo-bg .img-left div.textarea, div#content div.campaign div.photo-bg .text-right div.textarea, div#content div.col-12 div.photo-bg .img-left div.textarea, div#content div.col-12 div.photo-bg .text-right div.textarea {
                padding: 0 0 0 50%;
                width: 50% !important
            }

            div#content div.campaign div.photo-bg .img-left p.caption, div#content div.campaign div.photo-bg .text-right p.caption, div#content div.col-12 div.photo-bg .img-left p.caption, div#content div.col-12 div.photo-bg .text-right p.caption {
                left: 0;
                right: auto;
                border-radius: 0 2px 2px 0;
                padding: 2px 5px 3px 23px !important
            }

            div#content div.campaign div.photo-bg .img-left img.screenshot, div#content div.campaign div.photo-bg .text-right img.screenshot, div#content div.col-12 div.photo-bg .img-left img.screenshot, div#content div.col-12 div.photo-bg .text-right img.screenshot {
                left: 23px
            }

            div#content div.campaign div.photo-bg .blanko h1, div#content div.campaign div.photo-bg .blanko h2, div#content div.col-12 div.photo-bg .blanko h1, div#content div.col-12 div.photo-bg .blanko h2 {
                width: 100%
            }

            div#content div.campaign div.photo-bg .blanko div.textarea, div#content div.col-12 div.photo-bg .blanko div.textarea {
                padding: 0;
                width: 100%
            }

            div#content div.campaign div.photo-bg .zitat img.screenshot, div#content div.col-12 div.photo-bg .zitat img.screenshot {
                width: 150px;
                top: 15px
            }

            div#content div.campaign div.photo-bg .zitat div.textarea, div#content div.col-12 div.photo-bg .zitat div.textarea {
                width: 70%
            }

            div#content div.campaign div.photo-bg div.button-logo-box, div#content div.col-12 div.photo-bg div.button-logo-box {
                background-image: url(/common/img/prtg-logo-header-blue.png);
                background-repeat: no-repeat;
                background-position: bottom right;
                background-size: 125px auto;
                margin-right: 175px;
                padding-top: 10px
            }
}

@media only screen and (max-width:1000px) {
    div#content div.campaign div.photo-bg, div#content div.col-12 div.photo-bg {
        background-image: none !important
    }

        div#content div.campaign div.photo-bg p.caption, div#content div.col-12 div.photo-bg p.caption {
            display: none
        }

        div#content div.campaign div.photo-bg h3, div#content div.col-12 div.photo-bg h3 {
            text-transform: none
        }

        div#content div.campaign div.photo-bg div.button-logo-box, div#content div.col-12 div.photo-bg div.button-logo-box {
            background-position: top center;
            background-size: 125px auto;
            padding-top: 100px;
            background-repeat: no-repeat;
            background-image: url(/common/img/prtg-logo-header-blue.png)
        }
}

@media only screen and (min-width:1001px) {
    div#content div.divider1, div#content div.divider2, div#content div.divider4, div#content div.divider5, div#content div.divider6, div#content div.divider7, div#content div.divider-clear {
        clear: both !important;
        min-height: 20px !important;
        margin: 0;
        padding: 0 !important;
        border-width: 0 !important;
        background-color: #e6e7e8
    }

        div#content div.divider1 div.pageelement, div#content div.divider2 div.pageelement, div#content div.divider4 div.pageelement, div#content div.divider5 div.pageelement, div#content div.divider6 div.pageelement, div#content div.divider7 div.pageelement, div#content div.divider-clear div.pageelement {
            padding: 0 !important
        }

        div#content div.divider1 div.divider-top, div#content div.divider2 div.divider-top, div#content div.divider4 div.divider-top, div#content div.divider5 div.divider-top, div#content div.divider6 div.divider-top, div#content div.divider7 div.divider-top, div#content div.divider-clear div.divider-top {
            background-color: #fff;
            margin: 0 0 3px;
            height: 20px
        }

        div#content div.divider1 div.divider-bottom, div#content div.divider2 div.divider-bottom, div#content div.divider4 div.divider-bottom, div#content div.divider5 div.divider-bottom, div#content div.divider6 div.divider-bottom, div#content div.divider7 div.divider-bottom, div#content div.divider-clear div.divider-bottom {
            background-color: #fff;
            height: 20px
        }

        div#content div.divider1 div.divider-top {
            margin: 0 0 15px
        }

    div#content div.divider3 {
        clear: both !important
    }

    div#content div.divider4, div#content div.divider7, div#content div.divider-clear {
        padding: 5px 0 0 !important
    }

        div#content div.divider4 div.divider-top, div#content div.divider7 div.divider-top, div#content div.divider-clear div.divider-top {
            display: none
        }

        div#content div.divider4 div.divider-bottom, div#content div.divider7 div.divider-bottom {
            border-radius: 0;
            height: 25px
        }

    div#content div.divider-clear {
        padding: 3px 0 0 !important
    }

        div#content div.divider-clear div.divider-bottom {
            border-radius: 0;
            height: 25px
        }

    div#content div.divider7 {
        background-color: #fff
    }

    div#content div.divider9 {
        padding: 0 0 5px !important
    }

        div#content div.divider9 div.divider-top {
            display: none
        }

        div#content div.divider9 div.divider-bottom {
            border-radius: 0;
            height: 25px
        }
}

@media only screen and (max-width:1000px) {
    div#content div.divider1, div#content div.divider2, div#content div.divider4, div#content div.divider5, div#content div.divider6, div#content div.divider7, div#content div.divider-clear {
        margin: 10px 0;
        clear: both
    }

    div#content div.divider2 {
        border-bottom: 3px solid #e6e7e8
    }
}

@media only screen and (min-width:1001px) {
    div#content div.imageelement a {
        display: inline-block;
        text-decoration: none;
        color: #58595b;
        overflow: hidden
    }

    div#content div.imageelement span {
        display: block;
        padding: 10px 0;
        margin: auto;
        font-size: 14px
    }

    div#content div.imageelement img {
        display: block;
        max-width: 100%
    }

    div#content div.imageelement .border {
        border: 1px solid #d1d3d4;
        max-width: calc(100% - 2px)
    }

    div#content .centered-caption, div#content .logo {
        text-align: center
    }

        div#content .centered-caption a, div#content .logo a {
            display: inline-block
        }

        div#content .centered-caption img, div#content .logo img {
            display: inline-block !important
        }

        div#content .centered-caption span, div#content .logo span {
            display: inline-block
        }

    div#content .lightbox a:hover {
        background-color: #58595b
    }

        div#content .lightbox a:hover img {
            opacity: .8
        }
}

@media only screen and (max-width:1000px) {
    div#content div.imageelement {
        text-align: center;
        margin: 0 0 20px
    }

        div#content div.imageelement a {
            text-decoration: none;
            color: #58595b
        }

        div#content div.imageelement span {
            color: #0b2558;
            font-weight: 700
        }

        div#content div.imageelement img {
            display: block;
            margin: 0 auto 10px;
            max-width: 100%
        }

            div#content div.imageelement img.border {
                border: 1px solid #d1d3d4
            }
}

@media only screen and (min-width:1001px) {
    div#content div.newselement {
        text-align: left;
        width: 30%;
        padding: 15px 23px 15px 0;
        float: left
    }

        div#content div.newselement h3 {
            margin: 0;
            text-align: center
        }

        div#content div.newselement a.link {
            background-image: url(/common/img/sprite-news.png);
            background-position: 0 center;
            background-repeat: no-repeat;
            background-size: 50px auto;
            display: block;
            padding: 65px 0 10px 0
        }

    div#content div.press-release a.link {
        background-position: center -760px
    }

    div#content div.blog-entry a.link {
        background-position: center -380px
    }

    div#content div.whitepaper a.link {
        background-position: center -570px
    }

    div#content div.case-study a.link {
        background-position: center -190px
    }

    div#content div.monitoring-stories a.link {
        background-position: center 0
    }
}

@media only screen and (min-width:1001px) {
    div#content div.attachmentelement a {
        background-color: #e6e7e8;
        border-radius: 3px;
        color: #0b2558;
        display: block;
        padding: 8px 0 8px 38px;
        font-size: 13px;
        background-image: url(/common/img/download.png);
        background-position: 5px center;
        background-repeat: no-repeat
    }

        div#content div.attachmentelement a span {
            font-size: 17px;
            text-transform: uppercase
        }

        div#content div.attachmentelement a:hover {
            color: #e6045f
        }

        div#content div.attachmentelement a.pdf {
            background-image: url(/common/img/pdf.png)
        }

        div#content div.attachmentelement a.download {
            background-image: url(/common/img/download.png)
        }
}

div#content div.toggleelement {
    margin: 7px 0;
    padding: 0;
    overflow: hidden;
    background-color: #f1f2f2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    div#content div.toggleelement a:hover {
        border: none !important
    }

    div#content div.toggleelement h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin: 10px 0 5px;
        padding: 0;
        text-transform: none !important;
        width: 100%
    }

        div#content div.toggleelement h3 a {
            display: block;
            padding: 0 0 5px 10px;
            margin: 0 0 0 10px
        }

            div#content div.toggleelement h3 a:hover {
                color: #00aeef !important;
                text-decoration: underline
            }

        div#content div.toggleelement h3 > a::after {
            position: relative;
            display: inline-block;
            float: right !important;
            content: '';
            margin-right: 20px;
            margin-top: 10px;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 9px solid #0b2558
        }

        div#content div.toggleelement h3:hover > a::after, div#content div.toggleelement h3.active > a::after {
            border-top: 9px solid #00aeef
        }

    div#content div.toggleelement div.toggle-content {
        padding: 20px 15px 10px 20px;
        background-color: #fff;
        border: 1px solid #e6e7e8;
        margin: 0
    }

        div#content div.toggleelement div.toggle-content p, div#content div.toggleelement div.toggle-content ul {
            width: 90%
        }

        div#content div.toggleelement div.toggle-content table.featurelist {
            background-color: #e6e7e8
        }

            div#content div.toggleelement div.toggle-content table.featurelist th, div#content div.toggleelement div.toggle-content table.featurelist td {
                background-color: #e6e7e8;
                border: none;
                padding: 0 15px 0 0;
                width: 170px
            }

            div#content div.toggleelement div.toggle-content table.featurelist th {
                font-size: 14px;
                font-weight: 400;
                padding: 0 0 15px
            }

            div#content div.toggleelement div.toggle-content table.featurelist ul li {
                margin-bottom: 8px;
                line-height: 16px
            }

div#content div.open h3 a {
    color: #fff !important
}

    div#content div.open h3 a:hover {
        color: #fff !important
    }

    div#content div.open h3 a:after {
        border-top: 9px solid transparent;
        border-bottom: 9px solid #fff;
        margin-top: 0
    }

div#content div.open {
    -webkit-box-shadow: 0 0 5px 0 #e6e7e8;
    -moz-box-shadow: 0 0 5px 0 #e6e7e8;
    box-shadow: 0 0 5px 0 #e6e7e8;
    background-color: #00aeef
}

    div#content div.open div.toggle-content {
        display: block !important
    }

@media only screen and (max-width:1000px) {
    div#content div.toggleelement {
        margin: 7px 0 14px !important
    }

        div#content div.toggleelement h3 a {
            width: 90%
        }

        div#content div.toggleelement h3 > a::after {
            float: none;
            margin-left: 10px
        }

        div#content div.toggleelement div.toggle-content p {
            width: 100%
        }
}

div#content div.listelement-row:after, div#content div.listelement-row:before {
    content: " ";
    display: table;
    margin-bottom: 20px
}

div#content div.listelement-row:after {
    clear: both
}

div#content div.listelement-image img {
    float: left;
    width: 33%;
    margin: 0 20px 20px 0
}

div#content div.listelement {
    box-sizing: border-box;
    padding: 0 23px 0 0
}

    div#content div.listelement.cols-1 {
        width: 100%
    }

    div#content div.listelement.cols-2 {
        width: 50%;
        float: left
    }

    div#content div.listelement.cols-3 {
        width: 33%;
        float: left;
        padding: 0 10px
    }

    div#content div.listelement h4 {
        text-transform: uppercase
    }

@media only screen and (max-width:1000px) {
    div#content div.pageelement div.list-monitoring-topics, div#content div.pageelement div.box-topics {
        height: auto;
        width: calc(100% - 60px) !important
    }

        div#content div.pageelement div.list-monitoring-topics .description, div#content div.pageelement div.box-topics .description {
            height: auto
        }

    div#content p {
        padding: 0
    }

    div#content .text {
        height: auto;
        overflow: visible
    }
}

@media only screen and (min-width:1001px) {
    div#content div.videoelement {
        margin: 0 0 30px
    }

        div#content div.videoelement ol, div#content div.videoelement ul {
            padding: 0 0 0 35px
        }

            div#content div.videoelement ol a, div#content div.videoelement ul a {
                color: #00aeef
            }

        div#content div.videoelement div {
            border: none !important
        }
}

@media only screen and (max-width:1000px) {
    div#content div.videoelement, div#content div.video {
        width: 100% !important
    }

        div#content div.videoelement div, div#content div.videoelement iframe, div#content div.video div, div#content div.video iframe {
            width: 100% !important;
            height: auto
        }
}

@keyframes loading {
    from {
        transform: rotate3d(0,0,1,0deg)
    }

    to {
        transform: rotate3d(0,0,1,360deg)
    }
}

div#content .tabbedsegment .tabbedsegment-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center
}

    div#content .tabbedsegment .tabbedsegment-tabs .tab-link, div#content .tabbedsegment .tabbedsegment-tabs .tab-add {
        flex: auto;
        min-height: 29px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0 0;
        border-radius: 2px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    div#content .tabbedsegment .tabbedsegment-tabs .tab-link {
        color: #0b2558;
        background-color: #e6e7e8
    }

        div#content .tabbedsegment .tabbedsegment-tabs .tab-link.active {
            color: #fff;
            background-color: #00aeef
        }

    div#content .tabbedsegment .tabbedsegment-tabs button, div#content .tabbedsegment .tabbedsegment-tabs input {
        height: 20px;
        margin: 0;
        width: auto;
        border-radius: 3px
    }

    div#content .tabbedsegment .tabbedsegment-tabs button {
        position: relative;
        padding: 0 8px;
        background: #ccc;
        border: 1px solid rgba(0,0,0,.35)
    }

        div#content .tabbedsegment .tabbedsegment-tabs button:hover {
            color: #fff;
            background: #b4cb37;
            border-color: #b4cb37;
            cursor: pointer
        }

        div#content .tabbedsegment .tabbedsegment-tabs button .ui-button-icon-primary {
            position: absolute;
            visibility: hidden;
            animation-name: loading;
            animation-duration: 1000ms;
            animation-timing-function: linear;
            animation-fill-mode: backwards;
            animation-direction: normal;
            animation-iteration-count: 0
        }

        div#content .tabbedsegment .tabbedsegment-tabs button.submitted .ui-button-text {
            visibility: hidden
        }

        div#content .tabbedsegment .tabbedsegment-tabs button.submitted .ui-button-icon-primary {
            visibility: visible;
            animation-iteration-count: infinite
        }

    div#content .tabbedsegment .tabbedsegment-tabs input {
        padding: 0 0 0 8px;
        background: rgba(255,255,255,.4);
        border: 1px solid rgba(0,0,0,.4)
    }

div#content .tabbedsegment .tabbedsegment-body {
    display: none
}

    div#content .tabbedsegment .tabbedsegment-body.active {
        display: block
    }

div#content .box-segment {
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 15px 0;
    padding: 0 0 20px;
    width: 100%
}

    div#content .box-segment .box-image {
        height: 178px;
        width: 100%;
        overflow: hidden;
        border-radius: 2px 2px 0 0;
        background-color: #fff
    }

        div#content .box-segment .box-image a {
            display: block;
            height: 178px;
            background-color: #fff;
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: center top
        }

        div#content .box-segment .box-image img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0
        }

    div#content .box-segment .box-content {
        padding: 20px;
        overflow: hidden
    }

        div#content .box-segment .box-content ul, div#content .box-segment .box-content p {
            margin: 15px 0 0;
            font-size: 16px;
            line-height: 20px;
            color: #050f34
        }

        div#content .box-segment .box-content h3 {
            text-transform: none;
            padding: 0;
            margin: 0;
            font-size: 22px
        }

    div#content .box-segment .button {
        background-color: #00aeef;
        border-radius: 2px;
        color: #fff !important;
        padding: 5px 15px;
        display: inline-block;
        text-transform: uppercase;
        margin-left: 20px;
        font-size: 18px
    }

        div#content .box-segment .button:hover {
            background-color: #009bd6;
            text-decoration: none
        }

    div#content .box-segment:hover {
        -webkit-box-shadow: 0 0 5px 0 #d1d3d4;
        -moz-box-shadow: 0 0 5px 0 #d1d3d4;
        box-shadow: 0 0 5px 0 #d1d3d4;
        cursor: default
    }

div#content .col-02 .box-image {
    height: 100px
}

    div#content .col-02 .box-image a {
        background-position: center center;
        height: 100px;
        background-size: auto 100%
    }

div#content .col-03 .box-image a {
    background-position: center center;
    background-size: auto 100%
}

div#content .col-04 .box-image a {
    background-position: center center
}

div#content .col-06 .box-image {
    height: 270px
}

    div#content .col-06 .box-image a {
        background-position: center center;
        height: 270px
    }

div#content .col-08 .box-image a {
    background-position: center center
}

div#content .col-09 .box-image a {
    background-position: center center
}

div#content .col-12 .box-image a {
    background-position: center center
}

div#content .box-it-explained .box-content {
    height: 220px
}

div#content .box-monitoring-topics {
    width: 357px;
    margin: 20px
}

    div#content .box-monitoring-topics .box-content {
        height: 210px
    }

div#content .box-default {
    width: 365px;
    margin: 20px
}

    div#content .box-default .box-content {
        height: 210px;
        margin-bottom: 20px
    }

div#content .box-logo .box-image {
    background-color: #e6e7e8;
    width: auto
}

    div#content .box-logo .box-image a {
        height: 115px;
        margin: 30px 50px 0;
        background-color: #e6e7e8;
        background-blend-mode: multiply;
        background-size: contain
    }

div#content .box-logo:hover .box-image {
    background-color: #fff
}

    div#content .box-logo:hover .box-image a {
        background-color: #fff
    }

div#content .box-case-study {
    width: 353px;
    margin: 20px
}

    div#content .box-case-study .box-content {
        height: 150px
    }

        div#content .box-case-study .box-content p.date {
            color: #00aeef !important;
            margin: 0 0 20px
        }

div#content .list-monitoring-topics {
    background-color: #fff;
    border-radius: 2px;
    width: 100%;
    margin: 20px 0;
    padding-bottom: 20px;
    display: inline-block
}

    div#content .list-monitoring-topics img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0
    }

    div#content .list-monitoring-topics h3 {
        height: 50px;
        margin: 0;
        padding: 20px 20px 0;
        text-transform: none;
        font-size: 22px
    }

    div#content .list-monitoring-topics .text {
        padding: 20px;
        height: 100px;
        margin: 0 0 20px
    }

        div#content .list-monitoring-topics .text ul, div#content .list-monitoring-topics .text p {
            margin: 0 0 15px;
            font-size: 16px;
            line-height: 20px;
            color: #050f34
        }

    div#content .list-monitoring-topics p a {
        background-color: #00aeef;
        border-radius: 2px;
        color: #fff !important;
        padding: 5px 15px;
        display: inline-block;
        text-transform: uppercase;
        margin-left: 20px;
        font-size: 18px
    }

        div#content .list-monitoring-topics p a:hover {
            background-color: #009bd6;
            text-decoration: none
        }

@media only screen and (max-width:1000px) {
    div#content .box-segment {
        width: 90% !important;
        margin: 0 0 20px 20px
    }

        div#content .box-segment .box-image a {
            background-size: 100% auto
        }

    div#content .box-logo .box-image a {
        background-size: contain
    }

    div#content .box-it-explained .box-content {
        height: auto
    }

    div#content .box-monitoring-topics .box-content {
        height: auto
    }

    div#content .groupsegment-body .box-segment {
        width: 90% !important;
        margin: 0 0 25px
    }
}

div#content .pageelement[id^=groupsegment] {
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (max-width:1199px) {
    div#content div.pageelement.fullwidth {
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    div#content div.pageelement.fullwidth {
        position: relative;
        width: 100vw;
        left: 50%;
        margin-left: -50vw
    }
}

div#content div.pageelement.fullwidth:after {
    content: ' ';
    display: table;
    clear: both
}

div#content div.pageelement.fullwidth .arrow {
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    margin: 0 auto;
    border-color: transparent
}

div#content div.pageelement.fullwidth .groupsegment-body {
    max-width: 1230px;
    margin: 0 auto;
    padding: 50px 0
}

div#content .small .groupsegment-body {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0 !important
}

div#content div.fixed-header {
    position: fixed !important;
    top: 0;
    z-index: 15
}

div#content .color-yellow {
    background-color: #fc0
}

    div#content .color-yellow h1, div#content .color-yellow h2, div#content .color-yellow h3, div#content .color-yellow h4, div#content .color-yellow strong, div#content .color-yellow p, div#content .color-yellow ul, div#content .color-yellow ol, div#content .color-yellow li {
        color: #000
    }

        div#content .color-yellow h1 a, div#content .color-yellow h2 a, div#content .color-yellow h3 a, div#content .color-yellow h4 a {
            color: #000 !important;
            border-bottom: 2px solid #000;
            text-decoration: none
        }

            div#content .color-yellow h1 a:hover, div#content .color-yellow h2 a:hover, div#content .color-yellow h3 a:hover, div#content .color-yellow h4 a:hover {
                opacity: .5
            }

        div#content .color-yellow strong a, div#content .color-yellow p a, div#content .color-yellow ul a, div#content .color-yellow ol a, div#content .color-yellow li a {
            color: #000 !important;
            text-decoration: underline
        }

            div#content .color-yellow strong a:hover, div#content .color-yellow p a:hover, div#content .color-yellow ul a:hover, div#content .color-yellow ol a:hover, div#content .color-yellow li a:hover {
                opacity: .5
            }

    div#content .color-yellow .box-content h1, div#content .color-yellow .box-content h2, div#content .color-yellow .box-content h3, div#content .color-yellow .box-content h4, div#content .color-yellow .box-content strong, div#content .color-yellow .box-content p, div#content .color-yellow .box-content ul, div#content .color-yellow .box-content ol, div#content .color-yellow .box-content li {
        color: #050f34
    }

div#content .arrow-yellow .arrow {
    border-color: #fc0 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-gold {
    background-color: #bd9a23
}

    div#content .color-gold h1, div#content .color-gold h2, div#content .color-gold h3, div#content .color-gold h4, div#content .color-gold strong, div#content .color-gold p, div#content .color-gold ul, div#content .color-gold ol, div#content .color-gold li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-gold h1 a, div#content .color-gold h2 a, div#content .color-gold h3 a, div#content .color-gold h4 a, div#content .color-gold strong a, div#content .color-gold p a, div#content .color-gold ul a, div#content .color-gold ol a, div#content .color-gold li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-gold h1 a:hover, div#content .color-gold h2 a:hover, div#content .color-gold h3 a:hover, div#content .color-gold h4 a:hover, div#content .color-gold strong a:hover, div#content .color-gold p a:hover, div#content .color-gold ul a:hover, div#content .color-gold ol a:hover, div#content .color-gold li a:hover {
                opacity: .5
            }

    div#content .color-gold .box-content h1, div#content .color-gold .box-content h2, div#content .color-gold .box-content h3, div#content .color-gold .box-content h4, div#content .color-gold .box-content strong, div#content .color-gold .box-content p, div#content .color-gold .box-content ul, div#content .color-gold .box-content ol, div#content .color-gold .box-content li, div#content .color-gold .toggle-content h1, div#content .color-gold .toggle-content h2, div#content .color-gold .toggle-content h3, div#content .color-gold .toggle-content h4, div#content .color-gold .toggle-content strong, div#content .color-gold .toggle-content p, div#content .color-gold .toggle-content ul, div#content .color-gold .toggle-content ol, div#content .color-gold .toggle-content li {
        color: #050f34
    }

    div#content .color-gold .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-gold .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-gold .open a {
        color: #fff !important
    }

div#content .arrow-gold .arrow {
    border-color: #bd9a23 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-orange {
    background-color: #f59c00
}

    div#content .color-orange h1, div#content .color-orange h2, div#content .color-orange h3, div#content .color-orange h4, div#content .color-orange strong, div#content .color-orange p, div#content .color-orange ul, div#content .color-orange ol, div#content .color-orange li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-orange h1 a, div#content .color-orange h2 a, div#content .color-orange h3 a, div#content .color-orange h4 a, div#content .color-orange strong a, div#content .color-orange p a, div#content .color-orange ul a, div#content .color-orange ol a, div#content .color-orange li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-orange h1 a:hover, div#content .color-orange h2 a:hover, div#content .color-orange h3 a:hover, div#content .color-orange h4 a:hover, div#content .color-orange strong a:hover, div#content .color-orange p a:hover, div#content .color-orange ul a:hover, div#content .color-orange ol a:hover, div#content .color-orange li a:hover {
                opacity: .5
            }

    div#content .color-orange .box-content h1, div#content .color-orange .box-content h2, div#content .color-orange .box-content h3, div#content .color-orange .box-content h4, div#content .color-orange .box-content strong, div#content .color-orange .box-content p, div#content .color-orange .box-content ul, div#content .color-orange .box-content ol, div#content .color-orange .box-content li, div#content .color-orange .toggle-content h1, div#content .color-orange .toggle-content h2, div#content .color-orange .toggle-content h3, div#content .color-orange .toggle-content h4, div#content .color-orange .toggle-content strong, div#content .color-orange .toggle-content p, div#content .color-orange .toggle-content ul, div#content .color-orange .toggle-content ol, div#content .color-orange .toggle-content li {
        color: #050f34
    }

    div#content .color-orange .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-orange .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-orange .open a {
        color: #fff !important
    }

div#content .arrow-orange .arrow {
    border-color: #f59c00 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-ocher {
    background-color: #d09b52
}

    div#content .color-ocher h1, div#content .color-ocher h2, div#content .color-ocher h3, div#content .color-ocher h4, div#content .color-ocher strong, div#content .color-ocher p, div#content .color-ocher ul, div#content .color-ocher ol, div#content .color-ocher li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-ocher h1 a, div#content .color-ocher h2 a, div#content .color-ocher h3 a, div#content .color-ocher h4 a, div#content .color-ocher strong a, div#content .color-ocher p a, div#content .color-ocher ul a, div#content .color-ocher ol a, div#content .color-ocher li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-ocher h1 a:hover, div#content .color-ocher h2 a:hover, div#content .color-ocher h3 a:hover, div#content .color-ocher h4 a:hover, div#content .color-ocher strong a:hover, div#content .color-ocher p a:hover, div#content .color-ocher ul a:hover, div#content .color-ocher ol a:hover, div#content .color-ocher li a:hover {
                opacity: .5
            }

    div#content .color-ocher .box-content h1, div#content .color-ocher .box-content h2, div#content .color-ocher .box-content h3, div#content .color-ocher .box-content h4, div#content .color-ocher .box-content strong, div#content .color-ocher .box-content p, div#content .color-ocher .box-content ul, div#content .color-ocher .box-content ol, div#content .color-ocher .box-content li, div#content .color-ocher .toggle-content h1, div#content .color-ocher .toggle-content h2, div#content .color-ocher .toggle-content h3, div#content .color-ocher .toggle-content h4, div#content .color-ocher .toggle-content strong, div#content .color-ocher .toggle-content p, div#content .color-ocher .toggle-content ul, div#content .color-ocher .toggle-content ol, div#content .color-ocher .toggle-content li {
        color: #050f34
    }

    div#content .color-ocher .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-ocher .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-ocher .open a {
        color: #fff !important
    }

div#content .arrow-ocher .arrow {
    border-color: #d09b52 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-pink {
    background-color: #ed6fa7
}

    div#content .color-pink h1, div#content .color-pink h2, div#content .color-pink h3, div#content .color-pink h4, div#content .color-pink strong, div#content .color-pink p, div#content .color-pink ul, div#content .color-pink ol, div#content .color-pink li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-pink h1 a, div#content .color-pink h2 a, div#content .color-pink h3 a, div#content .color-pink h4 a, div#content .color-pink strong a, div#content .color-pink p a, div#content .color-pink ul a, div#content .color-pink ol a, div#content .color-pink li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-pink h1 a:hover, div#content .color-pink h2 a:hover, div#content .color-pink h3 a:hover, div#content .color-pink h4 a:hover, div#content .color-pink strong a:hover, div#content .color-pink p a:hover, div#content .color-pink ul a:hover, div#content .color-pink ol a:hover, div#content .color-pink li a:hover {
                opacity: .5
            }

    div#content .color-pink .box-content h1, div#content .color-pink .box-content h2, div#content .color-pink .box-content h3, div#content .color-pink .box-content h4, div#content .color-pink .box-content strong, div#content .color-pink .box-content p, div#content .color-pink .box-content ul, div#content .color-pink .box-content ol, div#content .color-pink .box-content li, div#content .color-pink .toggle-content h1, div#content .color-pink .toggle-content h2, div#content .color-pink .toggle-content h3, div#content .color-pink .toggle-content h4, div#content .color-pink .toggle-content strong, div#content .color-pink .toggle-content p, div#content .color-pink .toggle-content ul, div#content .color-pink .toggle-content ol, div#content .color-pink .toggle-content li {
        color: #050f34
    }

    div#content .color-pink .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-pink .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-pink .open a {
        color: #fff !important
    }

div#content .arrow-pink .arrow {
    border-color: #ed6fa7 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-red {
    background-color: #ed0f69
}

    div#content .color-red h1, div#content .color-red h2, div#content .color-red h3, div#content .color-red h4, div#content .color-red strong, div#content .color-red p, div#content .color-red ul, div#content .color-red ol, div#content .color-red li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-red h1 a, div#content .color-red h2 a, div#content .color-red h3 a, div#content .color-red h4 a, div#content .color-red strong a, div#content .color-red p a, div#content .color-red ul a, div#content .color-red ol a, div#content .color-red li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-red h1 a:hover, div#content .color-red h2 a:hover, div#content .color-red h3 a:hover, div#content .color-red h4 a:hover, div#content .color-red strong a:hover, div#content .color-red p a:hover, div#content .color-red ul a:hover, div#content .color-red ol a:hover, div#content .color-red li a:hover {
                opacity: .5
            }

    div#content .color-red .box-content h1, div#content .color-red .box-content h2, div#content .color-red .box-content h3, div#content .color-red .box-content h4, div#content .color-red .box-content strong, div#content .color-red .box-content p, div#content .color-red .box-content ul, div#content .color-red .box-content ol, div#content .color-red .box-content li, div#content .color-red .toggle-content h1, div#content .color-red .toggle-content h2, div#content .color-red .toggle-content h3, div#content .color-red .toggle-content h4, div#content .color-red .toggle-content strong, div#content .color-red .toggle-content p, div#content .color-red .toggle-content ul, div#content .color-red .toggle-content ol, div#content .color-red .toggle-content li {
        color: #050f34
    }

    div#content .color-red .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-red .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-red .open a {
        color: #fff !important
    }

div#content .arrow-red .arrow {
    border-color: #ed0f69 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-light-blue {
    background-color: #b0d0ef
}

    div#content .color-light-blue h1, div#content .color-light-blue h2, div#content .color-light-blue h3, div#content .color-light-blue h4, div#content .color-light-blue strong, div#content .color-light-blue p, div#content .color-light-blue ul, div#content .color-light-blue ol, div#content .color-light-blue li {
        color: #050f34
    }

        div#content .color-light-blue h1 a, div#content .color-light-blue h2 a, div#content .color-light-blue h3 a, div#content .color-light-blue h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-light-blue h1 a:hover, div#content .color-light-blue h2 a:hover, div#content .color-light-blue h3 a:hover, div#content .color-light-blue h4 a:hover {
                opacity: .5
            }

        div#content .color-light-blue strong a, div#content .color-light-blue p a, div#content .color-light-blue ul a, div#content .color-light-blue ol a, div#content .color-light-blue li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-light-blue strong a:hover, div#content .color-light-blue p a:hover, div#content .color-light-blue ul a:hover, div#content .color-light-blue ol a:hover, div#content .color-light-blue li a:hover {
                opacity: .5
            }

    div#content .color-light-blue .box-content h1, div#content .color-light-blue .box-content h2, div#content .color-light-blue .box-content h3, div#content .color-light-blue .box-content h4, div#content .color-light-blue .box-content strong, div#content .color-light-blue .box-content p, div#content .color-light-blue .box-content ul, div#content .color-light-blue .box-content ol, div#content .color-light-blue .box-content li {
        color: #050f34
    }

    div#content .color-light-blue .toggleelement {
        background-color: #fff
    }

    div#content .color-light-blue .open {
        background-color: #00aeef
    }

div#content .arrow-light-blue .arrow {
    border-color: #b0d0ef transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-blue {
    background-color: #829fc9
}

    div#content .color-grey-blue h1, div#content .color-grey-blue h2, div#content .color-grey-blue h3, div#content .color-grey-blue h4, div#content .color-grey-blue strong, div#content .color-grey-blue p, div#content .color-grey-blue ul, div#content .color-grey-blue ol, div#content .color-grey-blue li {
        color: #050f34
    }

        div#content .color-grey-blue h1 a, div#content .color-grey-blue h2 a, div#content .color-grey-blue h3 a, div#content .color-grey-blue h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-blue h1 a:hover, div#content .color-grey-blue h2 a:hover, div#content .color-grey-blue h3 a:hover, div#content .color-grey-blue h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-blue strong a, div#content .color-grey-blue p a, div#content .color-grey-blue ul a, div#content .color-grey-blue ol a, div#content .color-grey-blue li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-blue strong a:hover, div#content .color-grey-blue p a:hover, div#content .color-grey-blue ul a:hover, div#content .color-grey-blue ol a:hover, div#content .color-grey-blue li a:hover {
                opacity: .5
            }

    div#content .color-grey-blue .box-content h1, div#content .color-grey-blue .box-content h2, div#content .color-grey-blue .box-content h3, div#content .color-grey-blue .box-content h4, div#content .color-grey-blue .box-content strong, div#content .color-grey-blue .box-content p, div#content .color-grey-blue .box-content ul, div#content .color-grey-blue .box-content ol, div#content .color-grey-blue .box-content li {
        color: #050f34
    }

    div#content .color-grey-blue .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-blue .open {
        background-color: #00aeef
    }

div#content .arrow-grey-blue .arrow {
    border-color: #829fc9 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-cyan {
    background-color: #00aeef
}

    div#content .color-cyan h1, div#content .color-cyan h2, div#content .color-cyan h3, div#content .color-cyan h4, div#content .color-cyan strong, div#content .color-cyan p, div#content .color-cyan ul, div#content .color-cyan ol, div#content .color-cyan li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-cyan h1 a, div#content .color-cyan h2 a, div#content .color-cyan h3 a, div#content .color-cyan h4 a, div#content .color-cyan strong a, div#content .color-cyan p a, div#content .color-cyan ul a, div#content .color-cyan ol a, div#content .color-cyan li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-cyan h1 a:hover, div#content .color-cyan h2 a:hover, div#content .color-cyan h3 a:hover, div#content .color-cyan h4 a:hover, div#content .color-cyan strong a:hover, div#content .color-cyan p a:hover, div#content .color-cyan ul a:hover, div#content .color-cyan ol a:hover, div#content .color-cyan li a:hover {
                opacity: .5
            }

    div#content .color-cyan .box-content h1, div#content .color-cyan .box-content h2, div#content .color-cyan .box-content h3, div#content .color-cyan .box-content h4, div#content .color-cyan .box-content strong, div#content .color-cyan .box-content p, div#content .color-cyan .box-content ul, div#content .color-cyan .box-content ol, div#content .color-cyan .box-content li, div#content .color-cyan .toggle-content h1, div#content .color-cyan .toggle-content h2, div#content .color-cyan .toggle-content h3, div#content .color-cyan .toggle-content h4, div#content .color-cyan .toggle-content strong, div#content .color-cyan .toggle-content p, div#content .color-cyan .toggle-content ul, div#content .color-cyan .toggle-content ol, div#content .color-cyan .toggle-content li {
        color: #050f34
    }

    div#content .color-cyan .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-cyan .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-cyan .open a {
        color: #fff !important
    }

div#content .arrow-cyan .arrow {
    border-color: #00aeef transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-medium-blue {
    background-color: #447fc1
}

    div#content .color-medium-blue h1, div#content .color-medium-blue h2, div#content .color-medium-blue h3, div#content .color-medium-blue h4, div#content .color-medium-blue strong, div#content .color-medium-blue p, div#content .color-medium-blue ul, div#content .color-medium-blue ol, div#content .color-medium-blue li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-medium-blue h1 a, div#content .color-medium-blue h2 a, div#content .color-medium-blue h3 a, div#content .color-medium-blue h4 a, div#content .color-medium-blue strong a, div#content .color-medium-blue p a, div#content .color-medium-blue ul a, div#content .color-medium-blue ol a, div#content .color-medium-blue li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-medium-blue h1 a:hover, div#content .color-medium-blue h2 a:hover, div#content .color-medium-blue h3 a:hover, div#content .color-medium-blue h4 a:hover, div#content .color-medium-blue strong a:hover, div#content .color-medium-blue p a:hover, div#content .color-medium-blue ul a:hover, div#content .color-medium-blue ol a:hover, div#content .color-medium-blue li a:hover {
                opacity: .5
            }

    div#content .color-medium-blue .box-content h1, div#content .color-medium-blue .box-content h2, div#content .color-medium-blue .box-content h3, div#content .color-medium-blue .box-content h4, div#content .color-medium-blue .box-content strong, div#content .color-medium-blue .box-content p, div#content .color-medium-blue .box-content ul, div#content .color-medium-blue .box-content ol, div#content .color-medium-blue .box-content li, div#content .color-medium-blue .toggle-content h1, div#content .color-medium-blue .toggle-content h2, div#content .color-medium-blue .toggle-content h3, div#content .color-medium-blue .toggle-content h4, div#content .color-medium-blue .toggle-content strong, div#content .color-medium-blue .toggle-content p, div#content .color-medium-blue .toggle-content ul, div#content .color-medium-blue .toggle-content ol, div#content .color-medium-blue .toggle-content li {
        color: #050f34
    }

    div#content .color-medium-blue .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-medium-blue .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-medium-blue .open a {
        color: #fff !important
    }

div#content .arrow-medium-blue .arrow {
    border-color: #447fc1 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-dark-blue {
    background-color: #0b2558
}

    div#content .color-dark-blue h1, div#content .color-dark-blue h2, div#content .color-dark-blue h3, div#content .color-dark-blue h4, div#content .color-dark-blue strong, div#content .color-dark-blue p, div#content .color-dark-blue ul, div#content .color-dark-blue ol, div#content .color-dark-blue li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-dark-blue h1 a, div#content .color-dark-blue h2 a, div#content .color-dark-blue h3 a, div#content .color-dark-blue h4 a, div#content .color-dark-blue strong a, div#content .color-dark-blue p a, div#content .color-dark-blue ul a, div#content .color-dark-blue ol a, div#content .color-dark-blue li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-dark-blue h1 a:hover, div#content .color-dark-blue h2 a:hover, div#content .color-dark-blue h3 a:hover, div#content .color-dark-blue h4 a:hover, div#content .color-dark-blue strong a:hover, div#content .color-dark-blue p a:hover, div#content .color-dark-blue ul a:hover, div#content .color-dark-blue ol a:hover, div#content .color-dark-blue li a:hover {
                opacity: .5
            }

    div#content .color-dark-blue .box-content h1, div#content .color-dark-blue .box-content h2, div#content .color-dark-blue .box-content h3, div#content .color-dark-blue .box-content h4, div#content .color-dark-blue .box-content strong, div#content .color-dark-blue .box-content p, div#content .color-dark-blue .box-content ul, div#content .color-dark-blue .box-content ol, div#content .color-dark-blue .box-content li, div#content .color-dark-blue .toggle-content h1, div#content .color-dark-blue .toggle-content h2, div#content .color-dark-blue .toggle-content h3, div#content .color-dark-blue .toggle-content h4, div#content .color-dark-blue .toggle-content strong, div#content .color-dark-blue .toggle-content p, div#content .color-dark-blue .toggle-content ul, div#content .color-dark-blue .toggle-content ol, div#content .color-dark-blue .toggle-content li {
        color: #050f34
    }

    div#content .color-dark-blue .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-dark-blue .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-dark-blue .open a {
        color: #fff !important
    }

    div#content .color-dark-blue .box-content h1, div#content .color-dark-blue .box-content h2, div#content .color-dark-blue .box-content h3, div#content .color-dark-blue .box-content h4, div#content .color-dark-blue .box-content strong, div#content .color-dark-blue .box-content p, div#content .color-dark-blue .box-content ul, div#content .color-dark-blue .box-content ol, div#content .color-dark-blue .box-content li {
        color: #050f34
    }

div#content .arrow-dark-blue .arrow {
    border-color: #0b2558 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-black-blue {
    background-color: #050f34
}

    div#content .color-black-blue h1, div#content .color-black-blue h2, div#content .color-black-blue h3, div#content .color-black-blue h4, div#content .color-black-blue strong, div#content .color-black-blue p, div#content .color-black-blue ul, div#content .color-black-blue ol, div#content .color-black-blue li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-black-blue h1 a, div#content .color-black-blue h2 a, div#content .color-black-blue h3 a, div#content .color-black-blue h4 a, div#content .color-black-blue strong a, div#content .color-black-blue p a, div#content .color-black-blue ul a, div#content .color-black-blue ol a, div#content .color-black-blue li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-black-blue h1 a:hover, div#content .color-black-blue h2 a:hover, div#content .color-black-blue h3 a:hover, div#content .color-black-blue h4 a:hover, div#content .color-black-blue strong a:hover, div#content .color-black-blue p a:hover, div#content .color-black-blue ul a:hover, div#content .color-black-blue ol a:hover, div#content .color-black-blue li a:hover {
                opacity: .5
            }

    div#content .color-black-blue .box-content h1, div#content .color-black-blue .box-content h2, div#content .color-black-blue .box-content h3, div#content .color-black-blue .box-content h4, div#content .color-black-blue .box-content strong, div#content .color-black-blue .box-content p, div#content .color-black-blue .box-content ul, div#content .color-black-blue .box-content ol, div#content .color-black-blue .box-content li, div#content .color-black-blue .toggle-content h1, div#content .color-black-blue .toggle-content h2, div#content .color-black-blue .toggle-content h3, div#content .color-black-blue .toggle-content h4, div#content .color-black-blue .toggle-content strong, div#content .color-black-blue .toggle-content p, div#content .color-black-blue .toggle-content ul, div#content .color-black-blue .toggle-content ol, div#content .color-black-blue .toggle-content li {
        color: #050f34
    }

    div#content .color-black-blue .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-black-blue .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-black-blue .open a {
        color: #fff !important
    }

    div#content .color-black-blue .box-content h1, div#content .color-black-blue .box-content h2, div#content .color-black-blue .box-content h3, div#content .color-black-blue .box-content h4, div#content .color-black-blue .box-content strong, div#content .color-black-blue .box-content p, div#content .color-black-blue .box-content ul, div#content .color-black-blue .box-content ol, div#content .color-black-blue .box-content li {
        color: #050f34
    }

div#content .arrow-black-blue .arrow {
    border-color: #050f34 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-turquoise {
    background-color: #5bc4be
}

    div#content .color-turquoise h1, div#content .color-turquoise h2, div#content .color-turquoise h3, div#content .color-turquoise h4, div#content .color-turquoise strong, div#content .color-turquoise p, div#content .color-turquoise ul, div#content .color-turquoise ol, div#content .color-turquoise li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-turquoise h1 a, div#content .color-turquoise h2 a, div#content .color-turquoise h3 a, div#content .color-turquoise h4 a, div#content .color-turquoise strong a, div#content .color-turquoise p a, div#content .color-turquoise ul a, div#content .color-turquoise ol a, div#content .color-turquoise li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-turquoise h1 a:hover, div#content .color-turquoise h2 a:hover, div#content .color-turquoise h3 a:hover, div#content .color-turquoise h4 a:hover, div#content .color-turquoise strong a:hover, div#content .color-turquoise p a:hover, div#content .color-turquoise ul a:hover, div#content .color-turquoise ol a:hover, div#content .color-turquoise li a:hover {
                opacity: .5
            }

    div#content .color-turquoise .box-content h1, div#content .color-turquoise .box-content h2, div#content .color-turquoise .box-content h3, div#content .color-turquoise .box-content h4, div#content .color-turquoise .box-content strong, div#content .color-turquoise .box-content p, div#content .color-turquoise .box-content ul, div#content .color-turquoise .box-content ol, div#content .color-turquoise .box-content li, div#content .color-turquoise .toggle-content h1, div#content .color-turquoise .toggle-content h2, div#content .color-turquoise .toggle-content h3, div#content .color-turquoise .toggle-content h4, div#content .color-turquoise .toggle-content strong, div#content .color-turquoise .toggle-content p, div#content .color-turquoise .toggle-content ul, div#content .color-turquoise .toggle-content ol, div#content .color-turquoise .toggle-content li {
        color: #050f34
    }

    div#content .color-turquoise .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-turquoise .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-turquoise .open a {
        color: #fff !important
    }

div#content .arrow-turquoise .arrow {
    border-color: #5bc4be transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-green {
    background-color: #b4cb37
}

    div#content .color-green h1, div#content .color-green h2, div#content .color-green h3, div#content .color-green h4, div#content .color-green strong, div#content .color-green p, div#content .color-green ul, div#content .color-green ol, div#content .color-green li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-green h1 a, div#content .color-green h2 a, div#content .color-green h3 a, div#content .color-green h4 a, div#content .color-green strong a, div#content .color-green p a, div#content .color-green ul a, div#content .color-green ol a, div#content .color-green li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-green h1 a:hover, div#content .color-green h2 a:hover, div#content .color-green h3 a:hover, div#content .color-green h4 a:hover, div#content .color-green strong a:hover, div#content .color-green p a:hover, div#content .color-green ul a:hover, div#content .color-green ol a:hover, div#content .color-green li a:hover {
                opacity: .5
            }

    div#content .color-green .box-content h1, div#content .color-green .box-content h2, div#content .color-green .box-content h3, div#content .color-green .box-content h4, div#content .color-green .box-content strong, div#content .color-green .box-content p, div#content .color-green .box-content ul, div#content .color-green .box-content ol, div#content .color-green .box-content li, div#content .color-green .toggle-content h1, div#content .color-green .toggle-content h2, div#content .color-green .toggle-content h3, div#content .color-green .toggle-content h4, div#content .color-green .toggle-content strong, div#content .color-green .toggle-content p, div#content .color-green .toggle-content ul, div#content .color-green .toggle-content ol, div#content .color-green .toggle-content li {
        color: #050f34
    }

    div#content .color-green .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-green .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-green .open a {
        color: #fff !important
    }

div#content .arrow-green .arrow {
    border-color: #b4cb37 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-olive {
    background-color: #7a7540
}

    div#content .color-olive h1, div#content .color-olive h2, div#content .color-olive h3, div#content .color-olive h4, div#content .color-olive strong, div#content .color-olive p, div#content .color-olive ul, div#content .color-olive ol, div#content .color-olive li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-olive h1 a, div#content .color-olive h2 a, div#content .color-olive h3 a, div#content .color-olive h4 a, div#content .color-olive strong a, div#content .color-olive p a, div#content .color-olive ul a, div#content .color-olive ol a, div#content .color-olive li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-olive h1 a:hover, div#content .color-olive h2 a:hover, div#content .color-olive h3 a:hover, div#content .color-olive h4 a:hover, div#content .color-olive strong a:hover, div#content .color-olive p a:hover, div#content .color-olive ul a:hover, div#content .color-olive ol a:hover, div#content .color-olive li a:hover {
                opacity: .5
            }

    div#content .color-olive .box-content h1, div#content .color-olive .box-content h2, div#content .color-olive .box-content h3, div#content .color-olive .box-content h4, div#content .color-olive .box-content strong, div#content .color-olive .box-content p, div#content .color-olive .box-content ul, div#content .color-olive .box-content ol, div#content .color-olive .box-content li, div#content .color-olive .toggle-content h1, div#content .color-olive .toggle-content h2, div#content .color-olive .toggle-content h3, div#content .color-olive .toggle-content h4, div#content .color-olive .toggle-content strong, div#content .color-olive .toggle-content p, div#content .color-olive .toggle-content ul, div#content .color-olive .toggle-content ol, div#content .color-olive .toggle-content li {
        color: #050f34
    }

    div#content .color-olive .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-olive .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-olive .open a {
        color: #fff !important
    }

div#content .arrow-olive .arrow {
    border-color: #7a7540 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-sand {
    background-color: #d5cfa2
}

    div#content .color-sand h1, div#content .color-sand h2, div#content .color-sand h3, div#content .color-sand h4, div#content .color-sand strong, div#content .color-sand p, div#content .color-sand ul, div#content .color-sand ol, div#content .color-sand li {
        color: #000
    }

        div#content .color-sand h1 a, div#content .color-sand h2 a, div#content .color-sand h3 a, div#content .color-sand h4 a {
            color: #000 !important;
            border-bottom: 2px solid #000;
            text-decoration: none
        }

            div#content .color-sand h1 a:hover, div#content .color-sand h2 a:hover, div#content .color-sand h3 a:hover, div#content .color-sand h4 a:hover {
                opacity: .5
            }

        div#content .color-sand strong a, div#content .color-sand p a, div#content .color-sand ul a, div#content .color-sand ol a, div#content .color-sand li a {
            color: #000 !important;
            text-decoration: underline
        }

            div#content .color-sand strong a:hover, div#content .color-sand p a:hover, div#content .color-sand ul a:hover, div#content .color-sand ol a:hover, div#content .color-sand li a:hover {
                opacity: .5
            }

    div#content .color-sand .box-content h1, div#content .color-sand .box-content h2, div#content .color-sand .box-content h3, div#content .color-sand .box-content h4, div#content .color-sand .box-content strong, div#content .color-sand .box-content p, div#content .color-sand .box-content ul, div#content .color-sand .box-content ol, div#content .color-sand .box-content li {
        color: #050f34
    }

div#content .arrow-sand .arrow {
    border-color: #d5cfa2 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-beige {
    background-color: #c2aa83
}

    div#content .color-beige h1, div#content .color-beige h2, div#content .color-beige h3, div#content .color-beige h4, div#content .color-beige strong, div#content .color-beige p, div#content .color-beige ul, div#content .color-beige ol, div#content .color-beige li {
        color: #000
    }

        div#content .color-beige h1 a, div#content .color-beige h2 a, div#content .color-beige h3 a, div#content .color-beige h4 a {
            color: #000 !important;
            border-bottom: 2px solid #000;
            text-decoration: none
        }

            div#content .color-beige h1 a:hover, div#content .color-beige h2 a:hover, div#content .color-beige h3 a:hover, div#content .color-beige h4 a:hover {
                opacity: .5
            }

        div#content .color-beige strong a, div#content .color-beige p a, div#content .color-beige ul a, div#content .color-beige ol a, div#content .color-beige li a {
            color: #000 !important;
            text-decoration: underline
        }

            div#content .color-beige strong a:hover, div#content .color-beige p a:hover, div#content .color-beige ul a:hover, div#content .color-beige ol a:hover, div#content .color-beige li a:hover {
                opacity: .5
            }

    div#content .color-beige .box-content h1, div#content .color-beige .box-content h2, div#content .color-beige .box-content h3, div#content .color-beige .box-content h4, div#content .color-beige .box-content strong, div#content .color-beige .box-content p, div#content .color-beige .box-content ul, div#content .color-beige .box-content ol, div#content .color-beige .box-content li {
        color: #050f34
    }

div#content .arrow-beige .arrow {
    border-color: #c2aa83 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-brown {
    background-color: #b2986a
}

    div#content .color-brown h1, div#content .color-brown h2, div#content .color-brown h3, div#content .color-brown h4, div#content .color-brown strong, div#content .color-brown p, div#content .color-brown ul, div#content .color-brown ol, div#content .color-brown li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-brown h1 a, div#content .color-brown h2 a, div#content .color-brown h3 a, div#content .color-brown h4 a, div#content .color-brown strong a, div#content .color-brown p a, div#content .color-brown ul a, div#content .color-brown ol a, div#content .color-brown li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-brown h1 a:hover, div#content .color-brown h2 a:hover, div#content .color-brown h3 a:hover, div#content .color-brown h4 a:hover, div#content .color-brown strong a:hover, div#content .color-brown p a:hover, div#content .color-brown ul a:hover, div#content .color-brown ol a:hover, div#content .color-brown li a:hover {
                opacity: .5
            }

    div#content .color-brown .box-content h1, div#content .color-brown .box-content h2, div#content .color-brown .box-content h3, div#content .color-brown .box-content h4, div#content .color-brown .box-content strong, div#content .color-brown .box-content p, div#content .color-brown .box-content ul, div#content .color-brown .box-content ol, div#content .color-brown .box-content li, div#content .color-brown .toggle-content h1, div#content .color-brown .toggle-content h2, div#content .color-brown .toggle-content h3, div#content .color-brown .toggle-content h4, div#content .color-brown .toggle-content strong, div#content .color-brown .toggle-content p, div#content .color-brown .toggle-content ul, div#content .color-brown .toggle-content ol, div#content .color-brown .toggle-content li {
        color: #050f34
    }

    div#content .color-brown .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-brown .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-brown .open a {
        color: #fff !important
    }

div#content .arrow-brown .arrow {
    border-color: #b2986a transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-black {
    background-color: #000
}

    div#content .color-black h1, div#content .color-black h2, div#content .color-black h3, div#content .color-black h4, div#content .color-black strong, div#content .color-black p, div#content .color-black ul, div#content .color-black ol, div#content .color-black li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-black h1 a, div#content .color-black h2 a, div#content .color-black h3 a, div#content .color-black h4 a, div#content .color-black strong a, div#content .color-black p a, div#content .color-black ul a, div#content .color-black ol a, div#content .color-black li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-black h1 a:hover, div#content .color-black h2 a:hover, div#content .color-black h3 a:hover, div#content .color-black h4 a:hover, div#content .color-black strong a:hover, div#content .color-black p a:hover, div#content .color-black ul a:hover, div#content .color-black ol a:hover, div#content .color-black li a:hover {
                opacity: .5
            }

    div#content .color-black .box-content h1, div#content .color-black .box-content h2, div#content .color-black .box-content h3, div#content .color-black .box-content h4, div#content .color-black .box-content strong, div#content .color-black .box-content p, div#content .color-black .box-content ul, div#content .color-black .box-content ol, div#content .color-black .box-content li, div#content .color-black .toggle-content h1, div#content .color-black .toggle-content h2, div#content .color-black .toggle-content h3, div#content .color-black .toggle-content h4, div#content .color-black .toggle-content strong, div#content .color-black .toggle-content p, div#content .color-black .toggle-content ul, div#content .color-black .toggle-content ol, div#content .color-black .toggle-content li {
        color: #050f34
    }

    div#content .color-black .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-black .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-black .open a {
        color: #fff !important
    }

    div#content .color-black .box-content h1, div#content .color-black .box-content h2, div#content .color-black .box-content h3, div#content .color-black .box-content h4, div#content .color-black .box-content strong, div#content .color-black .box-content p, div#content .color-black .box-content ul, div#content .color-black .box-content ol, div#content .color-black .box-content li {
        color: #050f34
    }

div#content .arrow-black .arrow {
    border-color: #000 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-white {
    background-color: #fff
}

    div#content .color-white h1, div#content .color-white h2, div#content .color-white h3, div#content .color-white h4, div#content .color-white strong, div#content .color-white p, div#content .color-white ul, div#content .color-white ol, div#content .color-white li {
        color: #050f34
    }

        div#content .color-white h1 a, div#content .color-white h2 a, div#content .color-white h3 a, div#content .color-white h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-white h1 a:hover, div#content .color-white h2 a:hover, div#content .color-white h3 a:hover, div#content .color-white h4 a:hover {
                opacity: .5
            }

        div#content .color-white strong a, div#content .color-white p a, div#content .color-white ul a, div#content .color-white ol a, div#content .color-white li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-white strong a:hover, div#content .color-white p a:hover, div#content .color-white ul a:hover, div#content .color-white ol a:hover, div#content .color-white li a:hover {
                opacity: .5
            }

    div#content .color-white .box-content h1, div#content .color-white .box-content h2, div#content .color-white .box-content h3, div#content .color-white .box-content h4, div#content .color-white .box-content strong, div#content .color-white .box-content p, div#content .color-white .box-content ul, div#content .color-white .box-content ol, div#content .color-white .box-content li {
        color: #050f34
    }

    div#content .color-white .toggleelement {
        background-color: #fff
    }

    div#content .color-white .open {
        background-color: #00aeef
    }

    div#content .color-white .box-content h1, div#content .color-white .box-content h2, div#content .color-white .box-content h3, div#content .color-white .box-content h4, div#content .color-white .box-content strong, div#content .color-white .box-content p, div#content .color-white .box-content ul, div#content .color-white .box-content ol, div#content .color-white .box-content li {
        color: #050f34
    }

    div#content .color-white div.cat-filter .chosen-container-single .chosen-single {
        background-color: #f1f2f2
    }

    div#content .color-white div.cat-filter .chosen-container .chosen-drop {
        background-color: #f1f2f2
    }

div#content .arrow-white .arrow {
    border-color: #fff transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey_medium {
    background-color: #ccc
}

    div#content .color-grey_medium h1, div#content .color-grey_medium h2, div#content .color-grey_medium h3, div#content .color-grey_medium h4, div#content .color-grey_medium strong, div#content .color-grey_medium p, div#content .color-grey_medium ul, div#content .color-grey_medium ol, div#content .color-grey_medium li {
        color: #050f34
    }

        div#content .color-grey_medium h1 a, div#content .color-grey_medium h2 a, div#content .color-grey_medium h3 a, div#content .color-grey_medium h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey_medium h1 a:hover, div#content .color-grey_medium h2 a:hover, div#content .color-grey_medium h3 a:hover, div#content .color-grey_medium h4 a:hover {
                opacity: .5
            }

        div#content .color-grey_medium strong a, div#content .color-grey_medium p a, div#content .color-grey_medium ul a, div#content .color-grey_medium ol a, div#content .color-grey_medium li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey_medium strong a:hover, div#content .color-grey_medium p a:hover, div#content .color-grey_medium ul a:hover, div#content .color-grey_medium ol a:hover, div#content .color-grey_medium li a:hover {
                opacity: .5
            }

    div#content .color-grey_medium .box-content h1, div#content .color-grey_medium .box-content h2, div#content .color-grey_medium .box-content h3, div#content .color-grey_medium .box-content h4, div#content .color-grey_medium .box-content strong, div#content .color-grey_medium .box-content p, div#content .color-grey_medium .box-content ul, div#content .color-grey_medium .box-content ol, div#content .color-grey_medium .box-content li {
        color: #050f34
    }

    div#content .color-grey_medium .toggleelement {
        background-color: #fff
    }

    div#content .color-grey_medium .open {
        background-color: #00aeef
    }

    div#content .color-grey_medium .box-content h1, div#content .color-grey_medium .box-content h2, div#content .color-grey_medium .box-content h3, div#content .color-grey_medium .box-content h4, div#content .color-grey_medium .box-content strong, div#content .color-grey_medium .box-content p, div#content .color-grey_medium .box-content ul, div#content .color-grey_medium .box-content ol, div#content .color-grey_medium .box-content li {
        color: #050f34
    }

div#content .arrow-grey_medium .arrow {
    border-color: #ccc transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-5 {
    background-color: #f1f2f2
}

    div#content .color-grey-5 h1, div#content .color-grey-5 h2, div#content .color-grey-5 h3, div#content .color-grey-5 h4, div#content .color-grey-5 strong, div#content .color-grey-5 p, div#content .color-grey-5 ul, div#content .color-grey-5 ol, div#content .color-grey-5 li {
        color: #050f34
    }

        div#content .color-grey-5 h1 a, div#content .color-grey-5 h2 a, div#content .color-grey-5 h3 a, div#content .color-grey-5 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-5 h1 a:hover, div#content .color-grey-5 h2 a:hover, div#content .color-grey-5 h3 a:hover, div#content .color-grey-5 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-5 strong a, div#content .color-grey-5 p a, div#content .color-grey-5 ul a, div#content .color-grey-5 ol a, div#content .color-grey-5 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-5 strong a:hover, div#content .color-grey-5 p a:hover, div#content .color-grey-5 ul a:hover, div#content .color-grey-5 ol a:hover, div#content .color-grey-5 li a:hover {
                opacity: .5
            }

    div#content .color-grey-5 .box-content h1, div#content .color-grey-5 .box-content h2, div#content .color-grey-5 .box-content h3, div#content .color-grey-5 .box-content h4, div#content .color-grey-5 .box-content strong, div#content .color-grey-5 .box-content p, div#content .color-grey-5 .box-content ul, div#content .color-grey-5 .box-content ol, div#content .color-grey-5 .box-content li {
        color: #050f34
    }

    div#content .color-grey-5 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-5 .open {
        background-color: #00aeef
    }

    div#content .color-grey-5 .box-content h1, div#content .color-grey-5 .box-content h2, div#content .color-grey-5 .box-content h3, div#content .color-grey-5 .box-content h4, div#content .color-grey-5 .box-content strong, div#content .color-grey-5 .box-content p, div#content .color-grey-5 .box-content ul, div#content .color-grey-5 .box-content ol, div#content .color-grey-5 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-5 .arrow {
    border-color: #f1f2f2 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-10 {
    background-color: #e6e7e8
}

    div#content .color-grey-10 h1, div#content .color-grey-10 h2, div#content .color-grey-10 h3, div#content .color-grey-10 h4, div#content .color-grey-10 strong, div#content .color-grey-10 p, div#content .color-grey-10 ul, div#content .color-grey-10 ol, div#content .color-grey-10 li {
        color: #050f34
    }

        div#content .color-grey-10 h1 a, div#content .color-grey-10 h2 a, div#content .color-grey-10 h3 a, div#content .color-grey-10 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-10 h1 a:hover, div#content .color-grey-10 h2 a:hover, div#content .color-grey-10 h3 a:hover, div#content .color-grey-10 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-10 strong a, div#content .color-grey-10 p a, div#content .color-grey-10 ul a, div#content .color-grey-10 ol a, div#content .color-grey-10 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-10 strong a:hover, div#content .color-grey-10 p a:hover, div#content .color-grey-10 ul a:hover, div#content .color-grey-10 ol a:hover, div#content .color-grey-10 li a:hover {
                opacity: .5
            }

    div#content .color-grey-10 .box-content h1, div#content .color-grey-10 .box-content h2, div#content .color-grey-10 .box-content h3, div#content .color-grey-10 .box-content h4, div#content .color-grey-10 .box-content strong, div#content .color-grey-10 .box-content p, div#content .color-grey-10 .box-content ul, div#content .color-grey-10 .box-content ol, div#content .color-grey-10 .box-content li {
        color: #050f34
    }

    div#content .color-grey-10 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-10 .open {
        background-color: #00aeef
    }

    div#content .color-grey-10 .box-content h1, div#content .color-grey-10 .box-content h2, div#content .color-grey-10 .box-content h3, div#content .color-grey-10 .box-content h4, div#content .color-grey-10 .box-content strong, div#content .color-grey-10 .box-content p, div#content .color-grey-10 .box-content ul, div#content .color-grey-10 .box-content ol, div#content .color-grey-10 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-10 .arrow {
    border-color: #e6e7e8 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-20 {
    background-color: #d1d3d4
}

    div#content .color-grey-20 h1, div#content .color-grey-20 h2, div#content .color-grey-20 h3, div#content .color-grey-20 h4, div#content .color-grey-20 strong, div#content .color-grey-20 p, div#content .color-grey-20 ul, div#content .color-grey-20 ol, div#content .color-grey-20 li {
        color: #050f34
    }

        div#content .color-grey-20 h1 a, div#content .color-grey-20 h2 a, div#content .color-grey-20 h3 a, div#content .color-grey-20 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-20 h1 a:hover, div#content .color-grey-20 h2 a:hover, div#content .color-grey-20 h3 a:hover, div#content .color-grey-20 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-20 strong a, div#content .color-grey-20 p a, div#content .color-grey-20 ul a, div#content .color-grey-20 ol a, div#content .color-grey-20 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-20 strong a:hover, div#content .color-grey-20 p a:hover, div#content .color-grey-20 ul a:hover, div#content .color-grey-20 ol a:hover, div#content .color-grey-20 li a:hover {
                opacity: .5
            }

    div#content .color-grey-20 .box-content h1, div#content .color-grey-20 .box-content h2, div#content .color-grey-20 .box-content h3, div#content .color-grey-20 .box-content h4, div#content .color-grey-20 .box-content strong, div#content .color-grey-20 .box-content p, div#content .color-grey-20 .box-content ul, div#content .color-grey-20 .box-content ol, div#content .color-grey-20 .box-content li {
        color: #050f34
    }

    div#content .color-grey-20 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-20 .open {
        background-color: #00aeef
    }

    div#content .color-grey-20 .box-content h1, div#content .color-grey-20 .box-content h2, div#content .color-grey-20 .box-content h3, div#content .color-grey-20 .box-content h4, div#content .color-grey-20 .box-content strong, div#content .color-grey-20 .box-content p, div#content .color-grey-20 .box-content ul, div#content .color-grey-20 .box-content ol, div#content .color-grey-20 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-20 .arrow {
    border-color: #d1d3d4 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-30 {
    background-color: #bcbec0
}

    div#content .color-grey-30 h1, div#content .color-grey-30 h2, div#content .color-grey-30 h3, div#content .color-grey-30 h4, div#content .color-grey-30 strong, div#content .color-grey-30 p, div#content .color-grey-30 ul, div#content .color-grey-30 ol, div#content .color-grey-30 li {
        color: #050f34
    }

        div#content .color-grey-30 h1 a, div#content .color-grey-30 h2 a, div#content .color-grey-30 h3 a, div#content .color-grey-30 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-30 h1 a:hover, div#content .color-grey-30 h2 a:hover, div#content .color-grey-30 h3 a:hover, div#content .color-grey-30 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-30 strong a, div#content .color-grey-30 p a, div#content .color-grey-30 ul a, div#content .color-grey-30 ol a, div#content .color-grey-30 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-30 strong a:hover, div#content .color-grey-30 p a:hover, div#content .color-grey-30 ul a:hover, div#content .color-grey-30 ol a:hover, div#content .color-grey-30 li a:hover {
                opacity: .5
            }

    div#content .color-grey-30 .box-content h1, div#content .color-grey-30 .box-content h2, div#content .color-grey-30 .box-content h3, div#content .color-grey-30 .box-content h4, div#content .color-grey-30 .box-content strong, div#content .color-grey-30 .box-content p, div#content .color-grey-30 .box-content ul, div#content .color-grey-30 .box-content ol, div#content .color-grey-30 .box-content li {
        color: #050f34
    }

    div#content .color-grey-30 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-30 .open {
        background-color: #00aeef
    }

    div#content .color-grey-30 .box-content h1, div#content .color-grey-30 .box-content h2, div#content .color-grey-30 .box-content h3, div#content .color-grey-30 .box-content h4, div#content .color-grey-30 .box-content strong, div#content .color-grey-30 .box-content p, div#content .color-grey-30 .box-content ul, div#content .color-grey-30 .box-content ol, div#content .color-grey-30 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-30 .arrow {
    border-color: #bcbec0 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-40 {
    background-color: #a7a9ac
}

    div#content .color-grey-40 h1, div#content .color-grey-40 h2, div#content .color-grey-40 h3, div#content .color-grey-40 h4, div#content .color-grey-40 strong, div#content .color-grey-40 p, div#content .color-grey-40 ul, div#content .color-grey-40 ol, div#content .color-grey-40 li {
        color: #050f34
    }

        div#content .color-grey-40 h1 a, div#content .color-grey-40 h2 a, div#content .color-grey-40 h3 a, div#content .color-grey-40 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-40 h1 a:hover, div#content .color-grey-40 h2 a:hover, div#content .color-grey-40 h3 a:hover, div#content .color-grey-40 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-40 strong a, div#content .color-grey-40 p a, div#content .color-grey-40 ul a, div#content .color-grey-40 ol a, div#content .color-grey-40 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-40 strong a:hover, div#content .color-grey-40 p a:hover, div#content .color-grey-40 ul a:hover, div#content .color-grey-40 ol a:hover, div#content .color-grey-40 li a:hover {
                opacity: .5
            }

    div#content .color-grey-40 .box-content h1, div#content .color-grey-40 .box-content h2, div#content .color-grey-40 .box-content h3, div#content .color-grey-40 .box-content h4, div#content .color-grey-40 .box-content strong, div#content .color-grey-40 .box-content p, div#content .color-grey-40 .box-content ul, div#content .color-grey-40 .box-content ol, div#content .color-grey-40 .box-content li {
        color: #050f34
    }

    div#content .color-grey-40 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-40 .open {
        background-color: #00aeef
    }

    div#content .color-grey-40 .box-content h1, div#content .color-grey-40 .box-content h2, div#content .color-grey-40 .box-content h3, div#content .color-grey-40 .box-content h4, div#content .color-grey-40 .box-content strong, div#content .color-grey-40 .box-content p, div#content .color-grey-40 .box-content ul, div#content .color-grey-40 .box-content ol, div#content .color-grey-40 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-40 .arrow {
    border-color: #a7a9ac transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-50 {
    background-color: #939598
}

    div#content .color-grey-50 h1, div#content .color-grey-50 h2, div#content .color-grey-50 h3, div#content .color-grey-50 h4, div#content .color-grey-50 strong, div#content .color-grey-50 p, div#content .color-grey-50 ul, div#content .color-grey-50 ol, div#content .color-grey-50 li {
        color: #050f34
    }

        div#content .color-grey-50 h1 a, div#content .color-grey-50 h2 a, div#content .color-grey-50 h3 a, div#content .color-grey-50 h4 a {
            color: #050f34 !important;
            text-decoration: none
        }

            div#content .color-grey-50 h1 a:hover, div#content .color-grey-50 h2 a:hover, div#content .color-grey-50 h3 a:hover, div#content .color-grey-50 h4 a:hover {
                opacity: .5
            }

        div#content .color-grey-50 strong a, div#content .color-grey-50 p a, div#content .color-grey-50 ul a, div#content .color-grey-50 ol a, div#content .color-grey-50 li a {
            color: #050f34 !important;
            text-decoration: underline
        }

            div#content .color-grey-50 strong a:hover, div#content .color-grey-50 p a:hover, div#content .color-grey-50 ul a:hover, div#content .color-grey-50 ol a:hover, div#content .color-grey-50 li a:hover {
                opacity: .5
            }

    div#content .color-grey-50 .box-content h1, div#content .color-grey-50 .box-content h2, div#content .color-grey-50 .box-content h3, div#content .color-grey-50 .box-content h4, div#content .color-grey-50 .box-content strong, div#content .color-grey-50 .box-content p, div#content .color-grey-50 .box-content ul, div#content .color-grey-50 .box-content ol, div#content .color-grey-50 .box-content li {
        color: #050f34
    }

    div#content .color-grey-50 .toggleelement {
        background-color: #fff
    }

    div#content .color-grey-50 .open {
        background-color: #00aeef
    }

    div#content .color-grey-50 .box-content h1, div#content .color-grey-50 .box-content h2, div#content .color-grey-50 .box-content h3, div#content .color-grey-50 .box-content h4, div#content .color-grey-50 .box-content strong, div#content .color-grey-50 .box-content p, div#content .color-grey-50 .box-content ul, div#content .color-grey-50 .box-content ol, div#content .color-grey-50 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-50 .arrow {
    border-color: #939598 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-60 {
    background-color: #666
}

    div#content .color-grey-60 h1, div#content .color-grey-60 h2, div#content .color-grey-60 h3, div#content .color-grey-60 h4, div#content .color-grey-60 strong, div#content .color-grey-60 p, div#content .color-grey-60 ul, div#content .color-grey-60 ol, div#content .color-grey-60 li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-grey-60 h1 a, div#content .color-grey-60 h2 a, div#content .color-grey-60 h3 a, div#content .color-grey-60 h4 a, div#content .color-grey-60 strong a, div#content .color-grey-60 p a, div#content .color-grey-60 ul a, div#content .color-grey-60 ol a, div#content .color-grey-60 li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-grey-60 h1 a:hover, div#content .color-grey-60 h2 a:hover, div#content .color-grey-60 h3 a:hover, div#content .color-grey-60 h4 a:hover, div#content .color-grey-60 strong a:hover, div#content .color-grey-60 p a:hover, div#content .color-grey-60 ul a:hover, div#content .color-grey-60 ol a:hover, div#content .color-grey-60 li a:hover {
                opacity: .5
            }

    div#content .color-grey-60 .box-content h1, div#content .color-grey-60 .box-content h2, div#content .color-grey-60 .box-content h3, div#content .color-grey-60 .box-content h4, div#content .color-grey-60 .box-content strong, div#content .color-grey-60 .box-content p, div#content .color-grey-60 .box-content ul, div#content .color-grey-60 .box-content ol, div#content .color-grey-60 .box-content li, div#content .color-grey-60 .toggle-content h1, div#content .color-grey-60 .toggle-content h2, div#content .color-grey-60 .toggle-content h3, div#content .color-grey-60 .toggle-content h4, div#content .color-grey-60 .toggle-content strong, div#content .color-grey-60 .toggle-content p, div#content .color-grey-60 .toggle-content ul, div#content .color-grey-60 .toggle-content ol, div#content .color-grey-60 .toggle-content li {
        color: #050f34
    }

    div#content .color-grey-60 .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-grey-60 .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-grey-60 .open a {
        color: #fff !important
    }

    div#content .color-grey-60 .box-content h1, div#content .color-grey-60 .box-content h2, div#content .color-grey-60 .box-content h3, div#content .color-grey-60 .box-content h4, div#content .color-grey-60 .box-content strong, div#content .color-grey-60 .box-content p, div#content .color-grey-60 .box-content ul, div#content .color-grey-60 .box-content ol, div#content .color-grey-60 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-60 .arrow {
    border-color: #666 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-70 {
    background-color: #6d6e71
}

    div#content .color-grey-70 h1, div#content .color-grey-70 h2, div#content .color-grey-70 h3, div#content .color-grey-70 h4, div#content .color-grey-70 strong, div#content .color-grey-70 p, div#content .color-grey-70 ul, div#content .color-grey-70 ol, div#content .color-grey-70 li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-grey-70 h1 a, div#content .color-grey-70 h2 a, div#content .color-grey-70 h3 a, div#content .color-grey-70 h4 a, div#content .color-grey-70 strong a, div#content .color-grey-70 p a, div#content .color-grey-70 ul a, div#content .color-grey-70 ol a, div#content .color-grey-70 li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-grey-70 h1 a:hover, div#content .color-grey-70 h2 a:hover, div#content .color-grey-70 h3 a:hover, div#content .color-grey-70 h4 a:hover, div#content .color-grey-70 strong a:hover, div#content .color-grey-70 p a:hover, div#content .color-grey-70 ul a:hover, div#content .color-grey-70 ol a:hover, div#content .color-grey-70 li a:hover {
                opacity: .5
            }

    div#content .color-grey-70 .box-content h1, div#content .color-grey-70 .box-content h2, div#content .color-grey-70 .box-content h3, div#content .color-grey-70 .box-content h4, div#content .color-grey-70 .box-content strong, div#content .color-grey-70 .box-content p, div#content .color-grey-70 .box-content ul, div#content .color-grey-70 .box-content ol, div#content .color-grey-70 .box-content li, div#content .color-grey-70 .toggle-content h1, div#content .color-grey-70 .toggle-content h2, div#content .color-grey-70 .toggle-content h3, div#content .color-grey-70 .toggle-content h4, div#content .color-grey-70 .toggle-content strong, div#content .color-grey-70 .toggle-content p, div#content .color-grey-70 .toggle-content ul, div#content .color-grey-70 .toggle-content ol, div#content .color-grey-70 .toggle-content li {
        color: #050f34
    }

    div#content .color-grey-70 .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-grey-70 .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-grey-70 .open a {
        color: #fff !important
    }

    div#content .color-grey-70 .box-content h1, div#content .color-grey-70 .box-content h2, div#content .color-grey-70 .box-content h3, div#content .color-grey-70 .box-content h4, div#content .color-grey-70 .box-content strong, div#content .color-grey-70 .box-content p, div#content .color-grey-70 .box-content ul, div#content .color-grey-70 .box-content ol, div#content .color-grey-70 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-70 .arrow {
    border-color: #6d6e71 transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .color-grey-80 {
    background-color: #58595b
}

    div#content .color-grey-80 h1, div#content .color-grey-80 h2, div#content .color-grey-80 h3, div#content .color-grey-80 h4, div#content .color-grey-80 strong, div#content .color-grey-80 p, div#content .color-grey-80 ul, div#content .color-grey-80 ol, div#content .color-grey-80 li {
        color: #fff;
        font-weight: 300
    }

        div#content .color-grey-80 h1 a, div#content .color-grey-80 h2 a, div#content .color-grey-80 h3 a, div#content .color-grey-80 h4 a, div#content .color-grey-80 strong a, div#content .color-grey-80 p a, div#content .color-grey-80 ul a, div#content .color-grey-80 ol a, div#content .color-grey-80 li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .color-grey-80 h1 a:hover, div#content .color-grey-80 h2 a:hover, div#content .color-grey-80 h3 a:hover, div#content .color-grey-80 h4 a:hover, div#content .color-grey-80 strong a:hover, div#content .color-grey-80 p a:hover, div#content .color-grey-80 ul a:hover, div#content .color-grey-80 ol a:hover, div#content .color-grey-80 li a:hover {
                opacity: .5
            }

    div#content .color-grey-80 .box-content h1, div#content .color-grey-80 .box-content h2, div#content .color-grey-80 .box-content h3, div#content .color-grey-80 .box-content h4, div#content .color-grey-80 .box-content strong, div#content .color-grey-80 .box-content p, div#content .color-grey-80 .box-content ul, div#content .color-grey-80 .box-content ol, div#content .color-grey-80 .box-content li, div#content .color-grey-80 .toggle-content h1, div#content .color-grey-80 .toggle-content h2, div#content .color-grey-80 .toggle-content h3, div#content .color-grey-80 .toggle-content h4, div#content .color-grey-80 .toggle-content strong, div#content .color-grey-80 .toggle-content p, div#content .color-grey-80 .toggle-content ul, div#content .color-grey-80 .toggle-content ol, div#content .color-grey-80 .toggle-content li {
        color: #050f34
    }

    div#content .color-grey-80 .toggleelement a {
        color: #00aeef !important
    }

        div#content .color-grey-80 .toggleelement a:hover {
            opacity: 1
        }

    div#content .color-grey-80 .open a {
        color: #fff !important
    }

    div#content .color-grey-80 .box-content h1, div#content .color-grey-80 .box-content h2, div#content .color-grey-80 .box-content h3, div#content .color-grey-80 .box-content h4, div#content .color-grey-80 .box-content strong, div#content .color-grey-80 .box-content p, div#content .color-grey-80 .box-content ul, div#content .color-grey-80 .box-content ol, div#content .color-grey-80 .box-content li {
        color: #050f34
    }

div#content .arrow-grey-80 .arrow {
    border-color: #58595b transparent transparent transparent !important;
    border-width: 40px 75px 0
}

div#content .gradient-cyan {
    background-color: #0094cd;
    background-image: linear-gradient(to right,#0094cd,#0094cd,#b1d9cc)
}

    div#content .gradient-cyan h1, div#content .gradient-cyan h2, div#content .gradient-cyan h3, div#content .gradient-cyan h4, div#content .gradient-cyan strong, div#content .gradient-cyan p, div#content .gradient-cyan ul, div#content .gradient-cyan ol, div#content .gradient-cyan li {
        color: #fff;
        font-weight: 300
    }

        div#content .gradient-cyan h1 a, div#content .gradient-cyan h2 a, div#content .gradient-cyan h3 a, div#content .gradient-cyan h4 a, div#content .gradient-cyan strong a, div#content .gradient-cyan p a, div#content .gradient-cyan ul a, div#content .gradient-cyan ol a, div#content .gradient-cyan li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .gradient-cyan h1 a:hover, div#content .gradient-cyan h2 a:hover, div#content .gradient-cyan h3 a:hover, div#content .gradient-cyan h4 a:hover, div#content .gradient-cyan strong a:hover, div#content .gradient-cyan p a:hover, div#content .gradient-cyan ul a:hover, div#content .gradient-cyan ol a:hover, div#content .gradient-cyan li a:hover {
                opacity: .5
            }

    div#content .gradient-cyan .box-content h1, div#content .gradient-cyan .box-content h2, div#content .gradient-cyan .box-content h3, div#content .gradient-cyan .box-content h4, div#content .gradient-cyan .box-content strong, div#content .gradient-cyan .box-content p, div#content .gradient-cyan .box-content ul, div#content .gradient-cyan .box-content ol, div#content .gradient-cyan .box-content li, div#content .gradient-cyan .toggle-content h1, div#content .gradient-cyan .toggle-content h2, div#content .gradient-cyan .toggle-content h3, div#content .gradient-cyan .toggle-content h4, div#content .gradient-cyan .toggle-content strong, div#content .gradient-cyan .toggle-content p, div#content .gradient-cyan .toggle-content ul, div#content .gradient-cyan .toggle-content ol, div#content .gradient-cyan .toggle-content li {
        color: #050f34
    }

    div#content .gradient-cyan .toggleelement a {
        color: #00aeef !important
    }

        div#content .gradient-cyan .toggleelement a:hover {
            opacity: 1
        }

    div#content .gradient-cyan .open a {
        color: #fff !important
    }

div#content .gradient-blue-pink {
    background-color: #00aeef;
    background-image: linear-gradient(to right,#00aeef,#0b2558,#ed0f69)
}

    div#content .gradient-blue-pink h1, div#content .gradient-blue-pink h2, div#content .gradient-blue-pink h3, div#content .gradient-blue-pink h4, div#content .gradient-blue-pink strong, div#content .gradient-blue-pink p, div#content .gradient-blue-pink ul, div#content .gradient-blue-pink ol, div#content .gradient-blue-pink li {
        color: #fff;
        font-weight: 300
    }

        div#content .gradient-blue-pink h1 a, div#content .gradient-blue-pink h2 a, div#content .gradient-blue-pink h3 a, div#content .gradient-blue-pink h4 a, div#content .gradient-blue-pink strong a, div#content .gradient-blue-pink p a, div#content .gradient-blue-pink ul a, div#content .gradient-blue-pink ol a, div#content .gradient-blue-pink li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .gradient-blue-pink h1 a:hover, div#content .gradient-blue-pink h2 a:hover, div#content .gradient-blue-pink h3 a:hover, div#content .gradient-blue-pink h4 a:hover, div#content .gradient-blue-pink strong a:hover, div#content .gradient-blue-pink p a:hover, div#content .gradient-blue-pink ul a:hover, div#content .gradient-blue-pink ol a:hover, div#content .gradient-blue-pink li a:hover {
                opacity: .5
            }

    div#content .gradient-blue-pink .box-content h1, div#content .gradient-blue-pink .box-content h2, div#content .gradient-blue-pink .box-content h3, div#content .gradient-blue-pink .box-content h4, div#content .gradient-blue-pink .box-content strong, div#content .gradient-blue-pink .box-content p, div#content .gradient-blue-pink .box-content ul, div#content .gradient-blue-pink .box-content ol, div#content .gradient-blue-pink .box-content li, div#content .gradient-blue-pink .toggle-content h1, div#content .gradient-blue-pink .toggle-content h2, div#content .gradient-blue-pink .toggle-content h3, div#content .gradient-blue-pink .toggle-content h4, div#content .gradient-blue-pink .toggle-content strong, div#content .gradient-blue-pink .toggle-content p, div#content .gradient-blue-pink .toggle-content ul, div#content .gradient-blue-pink .toggle-content ol, div#content .gradient-blue-pink .toggle-content li {
        color: #050f34
    }

    div#content .gradient-blue-pink .toggleelement a {
        color: #00aeef !important
    }

        div#content .gradient-blue-pink .toggleelement a:hover {
            opacity: 1
        }

    div#content .gradient-blue-pink .open a {
        color: #fff !important
    }

div#content .arrow-white .arrow {
    border-color: #fff transparent transparent transparent;
    border-width: 40px 75px 0
}

div#content .arrow-red .arrow {
    border-color: #ed0f69 transparent transparent transparent;
    border-width: 40px 75px 0
}

div#content .image-lines {
    background-image: url(/common/img/gradient-lines.png);
    background-size: cover !important;
    width: 100%
}

    div#content .image-lines h1, div#content .image-lines h2, div#content .image-lines h3, div#content .image-lines h4, div#content .image-lines strong, div#content .image-lines p, div#content .image-lines ul, div#content .image-lines ol, div#content .image-lines li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-lines h1 a, div#content .image-lines h2 a, div#content .image-lines h3 a, div#content .image-lines h4 a, div#content .image-lines strong a, div#content .image-lines p a, div#content .image-lines ul a, div#content .image-lines ol a, div#content .image-lines li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-lines h1 a:hover, div#content .image-lines h2 a:hover, div#content .image-lines h3 a:hover, div#content .image-lines h4 a:hover, div#content .image-lines strong a:hover, div#content .image-lines p a:hover, div#content .image-lines ul a:hover, div#content .image-lines ol a:hover, div#content .image-lines li a:hover {
                opacity: .5
            }

    div#content .image-lines .box-content h1, div#content .image-lines .box-content h2, div#content .image-lines .box-content h3, div#content .image-lines .box-content h4, div#content .image-lines .box-content strong, div#content .image-lines .box-content p, div#content .image-lines .box-content ul, div#content .image-lines .box-content ol, div#content .image-lines .box-content li, div#content .image-lines .toggle-content h1, div#content .image-lines .toggle-content h2, div#content .image-lines .toggle-content h3, div#content .image-lines .toggle-content h4, div#content .image-lines .toggle-content strong, div#content .image-lines .toggle-content p, div#content .image-lines .toggle-content ul, div#content .image-lines .toggle-content ol, div#content .image-lines .toggle-content li {
        color: #050f34
    }

    div#content .image-lines .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-lines .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-lines .open a {
        color: #fff !important
    }

div#content .image-lines-parallax {
    height: 500px;
    width: 100%;
    background: url(/common/img/gradient-lines.png) no-repeat fixed 50%;
    background-size: cover !important
}

    div#content .image-lines-parallax h1, div#content .image-lines-parallax h2, div#content .image-lines-parallax h3, div#content .image-lines-parallax h4, div#content .image-lines-parallax strong, div#content .image-lines-parallax p, div#content .image-lines-parallax ul, div#content .image-lines-parallax ol, div#content .image-lines-parallax li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-lines-parallax h1 a, div#content .image-lines-parallax h2 a, div#content .image-lines-parallax h3 a, div#content .image-lines-parallax h4 a, div#content .image-lines-parallax strong a, div#content .image-lines-parallax p a, div#content .image-lines-parallax ul a, div#content .image-lines-parallax ol a, div#content .image-lines-parallax li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-lines-parallax h1 a:hover, div#content .image-lines-parallax h2 a:hover, div#content .image-lines-parallax h3 a:hover, div#content .image-lines-parallax h4 a:hover, div#content .image-lines-parallax strong a:hover, div#content .image-lines-parallax p a:hover, div#content .image-lines-parallax ul a:hover, div#content .image-lines-parallax ol a:hover, div#content .image-lines-parallax li a:hover {
                opacity: .5
            }

    div#content .image-lines-parallax .box-content h1, div#content .image-lines-parallax .box-content h2, div#content .image-lines-parallax .box-content h3, div#content .image-lines-parallax .box-content h4, div#content .image-lines-parallax .box-content strong, div#content .image-lines-parallax .box-content p, div#content .image-lines-parallax .box-content ul, div#content .image-lines-parallax .box-content ol, div#content .image-lines-parallax .box-content li, div#content .image-lines-parallax .toggle-content h1, div#content .image-lines-parallax .toggle-content h2, div#content .image-lines-parallax .toggle-content h3, div#content .image-lines-parallax .toggle-content h4, div#content .image-lines-parallax .toggle-content strong, div#content .image-lines-parallax .toggle-content p, div#content .image-lines-parallax .toggle-content ul, div#content .image-lines-parallax .toggle-content ol, div#content .image-lines-parallax .toggle-content li {
        color: #050f34
    }

    div#content .image-lines-parallax .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-lines-parallax .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-lines-parallax .open a {
        color: #fff !important
    }

div#content .image-laptop {
    background: url(/common/img/laptop-dark.jpg) no-repeat fixed 50%;
    background-size: cover !important
}

    div#content .image-laptop h1, div#content .image-laptop h2, div#content .image-laptop h3, div#content .image-laptop h4, div#content .image-laptop strong, div#content .image-laptop p, div#content .image-laptop ul, div#content .image-laptop ol, div#content .image-laptop li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-laptop h1 a, div#content .image-laptop h2 a, div#content .image-laptop h3 a, div#content .image-laptop h4 a, div#content .image-laptop strong a, div#content .image-laptop p a, div#content .image-laptop ul a, div#content .image-laptop ol a, div#content .image-laptop li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-laptop h1 a:hover, div#content .image-laptop h2 a:hover, div#content .image-laptop h3 a:hover, div#content .image-laptop h4 a:hover, div#content .image-laptop strong a:hover, div#content .image-laptop p a:hover, div#content .image-laptop ul a:hover, div#content .image-laptop ol a:hover, div#content .image-laptop li a:hover {
                opacity: .5
            }

    div#content .image-laptop .box-content h1, div#content .image-laptop .box-content h2, div#content .image-laptop .box-content h3, div#content .image-laptop .box-content h4, div#content .image-laptop .box-content strong, div#content .image-laptop .box-content p, div#content .image-laptop .box-content ul, div#content .image-laptop .box-content ol, div#content .image-laptop .box-content li, div#content .image-laptop .toggle-content h1, div#content .image-laptop .toggle-content h2, div#content .image-laptop .toggle-content h3, div#content .image-laptop .toggle-content h4, div#content .image-laptop .toggle-content strong, div#content .image-laptop .toggle-content p, div#content .image-laptop .toggle-content ul, div#content .image-laptop .toggle-content ol, div#content .image-laptop .toggle-content li {
        color: #050f34
    }

    div#content .image-laptop .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-laptop .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-laptop .open a {
        color: #fff !important
    }

div#content .image-laptop-parallax {
    height: auto;
    background: url(/common/img/laptop.jpg) no-repeat fixed 50%;
    background-size: cover
}

    div#content .image-laptop-parallax h1, div#content .image-laptop-parallax h2, div#content .image-laptop-parallax h3, div#content .image-laptop-parallax h4, div#content .image-laptop-parallax strong, div#content .image-laptop-parallax p, div#content .image-laptop-parallax ul, div#content .image-laptop-parallax ol, div#content .image-laptop-parallax li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-laptop-parallax h1 a, div#content .image-laptop-parallax h2 a, div#content .image-laptop-parallax h3 a, div#content .image-laptop-parallax h4 a, div#content .image-laptop-parallax strong a, div#content .image-laptop-parallax p a, div#content .image-laptop-parallax ul a, div#content .image-laptop-parallax ol a, div#content .image-laptop-parallax li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-laptop-parallax h1 a:hover, div#content .image-laptop-parallax h2 a:hover, div#content .image-laptop-parallax h3 a:hover, div#content .image-laptop-parallax h4 a:hover, div#content .image-laptop-parallax strong a:hover, div#content .image-laptop-parallax p a:hover, div#content .image-laptop-parallax ul a:hover, div#content .image-laptop-parallax ol a:hover, div#content .image-laptop-parallax li a:hover {
                opacity: .5
            }

    div#content .image-laptop-parallax .box-content h1, div#content .image-laptop-parallax .box-content h2, div#content .image-laptop-parallax .box-content h3, div#content .image-laptop-parallax .box-content h4, div#content .image-laptop-parallax .box-content strong, div#content .image-laptop-parallax .box-content p, div#content .image-laptop-parallax .box-content ul, div#content .image-laptop-parallax .box-content ol, div#content .image-laptop-parallax .box-content li, div#content .image-laptop-parallax .toggle-content h1, div#content .image-laptop-parallax .toggle-content h2, div#content .image-laptop-parallax .toggle-content h3, div#content .image-laptop-parallax .toggle-content h4, div#content .image-laptop-parallax .toggle-content strong, div#content .image-laptop-parallax .toggle-content p, div#content .image-laptop-parallax .toggle-content ul, div#content .image-laptop-parallax .toggle-content ol, div#content .image-laptop-parallax .toggle-content li {
        color: #050f34
    }

    div#content .image-laptop-parallax .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-laptop-parallax .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-laptop-parallax .open a {
        color: #fff !important
    }

div#content .image-people {
    background: url(/common/img/people-graph.jpg);
    background-size: cover !important;
    width: 100%
}

    div#content .image-people h1, div#content .image-people h2, div#content .image-people h3, div#content .image-people h4, div#content .image-people strong, div#content .image-people p, div#content .image-people ul, div#content .image-people ol, div#content .image-people li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-people h1 a, div#content .image-people h2 a, div#content .image-people h3 a, div#content .image-people h4 a, div#content .image-people strong a, div#content .image-people p a, div#content .image-people ul a, div#content .image-people ol a, div#content .image-people li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-people h1 a:hover, div#content .image-people h2 a:hover, div#content .image-people h3 a:hover, div#content .image-people h4 a:hover, div#content .image-people strong a:hover, div#content .image-people p a:hover, div#content .image-people ul a:hover, div#content .image-people ol a:hover, div#content .image-people li a:hover {
                opacity: .5
            }

    div#content .image-people .box-content h1, div#content .image-people .box-content h2, div#content .image-people .box-content h3, div#content .image-people .box-content h4, div#content .image-people .box-content strong, div#content .image-people .box-content p, div#content .image-people .box-content ul, div#content .image-people .box-content ol, div#content .image-people .box-content li, div#content .image-people .toggle-content h1, div#content .image-people .toggle-content h2, div#content .image-people .toggle-content h3, div#content .image-people .toggle-content h4, div#content .image-people .toggle-content strong, div#content .image-people .toggle-content p, div#content .image-people .toggle-content ul, div#content .image-people .toggle-content ol, div#content .image-people .toggle-content li {
        color: #050f34
    }

    div#content .image-people .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-people .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-people .open a {
        color: #fff !important
    }

div#content .image-empower {
    background: url(/common/img/bg-empower.png);
    background-size: cover !important;
    width: 100%
}

    div#content .image-empower h1, div#content .image-empower h2, div#content .image-empower h3, div#content .image-empower h4, div#content .image-empower strong, div#content .image-empower p, div#content .image-empower ul, div#content .image-empower ol, div#content .image-empower li {
        color: #fff;
        font-weight: 300
    }

        div#content .image-empower h1 a, div#content .image-empower h2 a, div#content .image-empower h3 a, div#content .image-empower h4 a, div#content .image-empower strong a, div#content .image-empower p a, div#content .image-empower ul a, div#content .image-empower ol a, div#content .image-empower li a {
            color: #fff !important;
            text-decoration: none
        }

            div#content .image-empower h1 a:hover, div#content .image-empower h2 a:hover, div#content .image-empower h3 a:hover, div#content .image-empower h4 a:hover, div#content .image-empower strong a:hover, div#content .image-empower p a:hover, div#content .image-empower ul a:hover, div#content .image-empower ol a:hover, div#content .image-empower li a:hover {
                opacity: .5
            }

    div#content .image-empower .box-content h1, div#content .image-empower .box-content h2, div#content .image-empower .box-content h3, div#content .image-empower .box-content h4, div#content .image-empower .box-content strong, div#content .image-empower .box-content p, div#content .image-empower .box-content ul, div#content .image-empower .box-content ol, div#content .image-empower .box-content li, div#content .image-empower .toggle-content h1, div#content .image-empower .toggle-content h2, div#content .image-empower .toggle-content h3, div#content .image-empower .toggle-content h4, div#content .image-empower .toggle-content strong, div#content .image-empower .toggle-content p, div#content .image-empower .toggle-content ul, div#content .image-empower .toggle-content ol, div#content .image-empower .toggle-content li {
        color: #050f34
    }

    div#content .image-empower .toggleelement a {
        color: #00aeef !important
    }

        div#content .image-empower .toggleelement a:hover {
            opacity: 1
        }

    div#content .image-empower .open a {
        color: #fff !important
    }

@media only screen and (max-width:1000px) {
    div#content div.pageelement.fullwidth {
        width: calc(100% - 40px)
    }

        div#content div.pageelement.fullwidth div.arrow {
            width: 0 !important;
            height: 0 !important;
            border-width: 30px 40px 0 !important
        }
}

@media only screen and (min-width:1001px) {
    body.tabbed-document div#content div.divider-clear {
        display: none
    }

    body.tabbed-document div#content div.outer .tab-content {
        display: none
    }

    body.tabbed-document div#content div.outer .tab {
        margin: 0;
        text-align: center
    }

        body.tabbed-document div#content div.outer .tab .tab-active {
            background-color: #fff;
            display: inline-block;
            padding: 20px;
            margin: 0 10px;
            width: 230px !important;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            font-size: 20px;
            text-transform: uppercase;
            color: #0b2558 !important
        }

            body.tabbed-document div#content div.outer .tab .tab-active:hover {
                text-decoration: none !important;
                color: #00aeef !important
            }

        body.tabbed-document div#content div.outer .tab .tab-inactive {
            background-color: #e6e7e8;
            display: inline-block;
            padding: 20px;
            margin: 0 10px;
            width: 230px !important;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            font-size: 20px;
            text-transform: uppercase;
            color: #a7a9ac !important
        }

            body.tabbed-document div#content div.outer .tab .tab-inactive:hover {
                text-decoration: none !important;
                color: #00aeef !important
            }
}

@media only screen and (max-width:1000px) {
    body.tabbed-document div#content div.outer .tab-content {
        display: none
    }

    body.tabbed-document div#content div.outer .tab {
        margin: 0;
        text-align: center
    }

        body.tabbed-document div#content div.outer .tab img {
            height: 16px;
            display: inline-block;
            margin: 0
        }

        body.tabbed-document div#content div.outer .tab .tab-active {
            background-color: #fff;
            display: inline-block;
            padding: 10px;
            margin: 0 5px;
            width: 120px !important;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            font-size: 16px;
            text-transform: uppercase;
            color: #0b2558 !important
        }

            body.tabbed-document div#content div.outer .tab .tab-active:hover {
                text-decoration: none !important;
                color: #00aeef !important
            }

        body.tabbed-document div#content div.outer .tab .tab-inactive {
            background-color: #e6e7e8;
            display: inline-block;
            padding: 10px;
            margin: 0 5px 0 5x;
            width: 120px !important;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            font-size: 16px;
            text-transform: uppercase;
            color: #a7a9ac !important
        }

            body.tabbed-document div#content div.outer .tab .tab-inactive:hover {
                text-decoration: none !important;
                color: #00aeef !important
            }
}

body.releases div#content img.calender, body.releases div#content.preview div#content img.calender {
    padding-right: 10px;
    padding-top: 13px;
    float: left
}

body.releases div#content h4, body.releases div#content.preview div#content h4 {
    text-transform: uppercase
}

body.releases div#content div.entry div.narrow img, body.releases div#content.preview div#content div.entry div.narrow img {
    float: left;
    padding-right: 15px
}

body.releases div#content div.entry div.narrow h4, body.releases div#content.preview div#content div.entry div.narrow h4 {
    padding-top: 15px
}

body.releases div#content div.entry div.wide table tr td, body.releases div#content.preview div#content div.entry div.wide table tr td {
    padding: 10px;
    width: 368px;
    text-align: left;
    border: 0
}

body.releases div#content div.entry div.wide table td:first-child, body.releases div#content.preview div#content div.entry div.wide table td:first-child {
    width: 200px;
    padding: 0 10px 10px 15px
}

body.releases div#content div.wide h3 a:hover, body.releases div#content.preview div#content div.wide h3 a:hover {
    text-decoration: none
}

body.releases div#content div.tab h4, body.releases div#content.preview div#content div.tab h4 {
    padding-top: 4px !important
}

body.releases div#content div.back-button a, body.releases div#content.preview div#content div.back-button a {
    font-size: 17px
}

body.releases div#content div.cat, body.releases div#content.preview div#content div.cat {
    width: 135px;
    float: left;
    padding-right: 15px
}

    body.releases div#content div.cat img, body.releases div#content.preview div#content div.cat img {
        float: left;
        padding: 11px 0 0 5px
    }

    body.releases div#content div.cat h4, body.releases div#content.preview div#content div.cat h4 {
        color: #fff;
        padding: 12px 37px 10px
    }

    body.releases div#content div.cat div.new, body.releases div#content.preview div#content div.cat div.new {
        background-color: #e9026b;
        background-image: url(/common/img/graphics/illustration/release-notes-new.png);
        background-position: 5px 11px;
        background-repeat: no-repeat;
        border-radius: 2px
    }

    body.releases div#content div.cat div.changed, body.releases div#content.preview div#content div.cat div.changed {
        background-color: #eb67a1;
        border-radius: 2px;
        background-image: url(/common/img/graphics/illustration/release-notes-changed.png);
        background-position: 5px 12px;
        background-repeat: no-repeat
    }

    body.releases div#content div.cat div.improved, body.releases div#content.preview div#content div.cat div.improved {
        background-color: #f28b0e;
        border-radius: 2px;
        background-image: url(/common/img/graphics/illustration/release-notes-improved.png);
        background-position: 5px 11px;
        background-repeat: no-repeat
    }

    body.releases div#content div.cat div.fixed, body.releases div#content.preview div#content div.cat div.fixed {
        background-color: #b6c419;
        border-radius: 2px;
        background-image: url(/common/img/graphics/illustration/release-notes-fixed.png);
        background-position: 5px 12px;
        background-repeat: no-repeat
    }

    body.releases div#content div.cat div.important, body.releases div#content.preview div#content div.cat div.important {
        background-color: #e9026b;
        border-radius: 2px;
        background-image: url(/common/img/graphics/illustration/release-notes-important.png);
        background-position: 5px 11px;
        background-repeat: no-repeat
    }

    body.releases div#content div.cat div.note, body.releases div#content.preview div#content div.cat div.note {
        background-color: #00aeef;
        border-radius: 2px;
        background-image: url(/common/img/graphics/illustration/release-notes-note.png);
        background-position: 5px 12px;
        background-repeat: no-repeat
    }

body.releases div#content div.blog-post {
    background-color: #f1f2f2;
    padding: 20px;
    border-radius: 2px
}

    body.releases div#content div.blog-post .blog-post-author img {
        width: 40px;
        height: 40px;
        margin: 0 5px -15px 0;
        display: inline-block;
        border-radius: 50%;
        border: 1px solid #00aeef
    }

    body.releases div#content div.blog-post h3 {
        text-transform: none;
        font-weight: 300;
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 20px;
        padding: 20px 0 0
    }

    body.releases div#content div.blog-post img.blog-post-image {
        width: calc(35% - 20px);
        margin-right: 20px;
        float: left
    }

    body.releases div#content div.blog-post .blog-post-content {
        width: 65%;
        float: right
    }

div#content div.spc {
    float: right
}

    div#content div.spc div.cats {
        background-color: #0b2558;
        border-radius: 2px;
        width: 135px;
        margin: 0 auto
    }

        div#content div.spc div.cats p {
            font-size: 15px !important;
            text-transform: uppercase;
            padding: 10px 35px !important;
            text-align: center;
            color: #fff
        }

div#content div.versions table h4 {
    padding-top: 0 !important
}

div#content div.versions table a {
    display: table-cell;
    width: 80px
}

div#content div.entry .pageelement table {
    width: 100%
}

@media only screen and (max-width:1000px) {
    body.releases div#content div.blog-post {
        background-color: #fff;
        padding: 0;
        border-radius: 2px
    }

        body.releases div#content div.blog-post .blog-post-author img {
            width: 30px;
            height: 30px;
            margin: 0 5px -10px 0
        }

        body.releases div#content div.blog-post img.blog-post-image {
            width: 100%;
            margin: 0 0 20px;
            float: none
        }

        body.releases div#content div.blog-post .blog-post-content {
            width: 100%;
            float: none
        }

            body.releases div#content div.blog-post .blog-post-content br {
                display: block
            }
}

@font-face {
    font-family: roboto;
    font-weight: 100;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.eot?#iefix) format("embedded-opentype"),local("Roboto Thin"),local("Roboto-100"),url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-100/Roboto-100.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 300;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.eot?#iefix) format("embedded-opentype"),local("Roboto Light"),local("Roboto-300"),url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-300/Roboto-300.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 400;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.eot?#iefix) format("embedded-opentype"),local("Roboto"),local("Roboto-regular"),url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-regular/Roboto-regular.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 500;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.eot?#iefix) format("embedded-opentype"),local("Roboto Medium"),local("Roboto-500"),url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-500/Roboto-500.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 700;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.eot?#iefix) format("embedded-opentype"),local("Roboto Bold"),local("Roboto-700"),url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-700/Roboto-700.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 900;
    font-style: normal;
    src: url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.eot?#iefix) format("embedded-opentype"),local("Roboto Black"),local("Roboto-900"),url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-900/Roboto-900.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 100;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.eot?#iefix) format("embedded-opentype"),local("Roboto Thin Italic"),local("Roboto-100italic"),url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-100italic/Roboto-100italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 300;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.eot?#iefix) format("embedded-opentype"),local("Roboto Light Italic"),local("Roboto-300italic"),url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-300italic/Roboto-300italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 400;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.eot?#iefix) format("embedded-opentype"),local("Roboto Italic"),local("Roboto-italic"),url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-italic/Roboto-italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 500;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.eot?#iefix) format("embedded-opentype"),local("Roboto Medium Italic"),local("Roboto-500italic"),url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-500italic/Roboto-500italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 700;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.eot?#iefix) format("embedded-opentype"),local("Roboto Bold Italic"),local("Roboto-700italic"),url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-700italic/Roboto-700italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: roboto;
    font-weight: 900;
    font-style: italic;
    src: url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.eot);
    src: url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.eot?#iefix) format("embedded-opentype"),local("Roboto Black Italic"),local("Roboto-900italic"),url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.woff2) format("woff2"),url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.woff) format("woff"),url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.ttf) format("truetype"),url(/static/custom/www/Roboto/fonts/Roboto-900italic/Roboto-900italic.svg#Roboto) format("svg")
}