@font-face {
    font-family: muliregular;
    src: url("/fonts/muli-regular-webfont.woff2") format("woff2"),url("/fonts/muli-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mulibold;
    src: url("/fonts/muli-bold-webfont.woff2") format("woff2"),url("/fonts/muli-bold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: muliextrabold;
    src: url("/fonts/muli-extrabold-webfont.woff2") format("woff2"),url("/fonts/muli-extrabold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: muliblack;
    src: url("/fonts/muli-black-webfont.woff2") format("woff2"),url("/fonts/muli-black-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mulilight;
    src: url("/fonts/muli-light-webfont.woff2") format("woff2"),url("/fonts/muli-light-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mulisemibold;
    src: url("/fonts/muli-semibold-webfont.woff2") format("woff2"),url("/fonts/muli-semibold-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}

.mulibold {
    font-family: mulibold,sans-serif
}

a, a:hover {
    transition: all .2s ease-in-out;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all .2s ease-in-out;
    text-decoration: underline;
    color: #0eb3b3
}

    a:focus {
        outline: underline;
        color: #0eb3b3
    }

.btn {
    outline: none;
    transition: all .2s ease-in-out;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all .2s ease-in-out;
    text-decoration: none;
    display: inline-block;
    padding: 9px 18px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    font-family: mulisemibold
}

b, strong {
    font-weight: 400
}

strong {
    font-family: mulibold
}

body {
    font-family: muliregular;
    font-size: 16px;
    color: #181d30;
    padding-top: 100px
}

    body .align-item-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

.full-row:after {
    clear: both
}

.full-row:after, .full-row:before {
    content: "";
    display: table
}

.max-width-1200 {
    max-width: 1230px;
    width: 100%
}

.max-width-1400 {
    max-width: 1440px;
    width: 100%
}

.max-width-1246 {
    max-width: 1246px;
    width: 100%
}

.max-width-710 {
    max-width: 710px;
    width: 100%
}

.max-width-900 {
    max-width: 900px;
    width: 100%
}

.max-width-1032 {
    max-width: 1032px;
    width: 100%
}

img {
    max-width: 100%
}

blockquote {
    border-left: 5px solid #0eb3b3
}

h1 {
    font-size: 48px
}

h1, h2 {
    color: #181d30;
    font-family: muliextrabold;
    line-height: 58px
}

    h2, h2.subtitle {
        font-size: 38px
    }

        h2.subtitle {
            line-height: 48px
        }

.category-info--guides {
    padding-top: 0 !important
}

.category-info {
    padding-top: 20px
}

    .category-info h2.category-subtitle {
        display: inline;
        font-size: 28px;
        line-height: 38px;
        font-family: mulibold;
        vertical-align: bottom;
        margin-top: 0 !important
    }

    .category-info .category-img {
        vertical-align: top;
        margin-right: 5px
    }

.center-crousel {
    margin-top: 50px;
    position: relative
}

    .center-crousel:before {
        left: 0;
        background: url(/images/left-shadwo.png) no-repeat 0;
        background-size: 100% 100%
    }

    .center-crousel:after, .center-crousel:before {
        content: "";
        width: 300px;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 9
    }

    .center-crousel:after {
        right: 0;
        background: url(/images/right-shadwo.png) no-repeat 100%;
        background-size: 100% 100%
    }

.col-3-padd [class*=col-] {
    padding: 0 3px
}

.col-5 [class*=col-] {
    width: 20%;
    padding: 0
}

.margt50 {
    margin-top: 50px
}

.margb50 {
    margin-bottom: 50px
}

.margt40 {
    margin-top: 40px
}

.top-row-image {
    margin: 22px 0
}

.nopadding {
    padding: 0
}

.col-11 [class*=col-] {
    padding: 0 11px
}

.max-width-1600 {
    max-width: 1600px
}

.max-width-1440 {
    max-width: 1440px
}

.max-width-1230 {
    max-width: 1230px
}

.extra-space {
    padding: 0 80px
}

.extra-padd {
    padding: 0 30px
}

.full-img img {
    width: 100%
}

.clearfix {
    clear: both
}

.bg-overlay:before {
    height: 100%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.4)
}

.full-image {
    width: 100%
}

p {
    font-size: 18px;
    color: #181d30;
    font-family: muliregular;
    line-height: 28px;
    margin: 0 0 30px
}

    p small {
        font-size: 14px
    }

.p-not-full-width {
    width: 80%;
    margin: 0 auto
}

.space115 {
    padding: 35px 0 100px
}

.space50 {
    padding: 50px 0 70px
}

.space80 {
    padding: 80px 0
}

.space-b-80 {
    padding-bottom: 80px !important
}

.space-b-40 {
    padding-bottom: 40px !important
}

.space-b-20 {
    padding-bottom: 20px !important
}

.m-t45 {
    margin-top: 45px
}

.m-b5 {
    margin-bottom: 5px !important
}

.padding-t0 {
    padding-top: 0 !important
}

.section-gray {
    background-color: #f5f6f7
}

.heighlight-underline, .heighlight-underline span {
    position: relative;
    display: inline-block
}

    .heighlight-underline span {
        z-index: 2
    }

    .heighlight-underline:after {
        content: "";
        border-bottom: 6px solid #ffd200;
        position: absolute;
        top: 86%;
        left: 0;
        width: 100%;
        right: 13px;
        z-index: 1
    }

.padd-l-80 {
    padding-left: 80px !important
}

.btn.small {
    padding: 8px 14px !important;
    color: #fff;
    font-size: 16px !important
}

.btn-outline {
    border: 2px solid #181d30;
    color: #181d30;
    background: #fff
}

    .btn-outline:hover {
        color: #fff;
        background: #262e4d
    }

.btn-primary {
    background: #181d30;
    color: #fff;
    outline: none
}

    .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #262e4d;
        border-color: #262e4d;
        outline: none
    }

    .btn-primary:active {
        color: #fff !important;
        background-color: #262e4d !important;
        border-color: #262e4d !important;
        outline: none
    }

    .btn-primary.focus {
        color: #fff;
        background-color: #262e4d;
        border-color: #262e4d
    }

    .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #fff !important;
        background-color: #262e4d !important;
        border-color: #262e4d !important
    }

.btn-default {
    background: #fff
}

    .btn-default:hover {
        color: #fff;
        background-color: transparent !important;
        border-color: #fff
    }

.btn-info {
    background: #65cbc9;
    color: #181d30
}

    .btn-info.focus, .btn-info:focus, .btn-info:hover {
        color: #fff;
        background-color: transparent !important;
        border-color: #fff
    }

.bx-shadow {
    -webkit-box-shadow: 0 0 14px 0 hsla(0,0%,60%,.57);
    box-shadow: 0 0 14px 0 hsla(0,0%,60%,.57)
}

.bx-shadow-light {
    -webkit-box-shadow: 0 0 14px 0 hsla(0,0%,60%,.2);
    box-shadow: 0 0 14px 0 hsla(0,0%,60%,.2)
}

.display-break-line {
    max-width: 85%
}

.bg-blue {
    background: #181d30
}

.bg-gray, .bg-light-blue {
    background: #f5f6f7
}

.bg-light-gray {
    background: #f9f9f9
}

.align-item-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center
}

    .align-item-center .banner h2 {
        padding: 61px 0 30px;
        margin: 0
    }

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.align-item {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.navbar-brand {
    height: auto;
    padding: 0;
    height: 31px;
    display: block;
    width: 172px;
    background: url("/images/logo.svg") no-repeat
}

.navbar {
    min-height: auto;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    background: none;
    padding-top: 0
}

    .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand {
        margin-left: 0
    }

.navbar-default {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9
}

    .navbar-default .navbar-nav > li.mega-dropdown {
        padding: 0
    }

    .navbar-default .navbar-nav > li > a {
        color: #181d30;
        padding: 39px 30px 36px;
        font-size: 18px;
        font-family: mulibold;
        border-top: 3px solid transparent;
        position: relative;
        text-decoration: none
    }

        .navbar-default .navbar-nav > li > a:before {
            content: "";
            width: 0;
            height: 3px;
            background: transparent;
            position: absolute;
            top: -3px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .navbar-default .navbar-nav > li > a:hover {
            color: #14192c;
            background-color: transparent
        }

            .navbar-default .navbar-nav > li > a:hover:before {
                width: 72%;
                background: #181d30
            }

        .navbar-default .navbar-nav > li > a:focus {
            color: #14192c;
            background-color: transparent
        }

    .navbar-default .navbar-nav > li a {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .navbar-default .navbar-nav > li.last > a {
        padding-right: 0 !important
    }

        .navbar-default .navbar-nav > li.last > a:before {
            content: "";
            width: 0;
            height: 3px;
            background: transparent;
            position: absolute;
            top: -3px;
            left: 73%;
            -webkit-transform: translateX(-73%);
            transform: translateX(-73%);
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .navbar-default .navbar-nav > li.last > a:hover:before {
            width: 75%;
            background: #181d30
        }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background: #fff !important;
        color: #14192c !important;
        border-color: transparent !important
    }

    .navbar-default .navbar-nav > li.nav-btn {
        padding: 26px 2px 24px 16px
    }

        .navbar-default .navbar-nav > li.nav-btn > a {
            padding: 14px 18px;
            background: #181d30;
            color: #fff;
            border-radius: 5px;
            border: 2px solid transparent
        }

            .navbar-default .navbar-nav > li.nav-btn > a:hover {
                color: #fff;
                border-radius: 5px;
                border: 2px solid #262e4d;
                background: #262e4d
            }

                .navbar-default .navbar-nav > li.nav-btn > a:hover:before {
                    display: none
                }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #181d30;
        background-color: transparent
    }

    .navbar-default .dropdown-toggle span {
        position: relative;
        line-height: 1;
        display: inline-block
    }

        .navbar-default .dropdown-toggle span:after {
            content: "\F107";
            font-size: 21px;
            display: inline-block;
            font-family: FontAwesome;
            vertical-align: middle;
            position: relative;
            top: -1px;
            height: 20px
        }

.pos-rel {
    position: relative
}

.search-right {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/images/icon_search.svg) no-repeat
}

.navbar-default.navbar-alt .search-right {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/images/icon_search_alt.svg) no-repeat
}

.navbar-default.navbar-alt .navbar-nav > .active > a, .navbar-default.navbar-alt .navbar-nav > .active > a:focus, .navbar-default.navbar-alt .navbar-nav > .active > a:hover {
    color: #29346b;
    background-color: transparent
}

.nav-center {
    text-align: center;
    padding-top: 13px
}

    .nav-center .nav.navbar-nav {
        display: inline-block;
        float: none
    }

.navbar-collapse {
    padding-right: 0
}

.container-fluid.extra-space {
    padding: 0 80px
}

.extra-space-resources {
    padding: 0 80px 40px !important
}

.partner-dropdown {
    text-align: center
}

.extra-space-partners {
    padding: 0 80px 20px !important
}

.navbar-alt {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.13);
    -moz-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5
}

    .navbar-alt .navbar-nav > li > a {
        padding: 39px 30px
    }

    .navbar-alt .navbar-nav > li.nav-btn {
        padding: 26px 2px 24px 16px
    }

    .navbar-alt .navbar-header {
        margin-top: 35px
    }

.add-shadow {
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.13);
    -moz-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.13)
}

.navbar-nav > li.nav-btn {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mac .navbar-default .dropdown-toggle span:after {
    top: 1.5px
}

.megamenu-content {
    font-size: 16px
}

.hover-me {
    border: 1px solid transparent;
    text-decoration: none
}

    .hover-me:active, .hover-me:focus, .hover-me:hover, .hover-me:visited {
        background: transparent;
        color: #181d30;
        border-radius: 0;
        text-decoration: none;
        border: 1px solid #e9e8e8
    }

    .hover-me a {
        color: #181d30;
        text-decoration: none
    }

.hover-me--underline {
    border: none !important
}

    .hover-me--underline:hover {
        text-decoration: underline;
        color: #181d30;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none !important
    }

    .hover-me--underline a {
        color: #181d30
    }

.dark-mega-dropdown-menu {
    background: #3a3c4c;
    color: #fff
}

    .dark-mega-dropdown-menu h4, .dark-mega-dropdown-menu h5, .dark-mega-dropdown-menu p, .dark-mega-dropdown-menu ul .megamenu-conent-extraspace .menu-lave2 li a {
        color: #fff
    }

.product-homepage-title {
    margin-bottom: 10px
}

.solutions-mega-dropdown-menu {
    background: #181d30;
    color: #fff
}

    .solutions-mega-dropdown-menu h4, .solutions-mega-dropdown-menu h5, .solutions-mega-dropdown-menu p, .solutions-mega-dropdown-menu ul .megamenu-conent-extraspace .menu-lave2 li a {
        color: #fff
    }

    .solutions-mega-dropdown-menu .hover-me {
        border: 0;
        text-decoration: none
    }

        .solutions-mega-dropdown-menu .hover-me:active, .solutions-mega-dropdown-menu .hover-me:focus, .solutions-mega-dropdown-menu .hover-me:hover, .solutions-mega-dropdown-menu .hover-me:visited {
            background: transparent;
            color: #181d30;
            border-radius: 0;
            text-decoration: none
        }

        .solutions-mega-dropdown-menu .hover-me a {
            color: #181d30;
            text-decoration: none
        }

    .solutions-mega-dropdown-menu .display-enterprise {
        margin: auto 0 !important;
        border-right: 0 !important
    }

    .solutions-mega-dropdown-menu .display-box {
        border-color: #50525d !important;
        border-radius: 0;
        vertical-align: middle
    }

        .solutions-mega-dropdown-menu .display-box .same-height {
            padding: 0 30px
        }

        .solutions-mega-dropdown-menu .display-box .same-height-enterprise {
            padding: 0 0 0 30px !important;
            margin-top: 0
        }

        .solutions-mega-dropdown-menu .display-box h3 {
            color: #fff;
            min-height: 0 !important;
            font-size: 22px !important;
            line-height: 30px !important;
            font-family: mulilight !important;
            letter-spacing: -.4px
        }

        .solutions-mega-dropdown-menu .display-box h4 {
            color: #fff;
            min-height: 0 !important;
            margin: 0 0 24px !important
        }

            .solutions-mega-dropdown-menu .display-box h4 img {
                height: 30px
            }

        .solutions-mega-dropdown-menu .display-box h5 {
            font-size: 16px !important;
            line-height: 19px !important;
            color: #cbcbcb !important;
            font-family: mulilight !important;
            margin-bottom: 25px !important
        }

        .solutions-mega-dropdown-menu .display-box img {
            height: auto;
            width: 75%
        }

        .solutions-mega-dropdown-menu .display-box .enterprise-nav {
            margin-top: 10px
        }

        .solutions-mega-dropdown-menu .display-box .btn-montage {
            background: #4ebabc;
            color: #3a3c4c;
            font-family: mulibold;
            cursor: pointer
        }

            .solutions-mega-dropdown-menu .display-box .btn-montage:hover {
                background: #3b9a9c;
                color: #3a3c4c;
                border-color: #3b9a9c
            }

        .solutions-mega-dropdown-menu .display-box .btn-classroom {
            background: #61b4e4;
            color: #3a3c4c;
            font-family: mulibold;
            cursor: pointer
        }

            .solutions-mega-dropdown-menu .display-box .btn-classroom:hover {
                background: #359fdd;
                color: #3a3c4c;
                border-color: #359fdd
            }

        .solutions-mega-dropdown-menu .display-box .btn-workspace {
            background: #ffd101;
            color: #3a3c4c;
            font-family: mulibold;
            cursor: pointer
        }

            .solutions-mega-dropdown-menu .display-box .btn-workspace:hover {
                background: #cda800;
                color: #3a3c4c;
                border-color: #cda800
            }

        .solutions-mega-dropdown-menu .display-box .btn-enterprise {
            background: transparent;
            border: 2px solid #dfe0de;
            color: #dfe0de;
            font-family: mulibold;
            cursor: pointer
        }

            .solutions-mega-dropdown-menu .display-box .btn-enterprise:hover {
                background: #c6c7c4;
                color: #3a3c4c;
                border-color: #c6c7c4
            }

.same-height-enterprise h3 {
    margin-left: 0 !important
}

.solutions-dropdowns {
    padding: 0 !important
}

    .solutions-dropdowns h3 {
        color: #fff;
        margin-left: 52px;
        font-size: 25px;
        line-height: 31px;
        font-family: muliextrabold !important
    }

    .solutions-dropdowns .solutions-list-left {
        padding: 35px 0 35px 80px !important
    }

        .solutions-dropdowns .solutions-list-left .menu-block {
            margin: 0 0 13.75px
        }

            .solutions-dropdowns .solutions-list-left .menu-block h3 {
                font-size: 22px;
                line-height: 28px;
                font-family: muliextrabold !important;
                margin: 0 0 15px !important
            }

            .solutions-dropdowns .solutions-list-left .menu-block p {
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0
            }

            .solutions-dropdowns .solutions-list-left .menu-block picture {
                margin-bottom: 30px
            }

    .solutions-dropdowns .solutions-list-right {
        background: #1e2335;
        padding: 35px 80px 35px 0 !important;
        vertical-align: middle
    }

        .solutions-dropdowns .solutions-list-right li {
            height: 100%
        }

@media screen and (max-height:806px) {
    .solutions-mega-dropdown-menu {
        overflow-y: scroll;
        height: calc(100vh - 104px);
        max-height: 763px
    }

    .body-hover {
        overflow: hidden
    }
}

@media screen and (max-width:1250px) {
    .solutions-mega-dropdown-menu {
        max-height: 695px
    }
}

@media screen and (min-width:1250px) and (max-width:1400px) {
    .solutions-mega-dropdown-menu {
        max-height: 815px
    }
}

.nav-active {
    display: block
}

.mega-dropdown-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    margin: auto;
    max-width: 100%;
    padding: 0 65px;
    padding-bottom: 0;
    right: 0;
    width: 100%;
    border: none;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.13);
    box-shadow: 0 8px 24px rgba(0,0,0,.13)
}

    .mega-dropdown-menu h4 {
        margin-top: 36px;
        line-height: normal;
        font-size: 32px;
        font-family: muliextrabold
    }

    .mega-dropdown-menu > li > ul {
        padding: 0 0 30px;
        margin: 0
    }

        .mega-dropdown-menu > li > ul > li > a:hover {
            color: #263169
        }

        .mega-dropdown-menu > li > ul.menu-lave2 {
            list-style: none
        }

    .mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:hover {
        text-decoration: underline
    }

    .mega-dropdown-menu h5 {
        font-size: 22px;
        margin: 27px 0
    }

    .mega-dropdown-menu ul.menu-lave2 > li > a {
        color: #181d30;
        font-size: 22px;
        line-height: 1;
        padding: 15px 10px;
        display: block
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 18px;
        color: #ff3546;
        padding: 5px 60px 5px 5px;
        line-height: 30px
    }

    .mega-dropdown-menu .btn {
        font-size: 16px !important;
        padding: 6px 18px !important
    }

.navbar-header {
    margin-top: 35px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.banner {
    position: relative;
    padding: 0
}

    .banner h1 {
        position: relative;
        padding: 6% 0 30px;
        margin: 0
    }

    .banner .align-item-center {
        padding: 40px 0 50px
    }

    .banner h2 {
        position: relative;
        padding: 6% 0 30px;
        margin: 0
    }

    .banner .align-top-align h2 {
        position: relative;
        padding: 0 0 30px;
        margin: 0
    }

    .banner .extra-topspace h2 {
        padding: 25% 0 30px
    }

    .banner p {
        max-width: 80%;
        font-size: 20px;
        line-height: 30px
    }

    .banner.fullheight-banner {
        padding: 50px 0;
        background: url(/images/curv-banner-bg.svg) no-repeat right -10% top;
        background-size: auto 100%
    }

        .banner.fullheight-banner .graphic-area-right {
            padding-right: 15px
        }

        .banner.fullheight-banner .align-item-center {
            min-height: auto
        }

        .banner.fullheight-banner h2 {
            position: relative;
            padding: 10% 0 30px;
            margin: 0
        }

.img-responsive {
    display: inline-block
}

.graphic-space {
    padding: 50px 0 0 15px
}

.graphic-area {
    text-align: center
}

.graphic-area-right {
    text-align: right !important;
    padding-right: 0
}

.section-display-notes {
    padding: 25px 0
}

    .section-display-notes h3 {
        font-size: 18px;
        line-height: 28px;
        color: #797979;
        text-align: center;
        font-family: mulisemibold;
        margin-top: 0;
        margin-bottom: 25px
    }

    .section-display-notes.align-with-form {
        padding: 0 0 20px 20px
    }

        .section-display-notes.align-with-form p {
            font-size: 18px;
            color: #181d30;
            margin-top: 0;
            margin-bottom: 25px
        }

        .section-display-notes.align-with-form .group-logo {
            text-align: left
        }

            .section-display-notes.align-with-form .group-logo li {
                display: inline-block;
                padding: 0 24px 24px 0
            }

.group-logo {
    text-align: center;
    margin: 0;
    padding: 0;
    opacity: .8
}

    .group-logo li {
        display: inline-block;
        padding: 0 16px
    }

    .group-logo img {
        max-width: 150px;
        width: 100%
    }

.gray-scale-opacity {
    opacity: .6
}

.section-wireless-collaboration-bg {
    background: #f5f6f7 url(/images/white_curv.svg) no-repeat bottom;
    background-size: 100%
}

.section-wireless-collaboration {
    padding: 20px 65px 45px
}

    .section-wireless-collaboration .row {
        margin: 0 -12px
    }

        .section-wireless-collaboration .row [class*=col-] {
            padding: 0 12px !important
        }

    .section-wireless-collaboration h3 {
        font-size: 38px;
        line-height: 48px;
        color: #181d30;
        font-family: muliextrabold;
        margin: 45px 0
    }

.coming-soon-img {
    position: absolute !important;
    top: -18px;
    right: 0
}

.coming-soon-img-nav {
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 999 !important
}

.display-box-home {
    overflow: visible !important;
    background: #fff
}

.display-box {
    border-radius: 4px;
    padding: 42px 30px 30px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
    color: #181d30;
    margin-bottom: 25px
}

    .display-box a {
        color: #181d30;
        text-decoration: none
    }

        .display-box a.btn {
            color: #fff;
            position: absolute;
            bottom: 30px
        }

    .display-box h3 {
        font-family: mulibold;
        position: relative;
        z-index: 2;
        font-size: 28px;
        line-height: 38px;
        margin: 40px 0 10px
    }

    .display-box h5 {
        font-family: muliregular;
        position: relative;
        z-index: 2;
        font-size: 16px;
        line-height: 26px;
        margin: 0;
        margin-bottom: 20px
    }

    .display-box .product-logo {
        margin: 55px 0 0
    }

    .display-box h4 {
        position: absolute;
        bottom: 55px;
        right: 42px;
        left: auto;
        z-index: 2;
        margin: 0;
        font-size: 15px;
        font-family: muliextrabold;
        text-align: right
    }

        .display-box h4 img, .display-box h4 span {
            display: inline-block;
            vertical-align: middle
        }

        .display-box h4 span {
            padding: 0 10px;
            font-family: mulibold;
            font-size: 19px;
            line-height: 34px;
            margin-left: 5px
        }

            .display-box h4 span.heighlight {
                background: #e9e8e8 !important;
                display: inline-block;
                margin-bottom: 3px
            }

    .display-box p {
        font-size: 14px;
        font-family: mulisemibold;
        margin-bottom: 22px
    }

    .display-box .btn, .display-box img, .display-box p {
        position: relative;
        z-index: 2
    }

    .display-box .homepage-icon {
        width: 100%;
        text-align: center
    }

        .display-box .homepage-icon picture img {
            width: auto;
            max-width: 100%
        }

@media screen and (min-width:768px) and (max-width:992px) {
    .display-box-home .product-logo h4 {
        text-align: center;
        right: 0;
        left: 0;
        bottom: 40px
    }

        .display-box-home .product-logo h4 img {
            width: 40% !important
        }

        .display-box-home .product-logo h4 span {
            font-size: 14px;
            line-height: 20px
        }
}

.solutions-box-logo {
    width: 50%;
    height: 27px !important
}

.nec-box-logo {
    width: 50%;
    height: auto !important
}

.montage-box-logo {
    width: 55%;
    height: 27px !important
}

.workspace-box-logo {
    width: 60%;
    height: 27px !important
}

.display-box.bx-shadow {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-box-shadow: -2px 0 7px 0 hsla(0,0%,60%,.3);
    box-shadow: -2px 0 7px 0 hsla(0,0%,60%,.3)
}

    .display-box.bx-shadow:hover {
        -webkit-box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67);
        box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67)
    }

.box-w-half-bg {
    background: #fff;
    position: relative
}

    .box-w-half-bg:before {
        content: "";
        width: 50%;
        height: 100%;
        background: #f8f8f8;
        display: inline-block;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

.box-w-half-bg-rotate {
    background: #fff url(/images/half-curb.svg) no-repeat left -40px top -5px;
    position: relative
}

    .box-w-half-bg-rotate:before {
        content: "";
        display: none;
        width: 50%;
        height: 100%;
        background: url(/images/half-curb.svg) no-repeat 0 0;
        z-index: 1;
        background-size: 100% 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

.box-w-both-side-curv {
    background: #fff;
    position: relative
}

    .box-w-both-side-curv:before {
        content: "";
        background: url(/images/left-curb.svg) no-repeat 0 0;
        left: 0
    }

    .box-w-both-side-curv:after, .box-w-both-side-curv:before {
        width: 106px;
        height: 379px;
        display: inline-block;
        z-index: 1;
        position: relative;
        position: absolute;
        top: 0
    }

    .box-w-both-side-curv:after {
        background: url(/images/right-curb.svg) no-repeat 0 0;
        right: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: url(/images/right-curb.svg) no-repeat 100% 0
    }

.display-montage h4 span {
    background: #70cacb !important
}

.display-workspace h4 span {
    background: #ffd101 !important
}

.display-classroom h4 span {
    background: #61b4e4 !important
}

.display-montage-home {
    border-color: #70cacb !important;
    border-top: 8px solid transparent
}

    .display-montage-home h4 span {
        background: #70cacb !important
    }

.display-cloud-home {
    border-color: #d6d6d6 !important;
    border-top: 8px solid transparent
}

    .display-cloud-home h4 span {
        background: #d6d6d6 !important
    }

.display-launcher-home {
    border-color: #7bbc67 !important;
    border-top: 8px solid transparent
}

    .display-launcher-home h4 span {
        background: #7bbc67 !important
    }

.display-broadcast-home {
    border-color: #d66549 !important;
    border-top: 8px solid transparent
}

    .display-broadcast-home h4 span {
        background: #d66549 !important
    }

.display-workspace-home {
    border-color: #ffd101 !important;
    border-top: 8px solid transparent
}

    .display-workspace-home h4 span {
        background: #ffd101 !important
    }

.display-classroom-home {
    border-color: #61b4e4 !important;
    border-top: 8px solid transparent
}

    .display-classroom-home h4 span {
        background: #61b4e4 !important
    }

.eterprise-solution {
    background: #181d30;
    border-radius: 4px;
    padding: 40px;
    margin: 0 65px 45px
}

    .eterprise-solution h4 {
        position: relative;
        z-index: 2;
        color: #fff;
        font-size: 14px;
        margin: 0 0 18px;
        font-family: muliextrabold
    }

        .eterprise-solution h4 img {
            height: 15px;
            display: inline-block;
            vertical-align: middle
        }

        .eterprise-solution h4 span {
            display: inline-block;
            background: #dfe1df;
            padding: 3px 6px;
            color: #181d30;
            font-family: mulibold;
            vertical-align: middle
        }

    .eterprise-solution p {
        color: #fff;
        margin-bottom: 23px
    }

.extra-bold {
    font-family: muliblack !important
}

.testimonial-block {
    padding: 40px 80px;
    margin-bottom: 20px;
    margin-top: 20px
}

    .testimonial-block a {
        text-decoration: none
    }

    .testimonial-block .btn {
        margin-top: 15px
    }

    .testimonial-block h4 {
        position: relative;
        z-index: 2;
        color: #181d30;
        font-size: 20px;
        margin: 0 0 54px;
        font-family: muliextrabold
    }

        .testimonial-block h4 img {
            height: 35px;
            display: inline-block !important;
            vertical-align: middle;
            width: auto !important
        }

        .testimonial-block h4 span {
            display: inline-block;
            padding: 3px 6px;
            color: #181d30;
            font-family: mulibold;
            vertical-align: middle
        }

    .testimonial-block p {
        font-size: 32px;
        line-height: 42px;
        position: relative
    }

        .testimonial-block p:before {
            content: "";
            background: url(/images/aps-trophy.svg) no-repeat;
            width: 18px;
            height: 18px;
            position: absolute;
            left: -34px;
            top: 6px
        }

.owl-dots {
    text-align: center;
    margin-top: 0;
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0
}

.owl-carousel button.owl-dot {
    background: 0 0;
    outline: 0;
    color: inherit;
    border: 1px solid #c7c7c7;
    padding: 0 !important;
    font: inherit;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    margin: 0 1px
}

    .owl-carousel button.owl-dot.active {
        background: #c4c4c4
    }

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 21.5%;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f4f5f7 !important;
    border-radius: 100%;
    height: 50px;
    width: 50px
}

    .owl-carousel .owl-nav .owl-prev span {
        font-size: 0;
        text-align: center;
        vertical-align: middle
    }

        .owl-carousel .owl-nav .owl-prev span:before {
            content: "\F104";
            font-family: FontAwesome;
            font-size: 24px;
            margin-right: 2px
        }

.owl-carousel .owl-nav .owl-next {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f4f5f7 !important;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 21.5%;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    outline: 0
}

    .owl-carousel .owl-nav .owl-next span {
        text-align: center;
        vertical-align: middle;
        font-size: 0
    }

        .owl-carousel .owl-nav .owl-next span:before {
            content: "\F105";
            font-family: FontAwesome;
            font-size: 24px;
            margin-left: 2px
        }

.author-detail {
    margin-bottom: 10px
}

    .author-detail picture {
        border-radius: 100%;
        height: 90px;
        width: 90px;
        overflow: hidden;
        display: inline-block;
        float: left;
        margin-right: 26px
    }

    .author-detail h5 {
        float: none;
        overflow: hidden;
        font-size: 18px
    }

        .author-detail h5 .author-name {
            display: block;
            margin-bottom: 5px
        }

            .author-detail h5 .author-name strong {
                font-family: mulisemibold
            }

        .author-detail h5 img {
            display: block;
            width: auto !important;
            margin-top: 8px
        }

.heightlight-montage {
    background: #65cbc9 !important
}

.heightlight-workspace {
    background: #ffd101 !important
}

.heightlight-classroom {
    background: #61b4e4 !important
}

.ebook-block {
    padding: 60px;
    margin-top: 26px;
    border-radius: 10px;
    margin-bottom: 90px;
    background: url(/images/curv_line.svg) no-repeat left 33% bottom 26% !important;
    background-size: 80%
}

.solutions-block {
    padding: 46.5px 0 !important
}

    .solutions-block .banner-content {
        padding-left: 40px
    }

        .solutions-block .banner-content .subtitle {
            font-size: 26px;
            line-height: 33px;
            margin-bottom: 15px !important;
            margin-top: 0
        }

        .solutions-block .banner-content p {
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 0
        }

@media screen and (max-width:768px) {
    .solutions-block .solutions-inner {
        text-align: center
    }

        .solutions-block .solutions-inner .banner-content {
            margin: 20px auto
        }
}

.demo-block {
    background: url(/images/group-dotted1.svg) no-repeat left -50px top 75px,url(/images/group-dotted2.svg) no-repeat right 10% top -40%,url(/images/group-dotted3.svg) no-repeat right -10% bottom -15%,url(/images/group-dotted4.svg) no-repeat left 12% bottom -40%;
    padding: 80px 0
}

    .demo-block .subtitle {
        margin-bottom: 20px
    }

.curb-bg {
    background: #181d30 url(/images/top_curb.svg) no-repeat top !important
}

.text-white h2, .text-white h4, .text-white p {
    color: #fff
}

.light-text {
    color: #ccc !important;
    font-size: 14px;
    margin-top: 18px
}

    .light-text a {
        color: #ccc !important;
        padding: 0 16px;
        text-decoration: underline;
        display: inline-block
    }

        .light-text a:hover {
            text-decoration: none
        }

.flex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer {
    background: #fff;
    padding: 37px 0 0;
    position: relative
}

    footer .updates-cta {
        margin: 0 !important
    }

    footer h3 {
        font-size: 18px;
        color: #181d30;
        font-family: muliextrabold
    }

        footer h3 a {
            color: #181d30;
            text-decoration: none
        }

            footer h3 a:hover {
                color: #181d30;
                text-decoration: underline
            }

        footer h3 span {
            display: inline-block;
            vertical-align: middle
        }

        footer h3 img {
            display: inline-block;
            vertical-align: top;
            margin-left: 5px
        }

        footer h3 .btn {
            margin-left: 30px
        }

    footer p {
        font-size: 16px;
        line-height: 25px
    }

        footer p a {
            color: #181d30
        }

            footer p a:hover {
                color: #181d30;
                text-decoration: underline
            }

.footer-logo {
    margin-bottom: 30px
}

.footer-info a {
    text-decoration: none
}

.footer-link {
    margin: 0;
    padding: 0
}

    .footer-link li {
        line-height: 24px;
        display: block;
        list-style: none
    }

        .footer-link li a {
            font-size: 16px;
            color: #181d30;
            text-decoration: none
        }

            .footer-link li a:hover {
                text-decoration: underline
            }

.fa-facebook {
    margin-top: 6px
}

.social {
    margin: 0;
    padding: 0;
    float: right;
    width: 63%
}

    .social li {
        display: inline-block
    }

        .social li .footer-social-icons {
            vertical-align: middle;
            text-align: center
        }

        .social li a {
            display: inline-block;
            margin-right: 5px;
            width: 48px;
            height: 48px;
            text-align: center;
            border: 1px solid #181d30;
            border-radius: 100%;
            font-size: 24px;
            color: #181d30
        }

            .social li a i {
                font-size: 26px;
                vertical-align: middle
            }

                .social li a i .fa-linkedin {
                    margin-top: 4px
                }

            .social li a:hover {
                background: #262e4d;
                color: #fff
            }

.list-none li {
    list-style: none
}

.solutions-list-none li {
    list-style: none;
    padding: 0
}

.padd-l-0 {
    padding-left: 0 !important
}

.nav-wrapper {
    height: 0
}

.footer-arrow-up {
    display: none;
    cursor: pointer;
    position: fixed;
    right: 80px;
    bottom: 30px;
    margin-right: 10px;
    width: 68px;
    height: 68px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    color: #181d30;
    border-radius: 100%;
    border: 1px solid #e9e9e9;
    z-index: 8
}

    .footer-arrow-up:hover {
        border: 1px solid #262e4d;
        background: #262e4d;
        color: #fff
    }

.ScrollTop i {
    font-size: 26px;
    margin-top: 22px
}

.footer-bottom {
    padding: 45px 0;
    margin-top: 20px;
    border-top: 1px solid #eee
}

    .footer-bottom ul {
        margin: 0;
        padding: 0
    }

        .footer-bottom ul li.first {
            padding-left: 0;
            border: 0
        }

        .footer-bottom ul li {
            display: inline-block;
            font-size: 14px;
            padding: 0 7px;
            line-height: 1
        }

            .footer-bottom ul li a {
                display: inline-block;
                color: #181d30;
                text-decoration: none
            }

                .footer-bottom ul li a:hover {
                    text-decoration: underline
                }

            .footer-bottom ul li.website-by, .footer-bottom ul li.website-by a {
                color: #c6c7c6
            }

.megamenu-conent-extraspace {
    margin-top: 20px;
    padding-top: 14px
}

.mega-dropdown {
    position: static !important
}

.menu-block.display-box {
    padding: 22px;
    margin-bottom: 20px;
    margin-top: 20px
}

    .menu-block.display-box picture {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        margin-bottom: 30px
    }

        .menu-block.display-box picture img {
            height: 105px;
            margin: 0 auto
        }

    .menu-block.display-box h4 {
        position: relative;
        margin: 0 0 18px;
        font-family: muliblack;
        min-height: 62px
    }

    .menu-block.display-box h3 {
        min-height: 72px;
        margin-bottom: 20px
    }

    .menu-block.display-box h3, .menu-block.display-box h5, .menu-block.display-box p {
        font-size: 14px;
        line-height: 24px;
        font-family: muliregular
    }

    .menu-block.display-box p {
        line-height: 22px
    }

        .menu-block.display-box p strong {
            display: block;
            font-family: mulibold
        }

    .menu-block.display-box.active {
        border: 1px solid #efefef !important;
        border-bottom: 0;
        border-radius: 0 !important
    }

.left.carousel-control {
    right: 30px;
    left: inherit
}

.arrow-right {
    background: url(/images/arrow_right.png) no-repeat 50%;
    width: 24px;
    height: 24px;
    display: inline-block
}

.arrow-right, .list-point li:before {
    vertical-align: middle
}

.readnext a {
    color: #0075d6
}

.has-error .form-control {
    background: #fff9f9;
    border-color: #b42524
}

    .has-error .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.no-space-at-bottom {
    padding-bottom: 0 !important
}

.visible-mobile-menu {
    display: none
}

.hidden-mobile {
    display: block
}

h3.content-title {
    font-size: 36px;
    line-height: 46px;
    color: #181d30;
    font-family: muliextrabold
}

.max-width-1186 {
    max-width: 1186px;
    margin: 0 auto
}

.clr-class {
    background: #5eb3e4
}

.clr-enterprise {
    background: #dfe1df
}

.bdr-clr-green {
    border-color: #4ebabc !important
}

.bdr-clr-blue, .bdr-clr-yellow {
    border-color: #22273c !important
}

.bdr-btm-clr-blue {
    -webkit-box-shadow: 0 12px 0 0 #22273c;
    box-shadow: 0 12px 0 0 #22273c
}

.bdr-btm-clr-green {
    -webkit-box-shadow: 0 12px 0 0 #4ebabc;
    box-shadow: 0 12px 0 0 #4ebabc
}

.bdr-btm-clr-yellow {
    -webkit-box-shadow: 0 12px 0 0 #ffd200;
    box-shadow: 0 12px 0 0 #ffd200
}

.bdr-btm-clr-red {
    -webkit-box-shadow: 0 12px 0 0 #ec5b33;
    box-shadow: 0 12px 0 0 #ec5b33
}

.bdr-btm-clr-lightblue {
    -webkit-box-shadow: 0 12px 0 0 #4354a3;
    box-shadow: 0 12px 0 0 #4354a3
}

.bdr-btm-clr-lightgolden {
    -webkit-box-shadow: 0 12px 0 0 #d2c1ad;
    box-shadow: 0 12px 0 0 #d2c1ad
}

.m-t52 {
    margin-top: 52px !important
}

.no-margin {
    margin: 0 !important
}

.no-padd-bottom {
    padding-bottom: 0 !important
}

.bg-gray-dark {
    background: #f3f3f3
}

.row.space-26 {
    margin: 0 -26px
}

    .row.space-26 [class*=col-] {
        padding: 0 26px !important
    }

.hero-caption-extraspace {
    padding-left: 6%
}

.half-curv-bg {
    padding: 25px 0 78px;
    background: #f7f7f7 url(/images/top-white-curb.svg) no-repeat top 90px center;
    background-size: 100%;
    position: relative
}

    .half-curv-bg:before {
        height: 95px;
        width: 100%;
        background: #fff;
        content: "";
        position: absolute;
        top: 0
    }

.row.space-12 {
    margin: 0 -12px
}

    .row.space-12 [class*=col-] {
        padding: 0 12px !important
    }

.solution-box {
    padding: 45px;
    background: #fff;
    border-radius: 10px;
    border-bottom: 18px solid transparent
}

    .solution-box:hover {
        -webkit-box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67);
        box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67)
    }

    .solution-box h3 {
        font-size: 28px;
        margin: 7px 0 30px;
        font-family: muliextrabold
    }

    .solution-box p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 20px
    }

.group-logo-container {
    margin-bottom: 43px;
    opacity: .6
}

    .group-logo-container img {
        margin-right: 30px
    }

.stickySubNav.add-shadow {
    background: #3a3c4c !important
}

.stickySubNav {
    background: url(/images/top-shadow.jpg) repeat-x 0 0,url(/images/bottom-shadow.jpg) repeat-x 0 100%;
    padding: 24px 0;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    background: #3a3c4c;
    z-index: 4;
    min-height: 98px
}

    .stickySubNav h4 {
        position: relative;
        z-index: 2;
        margin-bottom: 0;
        font-size: 25px;
        vertical-align: middle;
        padding: 8.5px 0;
        margin-top: 0;
        line-height: 1;
        font-family: muliextrabold
    }

        .stickySubNav h4 img {
            height: 44px;
            max-width: 60%
        }

        .stickySubNav h4 span {
            display: inline-block;
            padding: 10px;
            font-family: mulibold;
            vertical-align: top;
            margin: -10px 0 0 5px
        }

    .stickySubNav.navbar-alt {
        background: none;
        background-color: #fff;
        padding: 24px 0
    }

.subnav-item {
    margin: 0;
    padding: 0;
    text-align: right
}

    .subnav-item li, .subnav-item li a {
        display: inline-block
    }

        .subnav-item li a {
            font-size: 18px;
            color: #fff;
            padding: 18px 23px 14px;
            text-decoration: none
        }

            .subnav-item li a:hover {
                text-decoration: underline
            }

    .subnav-item a.active {
        font-size: 18px
    }

    .subnav-item li.last a {
        padding-right: 0
    }

    .subnav-item li.nav-btn {
        margin-left: 40px
    }

        .subnav-item li.nav-btn > a {
            padding: 11px 18px;
            background: #181d30;
            color: #3a3c4c;
            font-size: 18px;
            border-radius: 5px;
            border: 0;
            font-family: mulibold
        }

            .subnav-item li.nav-btn > a:hover {
                border: 0;
                text-decoration: none
            }

    .subnav-item li.nav-btn-workspace > a {
        background: #ffd101;
        font-family: mulibold
    }

        .subnav-item li.nav-btn-workspace > a:hover {
            background: #cda800;
            color: #3a3c4c;
            border: 2px solid #cda800
        }

    .subnav-item li.nav-btn-montage > a {
        background: #4ebabc;
        font-family: mulibold
    }

        .subnav-item li.nav-btn-montage > a:hover {
            background: #3b9a9c;
            color: #3a3c4c;
            border: 2px solid #3b9a9c
        }

    .subnav-item li.nav-btn-classroom > a {
        background: #61b4e4;
        font-family: mulibold
    }

        .subnav-item li.nav-btn-classroom > a:hover {
            background: #359fdd;
            color: #3a3c4c;
            border: 2px solid #359fdd
        }

    .subnav-item li.nav-btn-enterprise > a {
        background: #dfe0de;
        font-family: mulibold
    }

        .subnav-item li.nav-btn-enterprise > a:hover {
            background: #c6c7c4;
            color: #3a3c4c;
            border: 2px solid #c6c7c4
        }

.content-row {
    padding: 0;
    display: block;
    position: relative
}

    .content-row .align-item-center {
        padding: 70px 0
    }

    .content-row img {
        position: relative;
        z-index: 2
    }

.left-bg:before {
    left: 0
}

.left-bg:before, .right-bg:after {
    content: "";
    position: absolute;
    width: 30%;
    bottom: 0;
    top: 0;
    background: #f5f6f7;
    z-index: 1
}

.right-bg:after {
    right: 0
}

.content-space {
    padding-left: 90px;
    padding-right: 90px
}

    .content-space ul {
        margin: 27px 0;
        padding: 0
    }

        .content-space ul li {
            list-style: none;
            margin-right: 15px;
            font-family: mulibold;
            font-size: 18px;
            margin-bottom: 15px
        }

            .content-space ul li img, .content-space ul li span {
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px
            }

ul.list-with-bullet {
    margin: 27px 0;
    padding: 0
}

    ul.list-with-bullet li {
        list-style: none;
        margin-right: 15px;
        font-family: mulibold;
        font-size: 18px;
        margin-bottom: 15px
    }

        ul.list-with-bullet li img, ul.list-with-bullet li span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px
        }

.img-continer {
    text-align: center
}

img.graphic-fix-height {
    min-height: 470px;
    display: inline-block
}

.section-w-top-white-curv {
    background: #f5f6f7 url(/images/top-white-curb.svg) no-repeat top -5px center;
    background-size: 100%
}

.section-w-top-white-curv-right {
    background: #f5f6f7 url(/images/top-white-curb-right.svg) no-repeat top -5px center;
    background-size: 100%
}

.section-space {
    padding: 0 0 50px;
    margin-top: 63px
}

.section-space2 {
    padding: 140px 0 102px
}

.feature-block-hover {
    border-radius: 10px 10px 0 0
}

.feature-block {
    padding: 24px 34px;
    border: 1px solid #f2f2f2;
    border-bottom: 12px solid transparent;
    min-height: 280px;
    margin-bottom: 54px;
    background: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0
}

    .feature-block h3 {
        font-size: 24px;
        font-family: muliextrabold
    }

    .feature-block p {
        margin-bottom: 0
    }

    .feature-block picture {
        height: 50px;
        display: block;
        text-align: center
    }

        .feature-block picture img {
            max-height: 45px;
            display: inline-block
        }

.software-classroom-section {
    background: #272b3b;
    border-radius: 8px;
    padding: 40px 0;
    margin-top: 50px
}

    .software-classroom-section h4 {
        color: #fff;
        font-size: 38px;
        font-family: muliextrabold;
        margin: 20px 0
    }

    .software-classroom-section img {
        min-height: 178px
    }

    .software-classroom-section p {
        margin: 20px 0
    }

        .software-classroom-section p a {
            padding: 0 18px;
            color: #fff;
            text-decoration: underline
        }

            .software-classroom-section p a:hover {
                text-decoration: none
            }

.align-with-top {
    margin-top: -70px
}

.box-with-same-height {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    overflow: hidden
}

    .box-with-same-height .same-height {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.graphic-space-bottom-60 {
    padding-bottom: 60px
}

.enterprise-solution-block h3.content-title {
    color: #fff;
    margin-bottom: 20px
}

.enterprise-solution-block p {
    color: #fff
}

.enterprise-solution-block .left-bg:before, .enterprise-solution-block .right-bg:after {
    background: #22273c
}

.padd-b-80 {
    padding-bottom: 80px
}

.padd-b-40 {
    padding-bottom: 40px
}

.solution-action {
    padding: 70px 0 80px
}

.bx-with-border {
    border: 1px solid #eee;
    border-radius: 5px;
    background: #fff
}

.schedule-form {
    padding: 18px
}

    .schedule-form h3 {
        font-size: 38px;
        margin: 4px 0 27px;
        font-family: muliextrabold
    }

    .schedule-form .form-control {
        min-height: 55px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 18px;
        color: #181d30;
        padding-top: 15px
    }

    .schedule-form textarea.form-control {
        min-height: 188px !important
    }

    .schedule-form .form-group {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 20px
    }

.title-width-extra-space {
    margin-bottom: 35px
}

.solution-testimonial.align-with-form {
    margin-left: 20px
}

.solution-testimonial .owl-dots {
    display: none
}

.solution-testimonial .owl-carousel .owl-nav .owl-next {
    right: 34px
}

.solution-testimonial .owl-carousel .owl-nav .owl-next, .solution-testimonial .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: auto;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    outline: 0;
    bottom: 52px;
    background: #fff !important;
    border-radius: 100%;
    height: 37px;
    width: 37px;
    border: 1px solid #dcdcdc !important
}

.solution-testimonial .owl-carousel .owl-nav .owl-prev {
    left: inherit;
    right: 85px
}

.solution-testimonial .testimonial-block {
    padding: 35px 47px 70px 68px;
    margin: 0
}

    .solution-testimonial .testimonial-block p {
        font-size: 28px;
        color: #414451;
        line-height: 42px;
        position: relative
    }

    .solution-testimonial .testimonial-block h4 img {
        height: 15px
    }

    .solution-testimonial .testimonial-block h4 span {
        font-size: 15px
    }

.solution-testimonial .author-detail h5 {
    color: #414451;
    line-height: 24px
}

.select-valid label {
    top: 5px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #69b7bb !important
}

.required-mark {
    color: #ff3546
}

.form-check {
    margin-bottom: 10px
}

    .form-check .checkbox {
        width: 5%;
        display: inline-block;
        vertical-align: top;
        margin-top: 9px
    }

    .form-check .form-check-label {
        top: 10px;
        margin-left: 20px;
        font-size: 18px !important;
        color: gray !important
    }

        .form-check .form-check-label:focus {
            font-size: 18px !important;
            font-weight: 400;
            color: gray !important
        }

.not-required input {
    padding: 20px 13px 10px 12px !important
}

    .not-required input .valid {
        background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
    }

        .not-required input .valid ~ label {
            top: 5px !important;
            font-size: 12px;
            font-weight: 400;
            color: #69b7bb
        }

    .not-required input:focus ~ label {
        top: 5px !important;
        font-size: 12px;
        font-weight: 400;
        color: #9e9e9e
    }

.not-required label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: gray;
    top: 28%
}

.not-required-optional input {
    padding: 20px 13px 10px 12px !important
}

    .not-required-optional input .valid {
        background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
    }

        .not-required-optional input .valid ~ label {
            top: 5px !important;
            font-size: 12px;
            font-weight: 400;
            color: #69b7bb
        }

    .not-required-optional input:focus ~ label {
        top: 5px !important;
        font-size: 12px;
        font-weight: 400;
        color: #9e9e9e
    }

.not-required-optional label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: gray;
    top: 28%
}

    .not-required-optional label:after {
        content: " (optional)";
        display: inline;
        font-size: 80%
    }

.animation-input input {
    padding: 20px 13px 10px 12px !important
}

    .animation-input input:valid {
        background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
    }

        .animation-input input:valid ~ label {
            top: 5px !important;
            font-size: 12px;
            font-weight: 400;
            color: #69b7bb
        }

    .animation-input input:focus ~ label {
        top: 5px !important;
        font-size: 12px;
        font-weight: 400;
        color: #9e9e9e
    }

.animation-input label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: gray;
    top: 28%
}

.valid-field {
    background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
}

    .has-success label, .valid-field + label {
        position: absolute;
        pointer-events: none;
        left: 14px;
        top: 5px;
        font-size: 12px;
        font-weight: 400
    }

.has-error.animation-input input {
    background: url(/images/form-not-valid.svg) no-repeat right 12px center/30px 30px
}

.has-error.animation-input label {
    top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #b42524
}

select.form-control {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: url(/images/selectbox-arrow.svg) no-repeat 100%
}

.has-success .form-control {
    border-color: #0d3240 !important
}

    .has-success .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.animation-input.textarea label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: gray;
    top: 14px !important
}

.animation-input.textarea textarea:focus ~ label {
    top: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #9e9e9e
}

.animation-input.textarea textarea:active ~ label {
    position: absolute;
    pointer-events: none;
    left: 14px;
    font-size: 18px;
    font-weight: 400;
    color: gray;
    top: 5px
}

.schedule-form .textarea .form-control {
    padding-top: 26px !important
}

.textarea.has-success textarea {
    background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
}

    .textarea.has-success textarea ~ label {
        top: 6px;
        font-size: 12px;
        font-weight: 400;
        color: #69b7bb
    }

.form-control:focus {
    border-color: #0d3240;
    box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0
}

.custome-checkbox {
    position: relative;
    display: inline-block !important;
    font-weight: 400;
    padding-left: 0
}

    .custome-checkbox strong {
        float: none;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        border: 1px solid #ccc;
        background: #fff;
        display: inline-block;
        vertical-align: top
    }

    .custome-checkbox input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        margin: 0;
        opacity: 0;
        cursor: pointer
    }

        .custome-checkbox input[type=checkbox] :checked + strong {
            border: 1px solid #ccc;
            background: #fff;
            text-align: center
        }

    .custome-checkbox span {
        padding-left: 0;
        color: gray;
        display: inline-block;
        width: 91%;
        vertical-align: middle;
        padding-left: 25px
    }

    .custome-checkbox input[type=checkbox]:checked + strong:before {
        color: #181d30;
        content: "\F00C";
        font-family: FontAwesome;
        margin-top: 2px;
        display: inline-block;
        margin-left: 4px
    }

.animation-input select label {
    font-size: 12px;
    top: 4%
}

.hero-caption-align-top {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

    .hero-caption-align-top .btn {
        margin-right: 20px;
        margin-bottom: 20px
    }

.video-container {
    position: relative;
    display: block;
    height: 100%
}

.video-align-bottom-left {
    left: 40px
}

.video-align-bottom-left, .video-align-center {
    position: absolute;
    z-index: 3;
    bottom: 40px
}

.video-align-center-bothside {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.video-play {
    cursor: pointer;
    display: inline-block;
    background: #ffd200;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: absolute;
    left: calc(50% - 30px);
    top: 45%;
    z-index: 3
}

    .video-play:before {
        content: "\F04B";
        vertical-align: middle;
        display: inline-block;
        font-size: 27px;
        color: #181d30;
        font-family: FontAwesome;
        margin: 18% 0 0 7px
    }

    .video-play:hover {
        background: #fff
    }

.faceless-orgnization {
    padding: 40px 0
}

    .faceless-orgnization h2 {
        margin: 0
    }

    .faceless-orgnization .user-crousel .thumb-block {
        margin-bottom: 25px
    }

.thumb-block {
    border: 0;
    border-radius: 5px;
    margin-top: 24px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 14px 17px -4px hsla(0,0%,80%,.76);
    box-shadow: 0 14px 17px -4px hsla(0,0%,80%,.76);
    overflow: hidden
}

    .thumb-block:hover {
        -webkit-box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67) !important;
        box-shadow: 0 0 24px 0 hsla(0,0%,60%,.67) !important
    }

    .thumb-block .panel-body {
        border-radius: 5px 5px 0 0;
        height: 220px;
        overflow: hidden;
        padding: 0;
        border: 1px solid #ccc;
        border-bottom: 0
    }

        .thumb-block .panel-body img {
            height: auto;
            width: 100%;
            margin-bottom: 0
        }

    .thumb-block img {
        border-radius: 5px 5px 0 0
    }

    .thumb-block .panel-footer {
        padding: 27px 28px 30px;
        border: 1px solid #ccc;
        background: #fff;
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

        .thumb-block .panel-footer .title-link h3 {
            text-decoration: none;
            color: #181d30
        }

    .thumb-block h3 {
        margin: 0 0 20px;
        line-height: 38px;
        font-size: 28px;
        font-family: mulibold;
        text-decoration: none
    }

        .thumb-block h3.fix-height {
            min-height: 115px;
            margin-bottom: 0
        }

    .thumb-block p {
        font-size: 16px;
        font-family: mulibold
    }

.resource .full-row {
    margin-bottom: 30px
}

.resource .thumb-block {
    margin-bottom: 65px
}

    .resource .thumb-block h3 {
        margin: 0 0 20px;
        line-height: 34px;
        font-size: 24px;
        font-family: mulibold
    }

.progress-section {
    margin: 42px 0 16px
}

.progress-bar-outer {
    width: 50%;
    float: none;
    margin: auto;
    position: relative;
    padding-left: 150px;
    padding-right: 150px
}

.progress-value {
    position: absolute;
    left: 78px;
    top: -10px;
    font-size: 16px;
    color: #181d30
}

.progress-baseline {
    width: 100%;
    float: left;
    position: relative;
    height: 4px;
    background: #a0d8da
}

.progress-width-by-vlue {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: #4cb9bb
}

.progress {
    display: block;
    width: 100%;
    margin: 0 auto;
    height: 5px;
    border-radius: 0;
    overflow: hidden;
    background-color: #a0d8da;
    background-image: -webkit-gradient(linear,left top,right top,from(#57bdbf),to(#57bdbf));
    background-image: linear-gradient(90deg,#57bdbf,#57bdbf);
    background-repeat: no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size .4s ease-in-out;
    transition: background-size .4s ease-in-out
}

.press-news .thumb-block {
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination {
    margin: 0
}

    .pagination > li > a, .pagination > li > a:focus {
        font-size: 16px;
        font-family: mulibold;
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #181d30;
        text-decoration: none;
        background-color: transparent;
        border: 1px solid #181d30
    }

        .pagination > li > a:hover {
            z-index: 2;
            color: #fff;
            background-color: #181d30;
            border-color: #181d30
        }

    .pagination > li > span {
        font-size: 16px;
        font-family: mulibold;
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #181d30;
        text-decoration: none;
        background-color: transparent;
        border: 1px solid #181d30
    }

        .pagination > li > a.active, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 2;
            color: #fff;
            background-color: #181d30;
            border-color: #181d30
        }

.form-valid .help-block {
    display: none !important
}

.back-to-return {
    font-size: 18px;
    padding: 40px 0
}

    .back-to-return i {
        margin-right: 8px
    }

    .back-to-return a {
        color: #181d30
    }

        .back-to-return a:hover {
            text-decoration: underline
        }

.share-this {
    margin: 5px 0 25px;
    padding: 0
}

    .share-this li {
        font-size: 16px;
        color: #181d30;
        list-style: none;
        display: inline-block;
        padding-right: 5px
    }

        .share-this li:first-child {
            border-right: 1px solid #d8d8d8;
            padding-right: 10px;
            margin: 0 10px 0 0
        }

        .share-this li a {
            color: #181d30;
            font-size: 24px
        }

            .share-this li a .fa {
                font-size: 21px;
                margin-right: 8px
            }

.list-with-extra-space {
    padding: 20px 0 !important;
    padding-left: 14px !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.showcase-list {
    padding: 0 0 0 14px;
    margin: 0
}

    .showcase-list li {
        font-size: 20px;
        padding-bottom: 24px
    }

.blog-introduction ul {
    padding: 20px 0 !important;
    padding-left: 14px !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 0
}

    .blog-introduction ul li {
        font-size: 20px;
        padding-bottom: 24px
    }

.blog .thumb-block h3 {
    line-height: 34px;
    font-size: 24px
}

.blog img {
    margin-bottom: 20px
}

.blog h3.content-title {
    font-size: 28px;
    margin-top: 77px;
    font-family: muliextrabold
}

.blog ul li {
    font-size: 18px;
    color: #181d30;
    font-family: muliregular;
    line-height: 28px;
    margin: 0
}

.banner-with-background {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    margin-top: 35px;
    width: 100%;
    background-position: 50%
}

.banner-caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 0 20px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

    .banner-caption p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 11px
    }

    .banner-caption h2 {
        font-size: 38px;
        margin: 30px 0;
        color: #fff
    }

.download-row {
    border: 1px solid #d1d1d1;
    padding: 30px;
    border-radius: 5px;
    background: #fff;
    margin-top: 25px
}

    .download-row h3 {
        font-size: 28px;
        margin: 0;
        font-family: mulibold
    }

.btn.download {
    background-image: url(/images/icon_download_white.svg);
    background-position: right 12px center;
    background-repeat: no-repeat;
    padding-right: 40px
}

.resource-download h2 {
    padding-top: 12px
}

    .resource-download h2.extra-topspace {
        padding-top: 50px
    }

.resource-download h4 {
    font-size: 18px;
    color: #181d30;
    font-family: mulisemibold;
    line-height: 30px;
    margin: 30px 0
}

.e-book-section {
    padding: 60px 0;
    background: #181d30 url(/images/stroke-line.svg) no-repeat left 33% top 50%
}

.gated.e-book-section {
    background-position: left 33% top 26%
}

.tips-block {
    padding: 80px 80px 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff
}

    .tips-block h3 {
        font-size: 48px;
        font-family: muliextrabold;
        line-height: 58px;
        margin: 0 0 30px
    }

    .tips-block p {
        font-size: 18px;
        font-family: mulisemibold;
        line-height: 28px;
        margin: 0 0 30px
    }

    .tips-block.align-bottom {
        margin-bottom: -250px !important
    }

.schedule-form.tips-block {
    padding-bottom: 80px;
    margin-bottom: 36px
}

.e-book-content {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 80px
}

.e-book-content-space {
    padding: 100px 0 70px
}

    .e-book-content-space p {
        margin-bottom: 0
    }

    .e-book-content-space h2 {
        margin-top: 0;
        margin-bottom: 20px
    }

.webinar-block {
    margin-top: 10px
}

    .webinar-block h3 {
        font-size: 24px;
        margin-bottom: 20px;
        font-family: muliextrabold
    }

        .webinar-block h3 img {
            vertical-align: top;
            margin-right: 10px
        }

.webinar-block-content {
    padding: 0 48px
}

    .webinar-block-content p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 26px
    }

.webinar-banner {
    margin-top: 15px
}

.align-uppword-222 {
    margin-top: -334px
}

.align-uppword-100 {
    margin-top: -170px
}

.user-crousel .owl-dots {
    display: none
}

.user-crousel .thumb-block p {
    margin-bottom: 0
}

.user-crousel .thumb-block h3 {
    margin: 0 0 7px
}

.navbar-alt.not-sticky {
    position: static !important;
    margin-top: -100px
}

    .navbar-alt.not-sticky .dropdown-menu {
        top: 10%
    }

.space10 {
    height: 10px !important
}

.frame {
    overflow: visible !important;
    margin: 0 auto
}

    .frame .thumb-block {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0
    }

        .frame .thumb-block p {
            margin-bottom: 0
        }

        .frame .thumb-block h3 {
            margin: 0 0 7px
        }

        .frame .thumb-block:hover {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

.contactus {
    padding: 30px
}

    .contactus h3 {
        font-size: 24px;
        font-family: mulibold;
        line-height: 34px;
        margin: 20px 0 15px
    }

        .contactus h3.directions-link {
            margin: 0
        }

        .contactus h3 a {
            text-decoration: underline;
            color: #181d30;
            font-size: 20px
        }

            .contactus h3 a:hover {
                text-decoration: none
            }

        .contactus h3 i {
            width: 33px;
            display: inline-block
        }

    .contactus p {
        font-size: 20px;
        line-height: 34px;
        margin: 5px 0
    }

        .contactus p a {
            color: #181d30;
            text-decoration: none
        }

            .contactus p a:hover {
                text-decoration: underline
            }

        .contactus p i {
            width: 33px;
            display: inline-block
        }

.space-l-40 {
    padding-left: 40px
}

.space-h-40 {
    height: 40px
}

.get-support h4 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 37px 0 80px
}

.support-block {
    min-height: 465px;
    padding: 40px;
    text-align: center;
    border-color: #ccc !important
}

    .support-block i {
        height: 115px;
        padding-top: 25px;
        display: block;
        text-align: center
    }

    .support-block h3 {
        font-size: 24px;
        margin: 20px 0;
        font-family: mulibold
    }

    .support-block p a {
        color: #181d30;
        font-family: mulibold;
        display: inline-block;
        border-bottom: 1px solid #181d30;
        text-decoration: none
    }

        .support-block p a:hover {
            text-decoration: none;
            border-bottom: 0
        }

        .support-block p a.contact-phone {
            border-bottom: 0
        }

textarea {
    resize: none
}

.row.align-top-align {
    padding-bottom: 20px
}

.modal {
    text-align: center;
    padding: 0 !important
}

    .modal.in .modal-dialog {
        display: block;
        margin-top: 50%
    }

@media (min-width:860px) {
    .modal.in .modal-dialog {
        margin-top: 15% !important
    }
}

.modal-backdrop.in {
    background: #000;
    opacity: 1
}

.video-lightbox .modal-dialog {
    width: auto;
    margin: 30px auto;
    width: 100%;
    max-width: 1700px;
    -webkit-transform: none !important;
    transform: none !important
}

.video-lightbox .modal-body {
    padding: 0
}

.video-lightbox .modal-content {
    padding: 0;
    background: none
}

.iframe-video {
    height: 600px;
    width: 100%;
    border: 0
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    -webkit-transform: none !important;
    transform: none !important
}

.marg-top {
    margin-top: 50px
}

.fa-twitter {
    font-size: 23px !important
}

.fa-linkedin {
    font-size: 24px !important
}

#mc_embed_signup h2 {
    font-size: 2em !important;
    margin: 0 0 15px !important
}

#mc_embed_signup form {
    padding: 10px 0 !important
}

    #mc_embed_signup form .animation-input:valid {
        background: url(/images/icon_form-check.svg) no-repeat right 12px center/30px 30px
    }

        #mc_embed_signup form .animation-input:valid ~ label {
            top: 6px;
            font-size: 12px;
            font-weight: 400;
            color: #69b7bb
        }

    #mc_embed_signup form .animation-input label {
        top: 28%
    }

#mc-embedded-subscribe {
    margin: 0 !important;
    width: 100% !important
}

.panel-link {
    display: block;
    text-decoration: none !important
}

#mc_embed_signup form {
    padding: 0 0 10px 3%
}

#mc_embed_signup div#mce-responses {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important
}

#mc_embed_signup #mce-success-response {
    color: #69b7bb !important
}

#mc_embed_signup div.response {
    margin: 0 0 1em !important;
    padding: .5em .5em .5em 0 !important
}

.modal-close {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 25px;
    height: 25px;
    pointer-events: none
}

    .modal-close span {
        display: block;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        background: #fff
    }

        .modal-close span:first-child {
            -webkit-transform: rotate(45deg) translateZ(0) scale(1);
            transform: rotate(45deg) translateZ(0) scale(1)
        }

        .modal-close span:last-child {
            -webkit-transform: rotate(-45deg) translateZ(0) scale(1);
            transform: rotate(-45deg) translateZ(0) scale(1)
        }

.section-resourcesLanding .full-row {
    margin-bottom: 20px
}

.cookies-banner {
    max-width: 330px;
    background: #f2f2f2;
    position: fixed;
    left: 20px;
    bottom: 40px;
    padding: 20px 30px;
    display: none;
    z-index: 1000;
    border-radius: 10px;
    border: 1px solid #e9e8e8
}

    .cookies-banner p {
        font-size: 14px;
        width: 95%;
        margin: 0;
        line-height: 24px;
        color: gray
    }

    .cookies-banner a {
        text-decoration: none;
        color: #0eb3b3
    }

        .cookies-banner a:hover {
            color: #0eb3b3;
            text-decoration: underline
        }

.cookie-close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

    .cookie-close span {
        display: block;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        background: #414451
    }

        .cookie-close span:first-child {
            -webkit-transform: rotate(45deg) translateZ(0) scale(1);
            transform: rotate(45deg) translateZ(0) scale(1)
        }

        .cookie-close span:last-child {
            -webkit-transform: rotate(-45deg) translateZ(0) scale(1);
            transform: rotate(-45deg) translateZ(0) scale(1)
        }

.slick-outer {
    margin: 0 auto
}

.slick-list {
    overflow: visible
}

.slick-initialized {
    -webkit-transform: translateZ(0) translateX(0) !important;
    transform: translateZ(0) translateX(0) !important;
    padding-bottom: 0
}

.slick-arrow {
    background: #f4f5f7 !important;
    border-radius: 100%;
    border-style: solid;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 48%;
    z-index: 1000;
    outline: 0;
    cursor: pointer
}

    .slick-arrow .fa {
        font-size: 24px
    }

.slick-slide {
    margin: 0;
    padding: 0 15px 0 0
}

.slick-prev {
    left: 0
}

    .slick-prev i {
        margin-right: 4px
    }

.slick-next {
    right: 0
}

    .slick-next i {
        margin-left: 4px
    }

.slick-disabled {
    display: none !important
}

.slick-initialized .slick-slide {
    max-width: 342px
}

.overflow-hidden {
    overflow: hidden
}

.demo-confirmation h1 {
    text-align: left
}

.demo-confirmation p {
    width: 70%;
    margin-bottom: 20px
}

table {
    border-top: 1px solid #262e4d;
    border-left: 1px solid #262e4d
}

    table tbody tr {
        border-bottom: 1px solid #262e4d
    }

        table tbody tr td {
            padding: 10px;
            border-right: 1px solid #262e4d
        }

.home-cross-block p.small {
    line-height: 32px
}

.home-cross-block p {
    font-size: 16px;
    line-height: 26px;
    width: 80%
}

.home-cross-block h3 {
    font-size: 30px;
    line-height: 38px;
    font-family: muliextrabold
}

.home-cross-block a {
    font-size: 18px;
    line-height: 18px;
    padding: 13px 18px
}

.home-cross-block div:first-child {
    padding-left: 0
}

.home-cross-block div:last-child {
    padding: 0
}

.home-cross-block img {
    margin-top: 65px
}

.home-cross-block .home-cross-block-content {
    margin-bottom: 40px
}

.home-ebook-block {
    background-color: #f0f0f0;
    padding: 60px 40px
}

.home-blog-block {
    background-color: #f8f9fb;
    padding: 60px 40px
}

@media screen and (max-width:768px) {
    .home-cross-block h3 {
        font-size: 24px;
        line-height: 34px
    }

    .home-cross-block p {
        width: 100%;
        margin-bottom: 10px
    }

    .home-cross-block img {
        display: none
    }

    .home-blog-block {
        background-color: #f8f9fb;
        padding: 30px 40px
    }
}

.image-swapper .swapper-icon {
    margin-right: 10px;
    margin-top: -5px
}

.image-swapper .swapper-icon--active {
    display: none;
    margin-right: 10px;
    margin-top: -5px
}

.image-swapper hr {
    display: none
}

.image-swapper .btn-icon-only {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 0 !important
}

    .image-swapper .btn-icon-only.active:after {
        display: none
    }

    .image-swapper .btn-icon-only.active hr {
        display: block;
        border: 2px solid #65cbc9
    }

    .image-swapper .btn-icon-only img {
        margin-top: 4px;
        margin-right: 0
    }

    .image-swapper .btn-icon-only:hover img {
        -webkit-filter: brightness(20);
        filter: brightness(20)
    }

.image-swapper .btn-swapper {
    position: relative;
    margin-right: 20px
}

    .image-swapper .btn-swapper:hover .swapper-icon {
        display: none
    }

    .image-swapper .btn-swapper:hover .swapper-icon--active {
        display: inline-block
    }

    .image-swapper .btn-swapper.active {
        background: #181d30;
        color: #fff;
        outline: none
    }

        .image-swapper .btn-swapper.active:hover {
            background-color: #262e4d
        }

        .image-swapper .btn-swapper.active .swapper-icon {
            display: none
        }

        .image-swapper .btn-swapper.active .swapper-icon--active {
            display: inline-block
        }

        .image-swapper .btn-swapper.active:after {
            bottom: 100%;
            left: calc(50% - 10px);
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136,183,213,0);
            border-bottom-color: #181d30;
            border-width: 10px
        }

        .image-swapper .btn-swapper.active:hover:after {
            border-bottom-color: #262e4d
        }

.image-swapper .image-swapper-buttons-only {
    margin-top: 40px
}

.image-swapper .img-continer a img {
    margin-bottom: 0
}

.image-swapper .img-continer .swapper-main-image {
    margin: 0 auto 20px;
    width: 100%
}

.image-swapper .img-continer img {
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    .image-swapper .btn-icon-only {
        padding: 0 !important
    }

    .image-swapper .btn-swapper {
        position: relative;
        margin-right: 0;
        padding: 9px 10px
    }
}

.careers-intro h4 {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 37px 0 0
}

.careers-list-block {
    margin-top: 60px
}

.careers-item {
    background: #fff;
    padding: 40px 40px 40px 20px;
    vertical-align: middle;
    margin-bottom: 4px
}

    .careers-item .careers-content .careers-icon {
        text-align: center;
        margin-top: 2px;
        padding: 0
    }

    .careers-item .careers-content img {
        vertical-align: top
    }

    .careers-item .careers-content h3 {
        font-size: 24px;
        line-height: 30px;
        font-family: muliextrabold;
        margin-top: 0
    }

    .careers-item .careers-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px
    }

    .careers-item .careers-content .closing-date {
        font-family: mulisemibold;
        margin-bottom: 0
    }

.job-facts {
    border-top: 1px solid #d8d8d8;
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 20px;
    margin-bottom: 35px
}

    .job-facts li {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px
    }

.careers-cta {
    background: #f8f9fb;
    padding: 30px 20px;
    margin-bottom: 35px
}

    .careers-cta p {
        font-size: 18px;
        line-height: 23px;
        font-family: muliextrabold;
        margin-bottom: 0
    }

.careers-image-caption {
    text-align: center;
    font-size: 18px;
    line-height: 43px;
    font-style: italic;
    margin-top: 12px;
    margin-bottom: 0
}

.careers-full-img {
    margin: 10px auto 40px
}

.careers-wysiwyg {
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .careers-title .heighlight-underline, .careers-title .heighlight-underline span {
        display: contents
    }

        .careers-title .heighlight-underline:after {
            display: none
        }

    .careers-cta {
        text-align: center
    }

        .careers-cta .careers-button {
            margin-top: 20px
        }

            .careers-cta .careers-button a {
                margin-left: 0;
                margin-top: 0
            }

    .careers-button {
        margin-top: 10px
    }

        .careers-button a {
            margin-left: 12px
        }
}

@media screen and (min-width:769px) {
    .careers-title .heighlight-underline, .careers-title .heighlight-underline span {
        display: inline-block
    }

    .careers-cta .careers-button, .careers-item .careers-button {
        text-align: right
    }
}

.careers-form h3 {
    font-size: 24px;
    line-height: 38px;
    text-align: center
}

.custom-file-upload label {
    font-size: 18px;
    line-height: 34px;
    font-family: mulibold
}

.form-upload {
    margin-top: 20px
}

.solutions-group {
    background: url("/images/solutions-group-bg.png");
    background-size: cover;
    padding: 94px 0
}

    .solutions-group .solutions-intro-text {
        max-width: 800px;
        margin: 0 auto 80px
    }

        .solutions-group .solutions-intro-text h2 {
            line-height: 48px;
            margin-bottom: 20px
        }

        .solutions-group .solutions-intro-text p {
            font-size: 18px;
            line-height: 26px
        }

    .solutions-group .solutions-group-content h3 {
        color: #fff;
        font-size: 26px;
        line-height: 33px;
        font-family: muliextrabold;
        margin-bottom: 35px
    }

    .solutions-group .solutions-group-content h4 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 25px;
        font-family: mulibold
    }

    .solutions-group .solutions-group-content h5 {
        color: #fff;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 44px;
        font-family: muliextrabold
    }

    .solutions-group .solutions-group-content p {
        font-family: mulilight;
        margin-bottom: 35px
    }

    .solutions-group .solutions-group-content a {
        color: #fff
    }

    .solutions-group .solutions-group-content .suitetitle-1 .heighlight-underline:after {
        border-bottom: 6px solid #ffd200;
        top: 104%
    }

    .solutions-group .solutions-group-content .suitetitle-2 .heighlight-underline:after {
        border-bottom: 6px solid #4ebabc;
        top: 104%
    }

    .solutions-group .solutions-group-content .suitetitle-3 .heighlight-underline:after {
        border-bottom: 6px solid #c3c0b7;
        top: 104%
    }

.category-tabs {
    text-align: center;
    padding-top: 40px
}

    .category-tabs .category-tab {
        background-color: #fff;
        font-family: mulibold;
        border: 2px solid transparent;
        padding: 9px 18px;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 1.42857143;
        text-align: center;
        display: inline-block;
        text-decoration: none;
        border-radius: 4px;
        color: #181d30
    }

        .category-tabs .category-tab.active {
            background: #181d30;
            color: #fff
        }

.modal-body iframe {
    display: block;
    margin: auto;
    max-width: 100%
}

@media (max-width:1000px) {
    .modal:before {
        height: 50%
    }
}

.animation-input select + label {
    font-size: 12px !important;
    top: 8% !important
}

.btn-v-offset {
    margin-top: 30px
}