.siteTop {
    position: fixed;
    top: 0;
    z-index: 9999
}

    .siteTop a, .siteTop a:focus, .siteTop a:hover {
        transition: all 0s ease
    }

    .siteTop h1 {
        margin-top: 0;
        margin-bottom: 0
    }

.ourVenture-Button {
    transition: all 0s ease !important
}

.siteFooter h6.followus {
    color: #fca700
}

.siteFooter h6 a:hover {
    color: #ccc;
    text-decoration: underline
}

#UserNameLink, .backtop, .backtop:hover, .casestudy p a, .panel-container2 a:hover, .productbox a, .productbox a:hover, a, a:focus, a:hover {
    text-decoration: none
}

.siteFooter h6 {
    font-family: Arial,Verdana,Tahoma;
    text-transform: capitalize;
    float: left;
    margin: 15px 0 10px;
    font-size: 13px;
    color: #ccc;
    padding: 4px 7px;
    background: #1b1b1b;
    font-weight: 700;
    line-height: 15px
}

.siteFooter li a {
    font-family: Arial,Verdana,Tahoma
}

.col-lg-4 .productbox ul {
    min-height: auto !important
}

.productbox h6 {
    min-height: 55px !important
}

.productbox h4 a {
    color: #000
}

.bg-blue.statscount h3 {
    color: #fefefe
}

.bg-blue.statscount span {
    color: #ddd
}

@media (min-width:0px) and (max-width:640px) {
    .siteFooter, .siteTop {
        min-width: inherit !important
    }

    .home .col-lg-1, .home .col-lg-10, .home .col-lg-11, .home .col-lg-12, .home .col-lg-2, .home .col-lg-3, .home .col-lg-4, .home .col-lg-5, .home .col-lg-6, .home .col-lg-7, .home .col-lg-8, .home .col-lg-9, .home .col-md-1, .home .col-md-10, .home .col-md-11, .home .col-md-12, .home .col-md-2, .home .col-md-3, .home .col-md-4, .home .col-md-5, .home .col-md-6, .home .col-md-7, .home .col-md-8, .home .col-md-9, .home .col-sm-1, .home .col-sm-10, .home .col-sm-11, .home .col-sm-12, .home .col-sm-2, .home .col-sm-3, .home .col-sm-4, .home .col-sm-5, .home .col-sm-6, .home .col-sm-7, .home .col-sm-8, .home .col-sm-9, .home .col-xs-1, .home .col-xs-10, .home .col-xs-11, .home .col-xs-12, .home .col-xs-2, .home .col-xs-3, .home .col-xs-4, .home .col-xs-5, .home .col-xs-6, .home .col-xs-7, .home .col-xs-8, .home .col-xs-9 {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center
    }

    .siteTop .siteTop_ContentContainer, ul.sitenavPanel_ContentContainer {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important
    }

    #sitenavPanel {
        margin: 0;
        clear: both;
        width: 100%;
        padding: 0;
        background-color: #333;
        height: inherit;
        max-height: 450px;
        overflow: visible;
        z-index: 9999999999
    }

        #sitenavPanel div a {
            display: inline-block;
            color: #fff !important;
            line-height: 45px;
            border: 0 solid #fff
        }

    .ourVenture-Button {
        display: none
    }

    .navbar-toggle .icon-bar {
        background: #888
    }

    .navbar-toggle {
        background: #333;
        margin: 0 0 0 5px;
        min-height: 60px;
        padding: 0 15px;
        border-radius: 0
    }

        .navbar-toggle.focus {
            background: #181818
        }

    #sitenavPanel div:hover {
        background: 0 0 !important
    }

    .navbar-collapse li, .navbar-collapse li a, .navbar-collapse li > a:hover {
        background-color: transparent !important
    }

    .feedbackButton {
        right: 0;
        margin-top: 300px
    }

    .IIColumnLeftWide .columnLeftWide, .IIColumnLeftWide .columnRightWide, .IIColumnLeftWide ul, .IIColumnLeftWide ul li ul, .IIColumnLeftWide ul li ul li, .IIColumnLeftWide ul li ul li.bottom, .columnLeftWide ul li:nth-child(2), .columnLeftWide ul li:nth-child(3), .columnRightWide ul li:nth-child(1), .columnRightWide ul li:nth-child(2), .columnRightWide ul li:nth-child(3), .siteFooterBottom .footerBottomContainer, .siteFooterTop, .siteFooterTop .footerTopContainer {
        width: 100% !important
    }

    .siteFooterTop {
        background: #222 !important
    }

    .IIColumnLeftWide ul li, .columnRightWide ul li {
        padding: 0 !important;
        width: 100% !important
    }

    .livechatPanel {
        display: none !important
    }

    .siteFooterBottom .footerBottomContainer p {
        width: 100%;
        text-align: center
    }

    .IIColumnLeftWide ul li:first-child, .IIColumnLeftWide ul li:nth-child(2), .IIColumnLeftWide ul li:nth-child(3), .columnRightWide ul li:first-child, .columnRightWide ul li:nth-child(2), .columnRightWide ul li:nth-child(3) {
        width: 100% !important;
        min-width: 100% !important
    }

    .siteFooter ul h6 {
        clear: both;
        display: inline
    }

    body {
        -webkit-touch-callout: none !important
    }

    a {
        -webkit-user-select: none !important
    }

    #userControls div#_ctl0_Header_CurrentUserLink1___LoginLink:hover {
        padding: 0 !important
    }

    .IIColumnLeftWide {
        width: 90% !important;
        padding: 0 15px !important
    }

    .topbutton .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        padding-left: 10px;
        left: 0;
        top: 5px;
        transition: .3s all ease-in-out
    }

    .topbutton .icon-bar:nth-child(3) {
        display: none
    }

    .topbutton .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        padding-right: 10px;
        left: 0;
        transition: .3s all ease-in-out;
        margin-top: -2px
    }

    .navbar-toggle .icon-bar {
        transform: rotate(0);
        padding: 0;
        left: 0;
        display: block;
        top: 0;
        transition: .3s all ease-in-out;
        margin-top: 4px
    }

    .statscount h3 {
        font-size: 40px
    }

    .logo {
        background: url(/templates/aspose/App_Themes/V3/images/header.png) 10px 5px no-repeat;
        background-size: 169%
    }
}

@media (min-width:640px) and (max-width:1024px) {
    .siteFooter, .siteTop {
        min-width: inherit !important
    }

    ul.sitenavPanel_ContentContainer.sitenavPanel_menuContainer:first-child {
        margin-left: 2.5em !important
    }

    .siteTop h1 {
        margin-left: 10px
    }

    .siteTop .siteTop_ContentContainer, ul.sitenavPanel_ContentContainer {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important
    }

    #sitenavPanel {
        margin: 0;
        clear: both;
        width: 100%;
        padding: 0;
        background-color: #333;
        height: inherit;
        max-height: 450px;
        overflow: visible;
        z-index: 9999999999
    }

        #sitenavPanel div a {
            display: inline-block;
            color: #fff !important;
            line-height: 45px;
            border: 0 solid #fff
        }

    .ourVenture-Button {
        display: none
    }

    .navbar-toggle .icon-bar {
        background: #888
    }

    .navbar-toggle {
        background: #333;
        margin: 0 0 0 10px;
        min-height: 60px;
        padding: 0 20px;
        border-radius: 0
    }

        .navbar-toggle.focus {
            background: #181818
        }

    #sitenavPanel div:hover {
        background: 0 0 !important
    }

    .navbar-collapse li, .navbar-collapse li a, .navbar-collapse li > a:hover {
        background-color: transparent !important
    }

    .feedbackButton {
        margin-top: 300px
    }

    .IIColumnLeftWide, .IIColumnLeftWide .columnLeftWide, .IIColumnLeftWide .columnRightWide, .IIColumnLeftWide ul, .IIColumnLeftWide ul li ul, .IIColumnLeftWide ul li ul li, .IIColumnLeftWide ul li ul li.bottom, .columnLeftWide ul li:nth-child(2), .columnLeftWide ul li:nth-child(3), .columnRightWide ul li:nth-child(1), .columnRightWide ul li:nth-child(2), .columnRightWide ul li:nth-child(3), .siteFooterBottom .footerBottomContainer, .siteFooterTop, .siteFooterTop .footerTopContainer {
        width: 100% !important
    }

    .siteFooterTop {
        background: #222 !important
    }

    .IIColumnLeftWide ul li:first-child, .IIColumnLeftWide ul li:nth-child(2), .IIColumnLeftWide ul li:nth-child(3), .columnRightWide ul li:first-child, .columnRightWide ul li:nth-child(2), .columnRightWide ul li:nth-child(3) {
        width: 28% !important
    }

    .IIColumnLeftWide ul li ul li, .columnRightWide ul ul li li {
        min-width: 100% !important;
        width: 100% !important
    }

    .IIColumnLeftWide ul li, .columnRightWide ul li {
        padding: 0 15px !important
    }

    .livechatPanel {
        display: none !important
    }

    .siteFooterBottom .footerBottomContainer p {
        width: 100%;
        text-align: center
    }

    #userControls div#_ctl0_Header_CurrentUserLink1___LoginLink:hover {
        padding: 0 !important
    }

    .topbutton .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        padding-left: 10px;
        left: 0;
        top: 5px;
        transition: .3s all ease-in-out
    }

    .topbutton .icon-bar:nth-child(3) {
        display: none
    }

    .topbutton .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        padding-right: 10px;
        left: 0;
        transition: .3s all ease-in-out;
        margin-top: -2px
    }

    .navbar-toggle .icon-bar {
        transform: rotate(0);
        padding: 0;
        left: 0;
        display: block;
        top: 0;
        transition: .3s all ease-in-out;
        margin-top: 4px
    }
}

.productbox, .productbox:hover, a, a:hover {
    transition: all .3s ease
}

iframe[name=google_conversion_frame] {
    display: none
}

#_ctl0_Header_CurrentUserLink1___UserNameLink {
    color: #fff !important;
    text-transform: capitalize;
    background: 0 0 !important
}

.log-success ul li.tc {
    padding: 10px
}

.navbar-default {
    background-color: rgba(0,0,0,.8);
    border-color: #e7e7e7
}

.navbar {
    position: fixed;
    min-height: 60px;
    margin-bottom: 0;
    border: 1px solid transparent;
    z-index: 99999
}

.navbar-brand {
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    font-size: 14px
}

.navbar-nav {
    margin-top: 5px !important
}

.productsrow2 .productbox {
    padding: 20px 0;
    width: auto
}

    .productsrow2 .productbox .product-urls {
        margin-top: 15px;
        color: #ccc
    }

    .productsrow2 .productbox .btn-link {
        clear: none;
        display: inline-block
    }

    .productsrow2 .productbox h6 {
        padding: 0 15px
    }

    .productsrow2 .productbox ul {
        margin: 5px auto 10px;
        list-style-type: none;
        clear: both;
        display: block;
        float: left;
        text-align: center;
        padding: 0 30px;
        width: 100%;
        min-height: 95px
    }

.minheigh-auto {
    min-height: 40px !important;
    padding: 0 20px !important
}

.productsrow2 .productbox ul li {
    width: 35px;
    display: inline-block;
    margin: 5px 0
}

    .productsrow2 .productbox ul li .product-ico {
        width: 36px;
        height: 36px;
        display: inline-block
    }

.product-ico img {
    width: 32px;
    border: 0 solid #fff;
    outline: 0
}

.bg-gray-e3 {
    background: #e3e3e3;
    padding: 70px 0
}

    .bg-gray-e3 .btn-primary.whitebg {
        padding: 10px 30px;
        font-size: 13px
    }

.bg-white.statscount {
    background: #fff
}

.static_header {
    color: #fff;
    text-align: center;
    padding-bottom: 50px;
    min-height: 520px;
    margin-top: -20px
}

    .static_header h1 {
        font-size: 85px;
        font-weight: bolder;
        margin-top: 200px;
        text-transform: capitalize;
        letter-spacing: -5px
    }

    .static_header h4 {
        font-family: 'Titillium Web',sans-serif;
        font-size: 26px;
        font-weight: 600
    }

    .static_header .btn-danger {
        width: 280px;
        height: 52px;
        border-radius: 0;
        line-height: 27px;
        margin-top: 20px;
        font-family: 'Open Sans',sans-serif;
        font-size: 20px;
        font-weight: 600
    }

.productbox {
    width: 250px;
    min-height: 220px;
    border: 1px solid #c2c2c2;
    text-align: center;
    padding: 30px;
    color: #000
}

    .productbox:hover {
        border: 1px solid silver
    }

.asposefor {
    font-size: 14px
}

.productbox h4 {
    font-size: 32px;
    font-weight: 700;
    margin-top: 0;
    letter-spacing: -2px
}

.productbox h6 {
    margin: 15px 0;
    line-height: 18px;
    font-weight: 400
}

.productbox .btn-primary {
    border-radius: 0;
    font-size: 13px
}

.productbox .btn-link {
    clear: both;
    display: block;
    font-family: 'Titillium Web',sans-serif;
    font-size: 13px;
    margin-top: 5px
}

.btn-primary {
    color: #fff;
    background-color: #1a89d0;
    border: 0 solid #fff
}

.productsrow {
    padding-top: 85px;
    padding-bottom: 85px
}

.btn-primary.whitebg {
    border-radius: 0;
    background: 0 0;
    border: 1px solid #1a89d0;
    color: #1a89d0;
    font-weight: 600;
    padding-left: 50px;
    padding-right: 50px
}

.centerbutton {
    width: 100%;
    clear: both;
    display: block;
    float: left;
    text-align: center;
    margin-top: 60px
}

.statscount {
    min-height: 180px;
    background: url(/templates/aspose/App_Themes/V3/images/bg/tile-gray.png) center center #ededed;
    padding: 50px 0
}

    .statscount h3 {
        font-size: 60px;
        color: #000;
        text-align: center;
        margin: 0;
        font-weight: 400
    }

    .statscount span {
        font-size: 14px;
        color: #999;
        text-transform: uppercase;
        width: 200px;
        text-align: center;
        display: block;
        margin: 0 auto;
        font-weight: 700
    }

.gr-margin {
    margin-top: 85px !important;
    padding-top: 0 !important
}

.hp-customers h2 {
    color: #000 !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    margin: 0 !important
}

.hp-customers small {
    color: #000 !important;
    font-size: 16px !important
}

.customerslogo .row {
    margin-bottom: 50px
}

.bg-blue {
    background: #006bb0
}

    .bg-blue .hp-testi h2 {
        color: #fff;
        font-size: 40px;
        font-weight: 600
    }

    .bg-blue .hp-testi small {
        color: #fff;
        font-size: 16px
    }

    .bg-blue .hp-testi .row .col-md-5 p {
        font-style: italic;
        color: #fff;
        font-size: 16px
    }

    .bg-blue .hp-testi .row .col-md-5 h4 {
        font-style: normal;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        margin-top: 30px
    }

        .bg-blue .hp-testi .row .col-md-5 h4 span {
            font-weight: 100;
            font-size: 13px;
            margin-left: 5px
        }

    .bg-blue .hp-testi .row .col-md-5 small {
        color: #fff;
        font-size: 16px
    }

.star-ico {
    background-image: url(/templates/aspose/App_Themes/V3/images/icons/star-icons.png);
    width: 100px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    display: block;
    margin: 10px auto 0
}

.fivestar-ico {
    background-position: 0 -32px !important
}

.btn-primary.whiteborder {
    border-radius: 0;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
    padding-left: 50px;
    padding-right: 50px
}

.footer, .footer1 {
    border-bottom: 0 solid #142238
}

.btn-primary.whitebg:hover {
    background: #1a89d0;
    color: #fff
}

.btn-primary.whiteborder:hover {
    background: #fff;
    color: #1a89d0
}

.hp-cases h2 {
    color: #000 !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    margin: 0 !important
}

.hp-cases small {
    color: #000 !important;
    font-size: 16px !important
}

.hp-cases img {
    background: #bcbcbc;
    border-radius: 6px
}

    .hp-cases img[alt=Oracle] {
        background: #d01f25
    }

    .hp-cases img[alt=Lulu] {
        background: #f89516
    }

    .hp-cases img[alt=Ubisoft] {
        background: #424886
    }

    .hp-cases img[alt=redgate] {
        background: #373737
    }

.casestudy {
    margin-top: 50px
}

    .casestudy p {
        font-size: 16px;
        margin: 25px 0;
        min-height: 65px
    }

        .casestudy p a {
            font-weight: 600;
            color: #000
        }

.spacer {
    margin-bottom: 65px
}

.footer {
    font-size: 13px;
    background: #080a06
}

.footer1 {
    padding-bottom: 40px
}

    .footer1 H3 {
        color: #fff;
        border-bottom: 0 solid #416b92;
        font-size: 16px;
        padding: 5px 0;
        margin-top: 30px;
        font-family: 'Merriweather Sans',sans-serif
    }

    .footer1 a {
        line-height: 30px;
        color: #646464;
        padding: 0 !important;
        font-size: 13px
    }

        .footer1 a:hover {
            color: #fff
        }

.footer2 {
    background: #282828;
    border: 0 solid #fff !important;
    width: 100%;
    float: left;
    font-size: 12px
}

.news-blog {
    border-top: 1px solid #e4e4e4;
    position: relative;
    text-align: center;
    background: #ededed;
    padding: 85px 0
}

    .news-blog h2 {
        color: #000 !important;
        font-size: 40px !important;
        font-weight: 600 !important;
        margin: 0 0 35px !important
    }

    .news-blog small {
        color: #000 !important;
        font-size: 16px !important;
        display: block;
        clear: both;
        margin-top: 10px
    }

.white_bg {
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 60px 20px
}

.news-blog h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    line-height: 24px
}

.news-blog p {
    font-size: 13px;
    text-align: left
}

.leftborder {
    border-left: 1px solid #d7d7d7;
    padding-left: 40px
}

.news-blog a {
    color: #000
}

    .news-blog a:hover {
        color: #1a89d0
    }

.timer {
    font-style: normal
}

.btopline {
    border-top: 1px solid #c2c2c2
}

.smallspacer {
    margin-bottom: 15px
}

.w155px {
    width: 155px
}

userSubmenu nav navbar-nav navbar-right login1 {
    position: relative;
    z-index: 99999
}

#linkID:hover #boxID {
    visibility: visible;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1;
    margin-top: 12px
}

#linkID #boxID, .searchli:hover .searchul {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

#linkID #boxID {
    visibility: hidden;
    transition: all .4s ease-in-out;
    opacity: 0;
    display: block;
    margin-top: 30px
}

.log-success ul li a#UserNameLink {
    max-width: 400px;
    overflow: hidden
}

@media (max-width:1024px) and (min-width:0px) {
    .asposeclouheader .spacerblank img {
        width: 100%
    }

    .static_header .btn-danger {
        display: table;
        margin: 20px auto
    }

    .siteTop {
        top: -1px !important
    }

    #sitenavPanel div a.mobileanchor:hover {
        color: #1a89d0 !important
    }

    .h6, .siteFooter li a, h6 {
        font-size: 18px !important
    }

    .IIColumnLeftWide ul li ul li a {
        font-size: 16px !important;
        line-height: 20px !important
    }

    .siteFooterBottom {
        background: #000 !important
    }

    #_ctl0_Header_CurrentUserLink1___UserNameLink, #_ctl0_Header_CurrentUserLink1___UserNameLink:hover {
        color: #fff;
        text-transform: capitalize;
        background: 0 0
    }

    #linkID {
        width: 100% !important
    }

        #linkID:hover #boxID {
            opacity: 1 !important;
            visibility: visible !important
        }

        #linkID #boxID {
            width: 70% !important;
            margin: 0 !important;
            color: #333 !important
        }

    .log-success ul li.h10px, .log-success ul li:first-child {
        display: none !important
    }

    .log-success ul li.borderbottom {
        border: 0 solid #fff !important;
        background-color: #333 !important;
        color: #fff !important;
        padding: 10px 15px !important;
        margin: 0 !important
    }

    .log-success ul li a#UserNameLink {
        color: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
        background: 0 0 !important
    }

    .log-success ul li.tc {
        border: 0 solid #fff !important;
        background-color: #333 !important;
        color: #fff !important;
        padding: 0 20px !important;
        margin: 0 !important
    }

        .log-success ul li.tc a {
            color: #fff !important
        }

            .log-success ul li.tc a:hover {
                color: #333 !important
            }
}

@media (max-width:1199px) and (min-width:1024px) {
    .navbar-nav {
        margin-left: 0 !important
    }

    .productsrow .col-lg-3, .productsrow .col-lg-4 {
        width: 49%;
        display: inline-block;
        clear: none;
        margin: 0 0 30px
    }

    .productsrow .productbox {
        width: 100%
    }

    .col-xs-6 {
        width: 33.3%
    }

    .casestudies, .statscount .statsbox {
        width: 49%;
        display: inline-block;
        clear: none
    }

    .productsrow .col-lg-12.smallspacer {
        display: none !important
    }

    .statscount .statsbox {
        margin: 0 0 30px
    }

    .static_header h1 {
        font-size: 50px;
        letter-spacing: -2px
    }

    .static_header h4 {
        font-family: 'Titillium Web',sans-serif;
        font-size: 20px;
        font-weight: 600
    }

    .productsrow {
        padding: 30px 0 !important
    }

    .centerbutton {
        margin: 15px 0
    }

    .col-xs-6 {
        padding: 0
    }

    .casestudies {
        margin: 0 0 80px
    }

    .casestudy p {
        min-height: 45px
    }

    .spacer {
        display: none
    }

    .footer1 h3::after {
        color: #222
    }
}

@media (max-width:1024px) and (min-width:640px) {
    .navbar-toggle {
        display: block
    }

    .row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .productsrow .col-lg-3, .productsrow .col-lg-4 {
        width: 49%;
        display: inline-block;
        clear: none;
        margin: 0 0 30px
    }

    .productsrow .productbox {
        width: 100%
    }

    .col-xs-6 {
        width: 33.3%
    }

    .casestudies, .statscount .statsbox {
        width: 49%;
        display: inline-block;
        clear: none
    }

    .statscount .statsbox {
        margin: 0 0 30px
    }

    .static_header h1 {
        font-size: 50px;
        letter-spacing: -2px
    }

    .static_header h4 {
        font-family: 'Titillium Web',sans-serif;
        font-size: 20px;
        font-weight: 600
    }

    .productsrow {
        padding: 30px 0 !important
    }

    .centerbutton {
        margin: 15px 0
    }

    .col-xs-6 {
        padding: 0
    }

    .casestudies {
        margin: 0 0 80px
    }

    .col-lg-12.smallspacer, .spacer {
        display: none
    }

    .leftborder {
        border: 0 solid #fff;
        padding: 0 15px
    }

    .footer .col-lg-1, .footer .col-lg-10, .footer .col-lg-11, .footer .col-lg-12, .footer .col-lg-2, .footer .col-lg-3, .footer .col-lg-4, .footer .col-lg-5, .footer .col-lg-6, .footer .col-lg-7, .footer .col-lg-8, .footer .col-lg-9, .footer .col-md-1, .footer .col-md-10, .footer .col-md-11, .footer .col-md-12, .footer .col-md-2, .footer .col-md-3, .footer .col-md-4, .footer .col-md-5, .footer .col-md-6, .footer .col-md-7, .footer .col-md-8, .footer .col-md-9, .footer .col-sm-1, .footer .col-sm-10, .footer .col-sm-11, .footer .col-sm-12, .footer .col-sm-2, .footer .col-sm-3, .footer .col-sm-4, .footer .col-sm-5, .footer .col-sm-6, .footer .col-sm-7, .footer .col-sm-8, .footer .col-sm-9, .footer .col-xs-1, .footer .col-xs-10, .footer .col-xs-11, .footer .col-xs-12, .footer .col-xs-2, .footer .col-xs-3, .footer .col-xs-4, .footer .col-xs-5, .footer .col-xs-6, .footer .col-xs-7, .footer .col-xs-8, .footer .col-xs-9 {
        padding-left: 0;
        padding-right: 0
    }

    .white_bg {
        padding: 15px 0
    }

    .blog-news {
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 10px
    }

    .leftborder .blog-news:last-child {
        border-bottom: 0 solid #f7f7f7;
        padding-bottom: 10px
    }

    .footer1 h3::after {
        color: #222
    }
}

@media (max-width:640px) and (min-width:0px) {
    ul.sitenavPanel_ContentContainer li:hover ul {
        margin-top: 5px !important
    }

    ul.sitenavPanel_ContentContainer {
        min-width: 100%;
        max-width: 100%
    }

    .livechatPanel {
        display: none
    }

    .casestudies, .statscount .statsbox {
        display: inline-block;
        clear: none;
        width: 100%
    }

    .bg-blue .hp-testi h2, .hp-cases h2, .hp-customers h2 {
        font-size: 30px !important
    }

    .static_header {
        background: url(/templates/aspose/App_Themes/V3/images/bg/staticheader.jpg) right top no-repeat #fff;
        min-height: inherit !important
    }

    .row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .productsrow .col-lg-3, .productsrow .col-lg-4 {
        width: 100%;
        display: inline-block;
        clear: none;
        margin: 0 0 30px
    }

    .productsrow .productbox {
        width: 100%
    }

    .btn-primary {
        font-size: 14px !important
    }

    .customerslogo .row {
        margin: 0 !important
    }

    .statscount .statsbox {
        margin: 0 0 30px
    }

    .static_header h1 {
        font-size: 35px;
        letter-spacing: -2px
    }

    .static_header h4 {
        font-family: 'Titillium Web',sans-serif;
        font-size: 16px !important;
        font-weight: 600
    }

    .productsrow {
        padding: 30px 0 !important
    }

    .centerbutton {
        margin: 15px 0
    }

    .customerslogo .col-xs-6 {
        padding: 0
    }

    .casestudies .tc {
        margin-bottom: 65px
    }

    .casestudies {
        margin: 0 0 30px
    }

    .smallspacer, .spacer {
        display: none
    }

    .leftborder {
        border: 0 solid #fff;
        padding: 0 15px
    }

    .white_bg {
        padding: 15px 0
    }

    .customerslogo {
        padding-bottom: 55px
    }

    .static_header h1 {
        margin-top: 50%
    }

    .hp-customers img, .static_header .btn-danger {
        width: 100%
    }

    .blog-news {
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 10px
    }

    .leftborder .blog-news:last-child {
        border-bottom: 0 solid #f7f7f7;
        padding-bottom: 10px
    }

    .searchbtn span.glyphicon-circle-arrow-right {
        margin: 9px 0 !important
    }

    .searchul #siteSearchTextBox {
        width: 78%
    }

    .static_header .btn-danger {
        font-size: 16px
    }

    .gr-margin {
        margin-top: 45px !important
    }

    .footer .col-lg-1, .footer .col-lg-10, .footer .col-lg-11, .footer .col-lg-12, .footer .col-lg-2, .footer .col-lg-3, .footer .col-lg-4, .footer .col-lg-5, .footer .col-lg-6, .footer .col-lg-7, .footer .col-lg-8, .footer .col-lg-9, .footer .col-md-1, .footer .col-md-10, .footer .col-md-11, .footer .col-md-12, .footer .col-md-2, .footer .col-md-3, .footer .col-md-4, .footer .col-md-5, .footer .col-md-6, .footer .col-md-7, .footer .col-md-8, .footer .col-md-9, .footer .col-sm-1, .footer .col-sm-10, .footer .col-sm-11, .footer .col-sm-12, .footer .col-sm-2, .footer .col-sm-3, .footer .col-sm-4, .footer .col-sm-5, .footer .col-sm-6, .footer .col-sm-7, .footer .col-sm-8, .footer .col-sm-9, .footer .col-xs-1, .footer .col-xs-10, .footer .col-xs-11, .footer .col-xs-12, .footer .col-xs-2, .footer .col-xs-3, .footer .col-xs-4, .footer .col-xs-5, .footer .col-xs-6, .footer .col-xs-7, .footer .col-xs-8, .footer .col-xs-9 {
        padding-left: 0;
        padding-right: 0
    }

    .footer1 h3::after {
        color: #222
    }

    .btn-primary.whitebg, .btn-primary.whiteborder {
        font-size: 14px !important;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .bg-gray-e3 {
        padding: 70px 0 0
    }
}

.static_header.header3 {
    min-height: 670px;
    background: url(/templates/aspose/App_Themes/V3/images/bg/staticheader.jpg) top center no-repeat #439cda;
    background-size: cover
}

    .static_header.header3 h1 {
        margin-top: 300px
    }

.laptopheader {
    background: 0 0;
    font-size: 36px;
    top: 73px;
    max-height: 510px;
    min-height: 510px;
    padding: 0;
    opacity: .7
}

.linenumbers {
    margin: 0;
    padding: 0;
    font-size: 25px;
    min-Height: 510px
}

    .linenumbers ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        background-color: rgba(255,255,255,.3);
        width: 40px;
        text-align: center
    }

        .linenumbers ul li {
            clear: both;
            display: block;
            width: 100%;
            font-size: 11px;
            color: transparent;
            text-shadow: 0 0 2px rgba(255,255,255,255.5);
            line-height: 32px;
            padding: 0
        }

.text-editor-wrap {
    float: left;
    text-align: left;
    margin-top: 95px;
    line-height: 22px;
    font-size: 18px;
    opacity: .8
}

.text-body p {
    color: transparent;
    text-shadow: 0 0 5px rgba(255,255,255,255.5);
    white-space: nowrap
}

    .text-body p font {
        color: transparent;
        text-shadow: 0 0 5px rgba(156,215,101,255.5)
    }

.text-body p, ::-ms-backdrop {
    color: rgba(255,255,255,.1);
    text-shadow: 0 0 5px rgba(255,366,255,255.7)
}

    .text-body p font, ::-ms-backdrop {
        color: rgba(156,215,101,.1);
        text-shadow: 0 0 10px rgba(156,215,101,.1)
    }

.typed-cursor {
    color: transparent;
    text-shadow: 0 0 2px rgba(255,255,255,255.5)
}

.headertitle {
    text-align: right;
    position: relative
}

.static_header.header3 .headertitle h1 {
    margin-top: 235px !important;
    font-size: 65px;
    letter-spacing: -1px;
    color: #fafafa;
    white-space: nowrap
}

.static_header.header3 .headertitle h4 {
    font-family: 'Titillium Web',sans-serif;
    font-size: 24px;
    color: #fafafa;
    font-weight: 600;
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.headertext {
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

.nav > li {
    margin: 0 4px
}

.sub-menu-container .nav > li {
    margin: 0 !important
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0 !important
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible
}

.dropdown:hover .dropdown-menu {
    display: block
}

.nav-pills .dropdown-menu, .nav-tabs .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0,0,0,.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    top: 11px;
    left: -6px
}

@media (max-width:1024px) and (min-width:768px) {
    .col-md-6.headertext {
        margin-top: -5% !important
    }

    .static_header .btn-danger {
        margin: 20px auto;
        display: table
    }
}

@media (max-width:1024px) and (min-width:0px) {
    .static_header.header3 {
        min-height: 450px;
        background-position: 70% 0 !important
    }

    .headertext {
        margin-top: 25% !important;
        position: relative;
        text-align: center;
        width: 100%;
        z-index: 5;
        margin: 0
    }

    .static_header.header3 .headertitle h1, .static_header.header3 .headertitle h4, .text-body p {
        white-space: normal
    }

    .laptopheader {
        display: block !important;
        position: absolute;
        z-index: 1;
        min-height: 300px;
        max-height: 300px;
        overflow: hidden
    }

    .text-editor-wrap {
        float: left;
        text-align: left;
        margin-top: 15px;
        line-height: 22px;
        font-size: 18px;
        opacity: .9
    }

    .headertitle {
        text-align: center
    }

    .static_header.header3 .headertitle h1 {
        margin-top: 80px !important;
        font-size: 35px;
        letter-spacing: -2px;
        text-align: center
    }

    .static_header.header3 .headertitle h4 {
        width: 70%;
        margin: 0 auto;
        text-align: center
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible
    }

    .dropdown:hover .dropdown-menu {
        display: none
    }

    .dropdown.open .dropdown-menu {
        display: block
    }
}

.arrow_box, .hp-cases .nav-tabs li a, .hp-customers2, .hp-stats .donut, .navbar .container {
    position: relative
}

@media (max-width:1024px) and (min-width:640px) {
    .minheigh-auto {
        min-height: 77px !important
    }

    .searchul #siteSearchTextBox {
        width: 90% !important
    }
}

@media (min-width:0px) and (max-width:1024px) {
    .static_header.header3 {
        min-height: auto;
        padding-bottom: 50px
    }
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    animation: blink .7s infinite;
    margin-top: -8px;
    float: left
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.navbar-nav {
    font-weight: 600;
    margin-left: 38px
}

    .navbar-nav .glyphicon {
        color: #fca700;
        font-size: 12px;
        margin-right: 5px
    }

.navbar-right {
    font-size: 13px
}

.navbar-collapse .dpnone {
    display: none
}

.navbar-collapse {
    display: block
}

.header1 {
    
    margin-top: 85px;
    color: #fff;
    text-align: center;
    padding-bottom: 45px
}

    .header1 h1, .header1 h4 {
        font-weight: 700;
        text-shadow: 0 2px 1px rgba(0,0,0,.34)
    }

    .header1 h1 {
        margin-top: 38px
    }

    .header1 h4 {
        line-height: 1.5;
        margin: 25px 0
    }

    .btn-lg, .header1 .btn-danger {
        font-size: 16px;
        font-weight: 700
    }

    .header1 .slide-img {
        padding-top: 35px
    }

        .header1 .slide-img img {
            width: auto
        }

div[class*=hp-] {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px
}

    div[class*=hp-] h2 {
        font-size: 37px;
        font-weight: 700;
        color: #182945;
        margin-bottom: 30px
    }

        div[class*=hp-] h2 small {
            color: #7f7f7f;
            display: block;
            clear: both;
            font-size: 18px;
            margin-top: 10px
        }

    div[class*=hp-] h3 {
        color: #6aa8d2;
        font-weight: 700;
        font-size: 30px
    }

.hp-stats .donut {
    color: #7c7c7c;
    height: 100%;
    font-size: 16px
}

IMG.hp-stats-img {
    width: 100%;
    height: 100%
}

.hp-testi h4 {
    color: #182945;
    font-size: 20px;
    font-weight: 600
}

    .hp-testi h4 small {
        display: block;
        font-size: 13px;
        margin-top: 10px
    }

        .hp-testi h4 small a {
            margin: 10px;
            font-size: 15px;
            font-weight: 600;
            display: block;
            height: 36px
        }

.hp-testi .logo {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: #fff;
    border: 10px solid;
    border-radius: 50%
}

.hp-testi .col-md-4 {
    padding-bottom: 20px
}

    .hp-testi .col-md-4:nth-child(1) .logo {
        border-color: #f9f6a2
    }

    .hp-testi .col-md-4:nth-child(2) .logo {
        border-color: #afc3df
    }

    .hp-testi .col-md-4:nth-child(3) .logo {
        border-color: #f5d6c1
    }

.hp-testi h4 .glyphicon-star {
    font-size: 12px;
    color: #f1c40f
}

.hp-testi em {
    clear: both;
    display: block;
    font-style: normal;
    font-size: 15px;
    color: #3c8dc5;
    margin-top: 10px
}

.hp-testi p a {
    color: #7c7c7c;
    font-size: 14px
}

.hp-cases {
    padding-bottom: 10px !important
}

    .hp-cases .nav-tabs {
        border-bottom: 0
    }

        .hp-cases .nav-tabs li a {
            border-radius: 6px;
            border: 0;
            padding: 0 !important;
            opacity: .3;
            margin-left: 35px;
            margin-right: 35px
        }

            .hp-cases .nav-tabs li a:hover {
                border: 0;
                opacity: .9
            }

        .hp-cases .nav-tabs li.active a {
            opacity: 1;
            position: relative;
            border: 0 solid #eee
        }

            .hp-cases .nav-tabs li.active a:hover {
                opacity: 1
            }

        .hp-cases .nav-tabs li:nth-child(1) a {
            background: #d01f25
        }

        .hp-cases .nav-tabs li:nth-child(2) a {
            background: #f89516
        }

        .hp-cases .nav-tabs li:nth-child(3) a {
            background: #424886
        }

        .hp-cases .nav-tabs li:nth-child(4) a {
            background: #333
        }

    .hp-cases .tab-content {
        margin-top: 10px;
        border-top: 1px solid #eee;
        padding: 30px 0
    }

        .hp-cases .tab-content h3 {
            font-weight: 600;
            color: #182945;
            font-size: 26px
        }

        .hp-cases .tab-content p {
            margin-top: 20px
        }

.hp-customers {
    padding-bottom: 0 !important
}

.hp-customers2 {
    border-top: 1px solid #e4e4e4;
    background: #f1f1f1
}

    .hp-customers2 .col-md-2 {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .hp-customers2 IMG {
        width: auto;
        height: auto;
        max-width: 160px
    }

.arrow_box {
    background: #ccc;
    z-index: 1;
    height: 0
}

    .arrow_box EM {
        background: url(/templates/aspose/App_Themes/V3/images/logos/aspose-37x37.png) center bottom no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        margin: -10px auto 0;
        width: 37px;
        z-index: 2;
        height: 37px
    }

    .arrow_box:after, .arrow_box:before, .dropdown-menu:after, .dropdown-menu:before {
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute
    }

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        width: 0
    }

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

    .arrow_box:before {
        border-color: rgba(228,228,228,0);
        border-top-color: #e4e4e4;
        border-width: 51px;
        margin-left: -51px
    }

.content2 .box2 .list-unstyled li a, .content2 .tagline1 a, .content2 h6 a, div[class*=hp-] {
    color: #5b5b5b
}

.p10px {
    padding: 10px
}

.displaynone {
    display: none !important
}

.tagline-ico {
    display: inline;
    float: left;
    width: 20px;
    margin-top: 2px
}

.moduletable + p {
    display: none
}

.dropdown-menu {
    margin-top: 16px !important;
    padding: 10px 0
}

    .dropdown-menu:after, .dropdown-menu:before {
        bottom: 100%;
        left: 29%;
        border: solid transparent;
        width: 0
    }

    .dropdown-menu:before {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px
    }

.searchli:hover .searchul {
    cursor: default;
    visibility: visible;
    margin-top: 0;
    transition: all .4s ease-in-out;
    opacity: 1
}

.searchul, .visi-hide, a.anchor-fixed {
    visibility: hidden
}

.searchli:hover span.glyphicon-search {
    color: #3d8ec4 !important
}

.searchanchor {
    padding-bottom: 31px !important;
    cursor: pointer;
    padding-top: 19px !important
}

.searchul {
    position: absolute;
    margin-left: -180px;
    width: 230px;
    margin-top: 20px;
    list-style: none;
    background: #333;
    padding: 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0;
    border-radius: 0 0 6px 6px
}

    .searchul li {
        margin: 0;
        padding: 0
    }

        .searchul li input {
            color: #7c7c7c;
            font-weight: 400;
            padding: 5px 10px;
            border-radius: 4px;
            border: 0 solid #fff;
            outline: 0;
            float: left;
            width: 175px
        }

            .searchul li input:focus {
                background: #fafafa;
                outline: 0
            }

.searchbtn {
    padding: 0;
    background: #3d8ec4;
    border-radius: 100px;
    content: ">";
    color: #fff;
    line-height: 19px;
    margin-left: 5px;
    cursor: pointer;
    width: 29px;
    height: 28px;
    float: left;
    text-indent: 4.5px
}

.log-success ul:after, .searchul:after {
    height: 0;
    width: 0;
    bottom: 100%;
    content: " ";
    pointer-events: none;
    position: absolute
}

.searchbtn:hover {
    background: #3071a9;
    cursor: pointer
}

.searchbtn span.glyphicon-circle-arrow-right {
    color: #fff;
    padding: 0;
    margin: 7px 0
}

.searchul:after {
    left: 86%;
    border: solid transparent;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #333;
    border-width: 8px;
    margin-left: -8px
}

.log-hide {
    display: none !important
}

.log-success ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0 solid #ccc;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    margin: 0 0 0 -120px
}

    .log-success ul:after {
        left: 81%;
        border: solid transparent;
        border-color: rgba(255,255,255,0);
        border-bottom-color: #333;
        border-width: 10px;
        margin-left: -10px
    }

    .log-success ul li {
        padding: 5px 10px 10px;
        clear: both;
        float: left;
        width: 100%
    }

    .log-success ul h3 {
        font-size: 13px;
        font-weight: 700;
        margin: 5px 0;
        color: #fafafa
    }

.log-success .tc a.btn {
    display: block
}

#UserNameLink {
    color: #fafafa;
    padding: 0 0 10px;
    float: left;
    font-size: 14px
}

.h10px {
    height: 10px;
    display: none
}

.borderbottom {
    border-bottom: 1px solid #3c3c3c
}

#linkID:hover span {
    color: #3d8ec4 !important
}

#linkID:hover > ul {
    display: block !important
}

.header4 ul {
    padding-left: 10px;
    width: 290px
}

.docsbtn, .forumbtn {
    width: 190px
}

.header4 ul li {
    font-size: 14px;
    padding-bottom: 10px
}

.header-btn {
    display: block;
    margin-left: 10px;
    margin-top: 20px
}

.ul-space h4, .ul-space ul {
    margin-left: 50px
}

.header4 img {
    margin-top: 90px
}

.iframewhite {
    padding: 20px 10px;
    background: #fff
}

.forumbtn {
    margin-left: 60px
}

.header4 h4 {
    margin-bottom: 15px
}

.hoverlinks {
    display: none
}

.layout3 {
    width: 960px;
    margin: 0 auto
}

    .layout3 li, .layout3 li a {
        width: 155px;
        float: left
    }

    .layout3 ul {
        padding: 0;
        margin: 0;
        list-style-type: none
    }

    .layout3 li a {
        font-size: 14px;
        color: #fff;
        text-align: center
    }

        .layout3 li a em {
            font-size: 14px;
            font-style: normal;
            color: #fff
        }

    .layout3 li img {
        padding-left: 30px
    }

    .layout3 li:hover div.hoverlinks {
        display: block;
        width: 300px;
        background: #fafafa;
        float: left;
        position: absolute;
        margin-top: 100px;
        margin-left: -75px;
        box-shadow: 4px 4px 10px -4px #3d3d3d;
        z-index: 15
    }

div.hoverlinks .featuresimg {
    width: 110px;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0
}

.backtop, .breadcrumb > li:nth-child(2):before {
    display: none
}

div.hoverlinks .featuresimg img {
    padding: 15px 5px !important;
    margin: 0 !important;
    float: left
}

div.hoverlinks .featurestext {
    float: left;
    width: 160px;
    text-align: left
}

    div.hoverlinks .featurestext h3 {
        color: #085890;
        font-size: 18px;
        font-weight: 700
    }

    div.hoverlinks .featurestext em {
        color: #7c7c7c;
        font-size: 13px;
        font-style: normal
    }

.hoverlinks .btn-info {
    width: 130px !important;
    margin: 5px -6px 5px 16px
}

.hoverlinks .col-12 {
    margin: 10px 0;
    float: left
}

.hoverlinks:after, .hoverlinks:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(250,250,250,0);
    border-bottom-color: #fafafa
}

.hoverlinks:after {
    border-width: 10px;
    margin-left: -10px
}

.hoverlinks:before {
    border-width: 16px;
    margin-left: -16px
}

.layout3 .featursul1 li {
    border-right: 1px dotted #fafafa;
    border-bottom: 1px dotted #fafafa;
    padding-bottom: 20px
}

    .layout3 .featursul1 li:last-child {
        border-right: 0 solid #fafafa
    }

    .layout3 .featursul1 li:after {
        bottom: 131px;
        content: ".";
        font-size: 48px;
        position: absolute;
        margin-left: -7px
    }

    .layout3 .featursul1 li:first-child::before {
        bottom: 131px;
        content: ".";
        font-size: 50px;
        position: absolute;
        margin-left: -82px
    }

.layout3 .featursul2 li {
    border-right: 1px dotted #fafafa;
    padding-top: 20px
}

    .layout3 .featursul2 li:last-child {
        border-right: 0 solid #fafafa
    }

@-moz-document url-prefix() {
    .layout3 .featursul1 li:after, .layout3 .featursul1 li:first-child::before {
        bottom: 132px;
        content: ".";
        font-size: 48px;
        position: absolute
    }

    .layout3 .featursul1 li:after {
        margin-left: -7px
    }

    .layout3 .featursul1 li:first-child::before {
        margin-left: -162px
    }
}

.featursul1 li:nth-child(6):before, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -7px
}

.featursul1 li:last-child:after, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -5px
}

.featursul1 li:first-child::before, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -162px;
    display: none
}

.breadcrumb > li:nth-child(2) .pathway {
    width: 20px;
    height: 20px;
    float: left;
    background: url(/templates/aspose/App_Themes/V3/images/logos/aspose-symbol-20x20.png) no-repeat;
    text-indent: -999px;
    position: absolute;
    margin: -15px -4px
}

.backtop {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    background-image: url(/templates/aspose/App_Themes/V3/images/icons/backtop.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    bottom: 50px
}

    .backtop:hover {
        background-position: 0 -51px
    }

.mt10 {
    margin-top: 10px
}

.bg-gray {
    background-color: #f8f8f8;
    border-bottom: 1px solid #eaeaea
}

a, a:focus, a:hover {
    outline: 0
}

.bor-btm {
    border-bottom: 1px solid #e3e3e3
}

.hp-cases .nav-tabs li a, .navbar-collapse li > a, .rw-table1 tr td {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear
}

.sub-menu-container {
    -webkit-box-shadow: 0 3px 5px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 3px 5px 0 rgba(50,50,50,.15);
    box-shadow: 0 3px 5px 0 rgba(50,50,50,.15)
}

.box2.banner1 {
    -webkit-box-shadow: 0 3px 0 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 3px 0 0 rgba(50,50,50,.15);
    box-shadow: 0 3px 0 0 rgba(50,50,50,.15)
}

a.anchor-fixed {
    display: block;
    position: relative;
    top: -180px
}

.seperator1 .col-md-3 {
    height: 4px
}

    .seperator1 .col-md-3:nth-child(1) {
        background: #a2c43a
    }

    .seperator1 .col-md-3:nth-child(2) {
        background: #3481b5
    }

    .seperator1 .col-md-3:nth-child(3) {
        background: #fc7c2a
    }

    .seperator1 .col-md-3:nth-child(4) {
        background: #e7d63b
    }

.footer1 UL {
    padding-left: 0;
    list-style: none;
    display: block
}

.footer1 a:active, .footer1 a:focus, .footer1 a:hover {
    text-decoration: underline !important;
    background: 0 0 !important
}

.footer1 .fa {
    color: #6fb7e9
}

.footer2 {
    border-top: 1px solid #1a2d4c;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ccc;
    text-align: center
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(..fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@media all and (min-width:1024px) {
    .footer1 .dpnone {
        display: none
    }
}

@media all and (max-width:1024px) and (min-width:0px) {
    .hideresponsive {
        display: block !important
    }

    .footer {
        padding: 0
    }

    .footer1 {
        padding-bottom: 10px;
        width: 100%
    }

        .footer1 .col-md-2 {
            padding: 0
        }

        .footer1 H3 {
            border-width: 0;
            font-size: 14px;
            margin-top: 0;
            padding: 10px;
            margin-bottom: 0;
            border-bottom: 0 solid #111
        }

    .layout3 .featursul1 li, .layout3 .featursul2 li {
        border-right: 0 dotted #fafafa !important
    }

    .layout3 .featursul2 li, .pd88 {
        padding-top: 0 !important
    }

    .footer1 h3:hover {
        cursor: pointer
    }

    .dpnone {
        display: inline
    }

    .footer1 UL {
        display: none;
        margin-left: 15px
    }

    .footer1 .in {
        display: block !important
    }

    .footer1 h3:after, .navbar-default .navbar-nav > li > a.dropdown-toggle:after {
        content: "\e081";
        text-align: right;
        position: relative;
        top: -15px;
        display: block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        height: 0
    }

    .footer1 h3:after {
        width: 100%;
        color: #6fb7e9
    }

    .navbar-default .navbar-nav > li > a.dropdown-toggle:after {
        width: 99%;
        color: #868686
    }

    .navbar-default .login1 > li > a:after {
        display: none !important
    }

    .top-nav .dropdown-menu {
        margin-top: 0 !important;
        padding: 0 !important
    }

    .footer1 a.displaynone {
        display: block !important
    }

    .dropdown-menu:after, .dropdown-menu:before {
        display: none !important
    }

    .slide-img img {
        width: 100% !important;
        margin: 0 auto;
        display: inline-block;
        float: none
    }

    .layout3 {
        width: 100%
    }

        .layout3 .featursul1 li {
            border-bottom: 0 dotted #fafafa !important;
            padding-bottom: 0 !important
        }

        .layout3 ul {
            width: 85% !important;
            margin: 0 auto !important
        }

    .bcrumb1, .featureslayout {
        display: none
    }

    .navbar-collapse UL, .navbar-right {
        margin: 0
    }

    .navbar-collapse.collapse {
        display: none
    }

        .navbar-collapse.collapse.in {
            display: block
        }

    .navbar {
        min-height: 60px
    }

    .navbar-brand {
        line-height: 60px;
        height: 60px
    }

        .navbar-brand IMG {
            width: 100%;
            height: auto;
            max-height: 50px;
            max-width: 176px
        }

    .navbar-default .navbar-toggle {
        border: 0;
        float: left;
        border-radius: 0;
        background: #181818;
        margin: 0;
        height: 60px;
        line-height: 60px;
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-right li {
        display: inline;
        float: left;
        line-height: 60px;
        height: 60px
    }

    .navbar-right > li > a {
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0
    }

        .navbar-right > li > a:hover {
            background: #2e2e2e !important
        }

    .navbar-right .glyphicon {
        font-size: 16px
    }

    .navbar-collapse .dpnone {
        display: inline
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        right: 40px;
        top: 60px;
        background: #fff;
        padding-right: 0;
        max-height: 400px !important;
        overflow: auto;
        -webkit-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25);
        -moz-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25);
        box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25)
    }

        .navbar-collapse a {
            color: #333 !important;
            line-height: 40px;
            padding-left: 10px
        }

        .navbar-collapse li {
            background: #fff
        }

            .navbar-collapse li.active a {
                background: #fca700;
                color: #fff !important
            }

            .navbar-collapse li.dropdown.open, .navbar-collapse li > a {
                border-bottom: 1px solid #e3e3e3
            }

            .navbar-collapse li:last-child, .navbar-right.login1 a {
                border-bottom: 0
            }

            .navbar-collapse li .dropdown-menu a {
                border: 0;
                color: #868686 !important
            }

            .navbar-collapse li.dropdown.open > a {
                background: #fca700 !important;
                color: #fff !important
            }

        .navbar-collapse .caret {
            display: none
        }

        .navbar-collapse .dpnone {
            font-size: 14px;
            color: #868686
        }

        .navbar-collapse li.dropdown.open .dpnone {
            color: #fff
        }

    .navbar-right li:before {
        content: ""
    }

    .navbar-right.login1 {
        display: block;
        float: left !important;
        width: 100%;
        background: #fff
    }

        .navbar-right.login1 li > a:hover {
            background: #eee !important
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .navbar-nav {
        margin-left: 10px
    }

    .navbar-brand a {
        padding: 0
    }

    .navbar-nav > li > a {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .navbar-nav {
        background: pink
    }

    .navbar-default .navbar-toggle {
        margin-right: 10px
    }
}

@media all and (max-width:1199px) and (min-width:0px) {
    .header1 {
        margin-top: 60px
    }
}

@media (min-width:1200px) {
    .hp-stats .donut li:nth-child(1) SMALL, .hp-stats .donut li:nth-child(2) SMALL, .hp-stats .donut li:nth-child(4) SMALL, .hp-stats .donut li:nth-child(5) SMALL, .hp-stats .donut li:nth-child(6) SMALL {
        display: block
    }

    .hp-stats .donut {
        font-size: 30px;
        font-weight: 700
    }

    .hp-stats-img {
        position: absolute;
        left: 0;
        right: 0
    }

    .hp-stats .donut UL {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .hp-stats .donut li {
        border-top: 1px solid #e3e3e3;
        width: 40%;
        box-sizing: border-box;
        padding-bottom: 10px;
        position: relative
    }

        .hp-stats .donut li:nth-child(even):after, .hp-stats .donut li:nth-child(odd):before {
            content: ' \25CF';
            font-size: 18px;
            color: #c2c2c2;
            position: absolute;
            top: -15px
        }

        .hp-stats .donut li:nth-child(even) {
            float: right
        }

        .hp-stats .donut li:nth-child(odd) {
            float: left
        }

            .hp-stats .donut li:nth-child(odd):before {
                left: -2px
            }

        .hp-stats .donut li:nth-child(even):after {
            right: -2px
        }

        .hp-stats .donut li SMALL {
            font-size: 14px;
            font-weight: 400
        }

        .hp-stats .donut li:nth-child(1) {
            text-align: left;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(2) {
            text-align: right;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(3) {
            text-align: left;
            padding-top: 10px
        }

            .hp-stats .donut li:nth-child(3) SMALL {
                display: block;
                text-align: left
            }

        .hp-stats .donut li:nth-child(4) {
            text-align: right;
            padding-top: 10px;
            padding-left: 40px
        }

            .hp-stats .donut li:nth-child(4) SMALL {
                text-align: right
            }

        .hp-stats .donut li:nth-child(5) {
            text-align: left;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(6) {
            text-align: right;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }
}

@media (min-width:768px) and (max-width:1199px) {
    .hp-stats .donut {
        font-size: 20px;
        font-weight: 700
    }

        .hp-stats .donut li {
            width: 50%;
            box-sizing: border-box;
            text-align: center;
            display: inline;
            float: left;
            padding: 5px 10px;
            list-style-type: disc
        }

            .hp-stats .donut li SMALL {
                font-size: 16px;
                font-weight: 400
            }
}

@media (max-width:767px) {
    .hp-stats .donut {
        font-size: 20px;
        font-weight: 700
    }

        .hp-stats .donut li {
            display: block;
            width: 90%;
            clear: both
        }

            .hp-stats .donut li SMALL {
                font-size: 16px;
                font-weight: 400
            }
}

@media (min-width:1200px) {
    .hp-cases .nav-tabs li.active a:after, .hp-cases .nav-tabs li.active a:before {
        top: 51px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .hp-cases .nav-tabs li.active a:after {
        border-color: rgba(255,255,255,0);
        border-top-color: #fff;
        border-width: 20px;
        margin-left: -20px
    }

    .hp-cases .nav-tabs li.active a:before {
        border-color: rgba(238,238,238,0);
        border-top-color: #eee;
        border-width: 21px;
        margin-left: -21px
    }
}

@media all and (max-width:1199px) and (min-width:0px) {
    .hp-cases .nav-tabs li a {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px
    }

        .hp-cases .nav-tabs li a IMG {
            width: 100%;
            max-width: 170px
        }
}

@media (max-width:1024px) and (min-width:0px) {
    .searchli, .searchul, .searchul li {
        width: 100%
    }

    .searchli {
        clear: both
    }

    .searchanchor {
        display: none !important
    }

    .searchul {
        display: block;
        float: left;
        opacity: 1;
        padding-bottom: 0;
        padding-top: 20px;
        background: 0 0 !important;
        border-top: 1px solid #e3e3e3;
        visibility: visible
    }

        .searchul #siteSearchTextBox {
            width: 82%;
            padding: 0 10px;
            height: 40px;
            background: #eee;
            line-height: 0
        }

        .searchul .searchbtn {
            width: 35px;
            padding: 0 0 35px;
            margin: 2px 10px;
            float: right
        }

    #linkIDout, .header1 .slide-img img {
        width: 100%
    }

    .searchul:after {
        display: none
    }

    .searchli:hover .searchul {
        cursor: default
    }

    #linkIDout {
        display: block !important
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background: 0 0
    }
}

.minify-header a, .minify-header h1, .minify-header h2, .minify-header h4 {
    font-family: 'Open Sans',sans-serif
}

.arrow_box, .hp-cases .nav-tabs li a, .hp-customers2, .hp-stats .donut, .navbar .container {
    position: relative
}

    .arrow_box:after, .arrow_box:before, .dropdown-menu:after, .dropdown-menu:before, .hoverlinks:after, .hoverlinks:before, .lhs1 .nav-tabs li.active a:after {
        content: " ";
        pointer-events: none
    }

.btmboxes li p, .topboxes li p {
    text-overflow: ellipsis;
    overflow: hidden
}

.btmboxes, .layout3 ul, .policy-table, .policy-table li, .testi-box, .topboxes {
    list-style-type: none
}

.minify-header {
    padding: 45px 0
}

    .minify-header h1 {
        font-weight: lighter !important;
        margin-top: 2% !important;
        font-size: 38px
    }

    .minify-header h4 {
        font-weight: 300;
        font-size: 22px
    }

    .minify-header a {
        font-size: 22px !important;
        font-weight: 100 !important
    }

    .minify-header img.totalimg {
        min-width: 312px !important
    }

    .minify-header img {
        max-width: 250px !important;
        float: none;
        margin: 3% auto 0 !important
    }

    .minify-header h2 {
        font-weight: 600;
        font-size: 22px;
        margin-top: 5px;
        line-height: 24px
    }

.offer-products h5 span em, .title2 h4 small b {
    font-family: "Times New Roman",Times,serif
}

.minify-header h2 em {
    display: block;
    font-size: 14px;
    font-style: normal
}

.navbar-nav {
    font-weight: 600;
    margin-top: 20px;
    margin-left: 38px
}

    .navbar-nav .glyphicon {
        color: #fca700;
        font-size: 12px;
        margin-right: 5px
    }

.navbar-right {
    font-size: 13px
}

.navbar-collapse .dpnone {
    display: none
}

.navbar-collapse {
    display: block
}

.header1 {
    background: #4185f4;
    margin-top: 0;
    color: #fff;
    text-align: center;
    padding-bottom: 45px
}

    .header1 h1, .header1 h4 {
        font-weight: 700;
        text-shadow: none
    }

    .header1 h1 {
        margin-top: 34px
    }

    .header1 h4 {
        line-height: 1.5;
        margin: 25px 0;
        color: #fafafa
    }

    .btn-lg, .header1 .btn-danger {
        font-size: 16px;
        font-weight: 700
    }

    .header1 .slide-img {
        padding-top: 35px
    }

div[class*=hp-] {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 60px
}

    div[class*=hp-] h2 {
        font-size: 37px;
        font-weight: 700;
        color: #182945;
        margin-bottom: 30px
    }

        div[class*=hp-] h2 small {
            color: #7f7f7f;
            display: block;
            clear: both;
            font-size: 18px;
            margin-top: 10px
        }

    div[class*=hp-] h3 {
        color: #6aa8d2;
        font-weight: 700;
        font-size: 30px
    }

.hp-stats .donut {
    color: #7c7c7c;
    height: 100%;
    font-size: 16px
}

IMG.hp-stats-img {
    width: 100%;
    height: 100%
}

.hp-testi h4 {
    color: #182945;
    font-size: 20px;
    font-weight: 600
}

    .hp-testi h4 small {
        display: block;
        font-size: 13px;
        margin-top: 10px
    }

        .hp-testi h4 small a {
            margin: 10px;
            font-size: 15px;
            font-weight: 600;
            display: block;
            height: 36px
        }

.hp-testi .logo {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: #fff;
    border: 10px solid;
    border-radius: 50%
}

.hp-testi .col-md-4 {
    padding-bottom: 20px
}

    .hp-testi .col-md-4:nth-child(1) .logo {
        border-color: #f9f6a2
    }

    .hp-testi .col-md-4:nth-child(2) .logo {
        border-color: #afc3df
    }

    .hp-testi .col-md-4:nth-child(3) .logo {
        border-color: #f5d6c1
    }

.hp-testi h4 .glyphicon-star {
    font-size: 12px;
    color: #f1c40f
}

.hp-testi em {
    clear: both;
    display: block;
    font-style: normal;
    font-size: 15px;
    color: #3c8dc5;
    margin-top: 10px
}

.hp-testi p a {
    color: #7c7c7c;
    font-size: 14px
}

.hp-cases {
    padding-bottom: 10px !important
}

    .hp-cases .nav-tabs {
        border-bottom: 0
    }

        .hp-cases .nav-tabs li a {
            border-radius: 6px;
            border: 0;
            padding: 0 !important;
            opacity: .3;
            margin-left: 35px;
            margin-right: 35px
        }

            .hp-cases .nav-tabs li a:hover {
                border: 0;
                opacity: .9
            }

        .hp-cases .nav-tabs li.active a {
            opacity: 1;
            position: relative;
            border: 0 solid #eee
        }

            .hp-cases .nav-tabs li.active a:hover {
                opacity: 1
            }

        .hp-cases .nav-tabs li:nth-child(1) a {
            background: #d01f25
        }

        .hp-cases .nav-tabs li:nth-child(2) a {
            background: #f89516
        }

        .hp-cases .nav-tabs li:nth-child(3) a {
            background: #424886
        }

        .hp-cases .nav-tabs li:nth-child(4) a {
            background: #333
        }

    .hp-cases .tab-content {
        margin-top: 10px;
        border-top: 1px solid #eee;
        padding: 30px 0
    }

        .hp-cases .tab-content h3 {
            font-weight: 600;
            color: #182945;
            font-size: 26px
        }

        .hp-cases .tab-content p {
            margin-top: 20px
        }

.hp-customers {
    padding-bottom: 0 !important
}

.hp-customers2 {
    border-top: 1px solid #e4e4e4;
    background: #f1f1f1
}

    .hp-customers2 .col-md-2 {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .hp-customers2 IMG {
        width: auto;
        height: auto;
        max-width: 160px
    }

.arrow_box {
    background: #ccc;
    z-index: 1;
    height: 0
}

    .arrow_box EM {
        background: url(/templates/aspose/App_Themes/V3/images/Logos/aspose-37x37.png) center bottom no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        margin: -10px auto 0;
        width: 37px;
        z-index: 2;
        height: 37px
    }

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute
    }

    .arrow_box:after {
        border-color: rgba(255,255,255,0);
        border-top-color: #f8f8f8;
        border-width: 50px;
        margin-left: -50px
    }

    .arrow_box:before {
        border-color: rgba(228,228,228,0);
        border-top-color: #e4e4e4;
        border-width: 51px;
        margin-left: -51px
    }

    .arrow_box.cloudarrow:after {
        border-color: rgba(255,255,255,0);
        border-top-color: #3b8bc2 !important;
        border-width: 50px;
        margin-left: -50px
    }

.header2 {
    height: 397px;
    text-align: left
}

    .header2 h4 {
        font-weight: 400;
        text-shadow: none
    }

    .header2 .btn-warning {
        font-size: 20px;
        font-weight: 600;
        padding: 14px 24px;
        text-shadow: 0 2px 1px rgba(0,0,0,.34)
    }

    .header2 IMG.col-xs-12 {
        width: auto !important;
        margin-top: 35px
    }

    .header2 UL {
        padding-left: 15px
    }

    .header2 h5 {
        font-weight: 700;
        margin-top: 20px
    }

.title2 {
    color: #7c7c7c;
    padding-left: 0;
    padding-right: 0
}

    .title2 IMG {
        display: inline;
        float: left;
        margin-right: 8px;
        width: 42px;
        height: 42px;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }

    .title2 span IMG {
        -webkit-filter: inherit;
        filter: inherit
    }

    .title2 h4 {
        margin: 0;
        font-weight: 700;
        font-size: 16px
    }

        .title2 h4 small {
            display: block;
            margin-top: 2px;
            font-weight: 400;
            font-size: 14px
        }

            .title2 h4 small b {
                font-style: italic;
                font-weight: 400
            }

.content2.corporatesections {
    background: #fff;
    color: #5b5b5b
}

.content2, .content3 {
    background: #f8f8f8;
    color: #5b5b5b
}

    .content2 .lhs1, .content2 .lhs2 {
        border-right: 1px solid #e3e3e3;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .content2 .box1 {
        padding-bottom: 15px;
        margin-bottom: 25px
    }

        .content2 .box1 P {
            padding-bottom: 10px
        }

            .content2 .box1 P:only-of-type {
                margin-bottom: 00px
            }

        .content2 .box1 .thumbnail {
            padding-top: 20px;
            padding-bottom: 20px;
            margin-top: 15px
        }

        .content2 .box1 OL, .content2 .box1 UL {
            line-height: 1.8;
            padding-left: 30px;
            margin-bottom: 30px
        }

            .content2 .box1 UL:only-of-type {
                margin-bottom: 00px
            }

    .content2 .tagline1 {
        font-size: 13px;
        margin-top: 30px;
        padding-top: 15px;
        border-top: 1px solid #e3e3e3
    }

    .content2 .tagline2 {
        font-size: 13px;
        margin-top: 0;
        padding-top: 10px;
        float: right
    }

    .content2 .box1 > IMG {
        display: inline-block;
        float: left
    }

    .content2 .box1 .wch {
        border-bottom: 3px solid #3683c6;
        width: 90px;
        height: 88px;
        overflow: hidden;
        text-align: center;
        font-size: 40px;
        color: #fff;
        font-weight: 700;
        line-height: 80px;
        vertical-align: middle;
        display: inline-block;
        border-radius: 100%
    }

.bq2 h5, .sol1 h5 {
    border-bottom: 1px solid #e3e3e3
}

.content2 .box1 blockquote {
    font-size: 14px
}

    .content2 .box1 blockquote .list-inline {
        margin-left: 0;
        padding-left: 0
    }

    .content2 .box1 blockquote footer {
        font-weight: 700;
        font-style: italic;
        font-size: 16px
    }

.bq2 blockquote P > a {
    color: #5b5b5b !important
}

.bq2 blockquote footer {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important
}

.bq2 .box1 {
    margin-bottom: 0
}

.bq2 h5 {
    padding-bottom: 10px
}

.bq2 .tweet-list {
    margin-top: 30px
}

    .bq2 .tweet-list P {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .bq2 .tweet-list LI {
        margin-bottom: 20px
    }

.content2 h5 {
    font-weight: 700;
    font-size: 24px;
    margin-top: 0
}

.content2 .box1 h6 {
    font-weight: 700;
    font-size: 17px;
    margin-top: 20px
}

.sol1 .box1 P {
    padding-bottom: 0
}

.sol1 .box1 UL {
    font-size: 14px;
    margin-top: 10px
}

.sol1 .box1 h4 {
    font-weight: 700;
    font-size: 24px;
    margin-top: 0
}

.sol1 h5 {
    padding-bottom: 10px
}

.sol1 .box1 .col-md-6 {
    padding-left: 0
}

.pricing-container h5 {
    margin-top: 0
}

.pricing-container .panel {
    margin-top: 20px;
    margin-bottom: 20px
}

.pricing-container .table TD {
    border-right: 0;
    border-left: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
    font-size: 13px;
    color: #3d8ec4
}

.pricing-container .table STRONG {
    display: block;
    font-size: 18px;
    color: #7c7c7c
}

.pricing-container .table TR TD:first-child {
    font-size: 17px
}

.pricing-container .btn-primary {
    background: #95a5a6;
    border-color: #95a5a6
}

.content2 .vpanel {
    padding-top: 20px;
    padding-bottom: 45px;
    display: inline-block
}

    .content2 .vpanel h6 {
        font-size: 16px;
        font-weight: 700
    }

.content2 .box2 {
    background: #fff;
    border: 1px solid #e3e3e3;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 45px;
    border-radius: 4px
}

    .content2 .box2:last-child {
        margin-bottom: 0
    }

    .content2 .box2 P {
        font-size: 14px
    }

    .content2 .box2 SMALL {
        font-size: 11px
    }

    .content2 .box2 > UL.list-unstyled {
        font-size: 14px;
        margin: 0
    }

.bg-hdr, .no-hdr {
    margin-top: 85px
}

.content2 .box2 > UL.list-unstyled > li {
    border-bottom: 1px dotted #e3e3e3;
    padding: 5px 0
}

    .content2 .box2 > UL.list-unstyled > li:last-child {
        border-bottom: 0
    }

.box2.banner1 {
    margin-left: 20px;
    margin-right: 30px
}

    .box2.banner1 .col-md-2 {
        text-align: center
    }

.no-hdr .box1 {
    border-bottom: 1px solid #e3e3e3
}

.bg-hdr {
    background: #4185f4;
    height: 93px
}

    .bg-hdr .title2 {
        color: #fff
    }

        .bg-hdr .title2 H1 {
            font-weight: 700;
            margin: 0;
            line-height: 93px
        }

.bcrumb1 {
    background: #f4f4f4 !important;
    border-bottom: 1px solid #e9e9e9
}

    .bcrumb1 .breadcrumb {
        margin-bottom: 0;
        background: 0 0;
        border-radius: 0;
        font-size: 12px;
        padding: 10px 10px 10px 0
    }

        .bcrumb1 .breadcrumb > li:first-child IMG {
            vertical-align: middle;
            margin-top: -3px
        }

    .bcrumb1 .stickytopheight {
        margin-top: -90px !important;
        position: absolute;
        height: 60px !important
    }

.vmenu.style2 UL {
    margin-left: 20px !important
}

    .vmenu.style2 UL LI {
        font-size: 14px;
        text-indent: 15px;
        padding: 6px 0
    }

        .vmenu.style2 UL LI.active {
            background: #e3e3e3;
            margin-right: -15px;
            padding: 8px 0
        }

            .vmenu.style2 UL LI.active a {
                color: #5b5b5b
            }

.panel-container2 {
    margin-top: 30px
}

    .panel-container2 .panel {
        border-style: dashed !important
    }

    .panel-container2 .panel-body {
        color: #868686
    }

    .panel-container2 .panel-heading {
        background: 0 0;
        border-width: 0;
        color: inherit;
        font-weight: 700;
        font-size: 20px
    }

    .panel-container2 UL.list-unstyled {
        padding-left: 0
    }

        .panel-container2 UL.list-unstyled li {
            border-bottom: 1px solid #e3e3e3;
            padding-left: 5px;
            padding-right: 5px;
            line-height: 35px
        }

            .panel-container2 UL.list-unstyled li:last-child {
                border-bottom: 0
            }

    .panel-container2.ventures .panel {
        margin-bottom: 40px
    }

    .panel-container2.ventures .panel-body {
        position: relative;
        padding-left: 86px
    }

    .panel-container2.ventures .venture-logo {
        position: absolute;
        left: -8px;
        top: -16px
    }

.seperator1 .col-md-3 {
    height: 4px
}

    .seperator1 .col-md-3:nth-child(1) {
        background: #a2c43a
    }

    .seperator1 .col-md-3:nth-child(2) {
        background: #3481b5
    }

    .seperator1 .col-md-3:nth-child(3) {
        background: #fc7c2a
    }

    .seperator1 .col-md-3:nth-child(4) {
        background: #e7d63b
    }

.header3 {
    height: 308px;
    text-align: left
}

    .header3 .col-md-5 IMG, .header3 h1 {
        margin-top: 77px !important
    }

    .header3 h4 {
        font-weight: 400;
        text-shadow: none
    }

.lhs1 .nav-tabs li.active a {
    color: #fff;
    position: relative;
    background: #3c8dc4
}

.lhs1 .nav-tabs li a {
    border-radius: 0;
    padding: 8px 13px;
    margin-right: 0;
    font-size: 14px
}

.lhs1 .tab-content {
    padding-top: 40px
}

    .lhs1 .tab-content .box1 IMG {
        margin-right: 10px
    }

.lhs1 .nav-tabs li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(60,141,196,0);
    border-top-color: #3c8dc4;
    border-width: 10px;
    margin-left: -10px
}

.footer, .footer1 {
    border-bottom: 1px solid #142238
}

.footer {
    font-size: 13px;
    background: #182945
}

.footer1 {
    padding-bottom: 40px
}

    .footer1 H3 {
        color: #6fb7e9;
        border-bottom: 2px solid #416b92;
        font-size: 16px;
        padding: 5px 0;
        margin-bottom: 5px 0;
        margin-top: 30px
    }

    .footer1 UL {
        padding-left: 0;
        list-style: none;
        display: block
    }

    .footer1 a {
        line-height: 30px;
        color: #fff;
        padding: 0 !important;
        font-size: 13px
    }

        .footer1 a:active, .footer1 a:focus, .footer1 a:hover {
            text-decoration: underline !important;
            background: 0 0 !important
        }

.rw-table1 td, .rw-table1 tr {
    background: #fff
}

.footer1 .fa {
    color: #6fb7e9
}

.footer2 {
    border-top: 1px solid #1a2d4c;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ccc;
    text-align: center
}

.rw-table1 tr {
    border-collapse: collapse;
    border: 1px solid #e2e2e2
}

    .rw-table1 tr:nth-child(1) {
        font-size: 16px;
        font-weight: 700;
        color: #fff
    }

    .rw-table1 tr:first-child > th:nth-child(1) {
        background: #3d8ec4
    }

    .rw-table1 tr:first-child > th:nth-child(2) {
        background: #327fba
    }

    .rw-table1 tr:nth-child(2) {
        font-size: 15px;
        color: #fff
    }

        .rw-table1 tr:nth-child(2) > td:nth-child(1) {
            background: #b2b2b2
        }

        .rw-table1 tr:nth-child(2) > td:nth-child(2) {
            background: #a6a6a6
        }

.cc-ind .box1 h4 .icon48 {
    background-color: #fff;
    border: 1px solid #ececec;
    background-image: url(/joomla3/templates/protostar/img/sprites/customers.png)
}

.icon48 {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle
}

.icon48-car {
    background-position: 0 0
}

.icon48-tie {
    background-position: -48px 0
}

.icon48-buddy {
    background-position: -96px 0
}

.icon48-graph {
    background-position: -144px 0
}

.icon48-plus {
    background-position: -192px 0
}

.icon48-legal {
    background-position: -240px 0
}

.icon48-logistics {
    background-position: -288px 0
}

.icon48-tech {
    background-position: -336px 0
}

.icon48-tel {
    background-position: -384px 0
}

.icon48-buddy2, .icon48-edu {
    background-position: -432px 0
}

.bg-gray {
    background-color: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 0 25px -7px #d7d7d7
}

a, a:focus, a:hover {
    outline: 0
}

.bor-btm {
    border-bottom: 1px solid #e3e3e3
}

.hp-cases .nav-tabs li a, .navbar-collapse li > a, .rw-table1 tr td {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear
}

.backtop, .backtop:hover {
    text-decoration: none;
    transition: 0s all ease-in-out
}

.sub-menu-container {
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5;
    -moz-box-shadow: 0 1px 0 0 #e5e5e5;
    box-shadow: 0 1px 0 0 #e5e5e5
}

.box2.banner1 {
    -webkit-box-shadow: 0 3px 0 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 3px 0 0 rgba(50,50,50,.15);
    box-shadow: 0 3px 0 0 rgba(50,50,50,.15)
}

a.anchor-fixed {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden
}

.content2 .box2 .list-unstyled li a, .content2 .tagline1 a, .content2 h6 a, div[class*=hp-] {
    color: #5b5b5b
}

.p10px {
    padding: 10px
}

.displaynone {
    display: none !important
}

.panel-container2 a:hover {
    text-decoration: none
}

.tagline-ico {
    display: inline;
    float: left;
    width: 20px;
    margin-top: 2px
}

.moduletable + p {
    display: none
}

.dropdown-menu {
    margin-top: 16px !important;
    padding: 10px 0
}

    .dropdown-menu:after, .dropdown-menu:before {
        bottom: 100%;
        left: 29%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute
    }

    .dropdown-menu:before {
        border-color: rgba(255,255,255,0);
        border-bottom-color: #fff;
        border-width: 8px;
        margin-left: -8px
    }

.stickysubmenu {
    position: fixed !important;
    background: #fff;
    width: 100%;
    z-index: 9;
    top: 60px;
    margin-top: 0 !important
}

.pd88 {
    padding-top: 88px
}

.stickytopheight {
    margin-top: -105px;
    position: absolute;
    height: 60px
}

.testi-box {
    margin: 0;
    padding: 0
}

    .testi-box li:first-child {
        display: inline-block !important
    }

    .testi-box li {
        display: none
    }

.product-testimonial {
    margin-bottom: 65px
}

.testi-box p {
    font-size: 14px
}

    .testi-box p small {
        font-size: 11px;
        clear: both;
        display: block;
        margin-top: 15px
    }

    .testi-box p em {
        font-size: 14px;
        font-weight: 700;
        font-style: normal;
        clear: both;
        display: block;
        margin-bottom: 10px
    }

.btn-testimonial {
    float: right;
    text-align: right !important;
    font-size: 13px;
    font-weight: 400;
    color: #428bca;
    margin-top: 10px
}

.boxlist ul li, .whychoose-heading {
    border-bottom: 1px dashed #d6d6d6;
    color: #979797
}

.whychoose-heading {
    padding: 0 0 13px;
    margin-bottom: 10px;
    font-size: 15px !important
}

    .whychoose-heading em {
        font-style: normal;
        font-size: 11px;
        display: block;
        text-decoration: none
    }

.boxlist {
    margin-bottom: 45px
}

    .boxlist ul li {
        padding: 0 0 10px;
        margin-bottom: 10px
    }

@keyframes animatedBackground {
    0%,100%,5% {
        background-position: 0 5px
    }

    10%,15% {
        background-position: 0 -112px
    }

    20%,25% {
        background-position: 0 -230px
    }

    30%,35% {
        background-position: 0 -348px
    }

    40%,45% {
        background-position: 0 -467px
    }

    50%,55% {
        background-position: 0 -584px
    }

    60%,65% {
        background-position: 0 -702px
    }

    70%,75% {
        background-position: 0 -820px
    }

    80%,85% {
        background-position: 0 -938px
    }
}

@-moz-keyframes animatedBackground {
    0%,100%,5% {
        background-position: 0 5px
    }

    10%,15% {
        background-position: 0 -112px
    }

    20%,25% {
        background-position: 0 -230px
    }

    30%,35% {
        background-position: 0 -348px
    }

    40%,45% {
        background-position: 0 -467px
    }

    50%,55% {
        background-position: 0 -584px
    }

    60%,65% {
        background-position: 0 -702px
    }

    70%,75% {
        background-position: 0 -820px
    }

    80%,85% {
        background-position: 0 -938px
    }
}

@-ms-keyframes animatedBackground {
    0%,100%,5% {
        background-position: 0 5px
    }

    10%,15% {
        background-position: 0 -112px
    }

    20%,25% {
        background-position: 0 -230px
    }

    30%,35% {
        background-position: 0 -348px
    }

    40%,45% {
        background-position: 0 -467px
    }

    50%,55% {
        background-position: 0 -584px
    }

    60%,65% {
        background-position: 0 -702px
    }

    70%,75% {
        background-position: 0 -820px
    }

    80%,85% {
        background-position: 0 -938px
    }
}

@-o-keyframes animatedBackground {
    0%,100%,5% {
        background-position: 0 5px
    }

    10%,15% {
        background-position: 0 -112px
    }

    20%,25% {
        background-position: 0 -230px
    }

    30%,35% {
        background-position: 0 -348px
    }

    40%,45% {
        background-position: 0 -467px
    }

    50%,55% {
        background-position: 0 -584px
    }

    60%,65% {
        background-position: 0 -702px
    }

    70%,75% {
        background-position: 0 -820px
    }

    80%,85% {
        background-position: 0 -938px
    }
}

@-webkit-keyframes animatedBackground {
    0%,100%,5%,88% {
        background-position: 0 5px
    }

    10%,15% {
        background-position: 0 -112px
    }

    20%,25% {
        background-position: 0 -230px
    }

    30%,35% {
        background-position: 0 -348px
    }

    40%,45% {
        background-position: 0 -467px
    }

    50%,55% {
        background-position: 0 -584px
    }

    60%,65% {
        background-position: 0 -702px
    }

    70%,75% {
        background-position: 0 -820px
    }

    80%,85% {
        background-position: 0 -938px
    }
}

.customerimgs {
    width: 180px;
    height: 120px;
    background-position: 0 0;
    animation: animatedBackground 35s ease-in-out infinite;
    -moz-animation: animatedBackground 35s ease-in-out infinite;
    -webkit-animation: animatedBackground 35s ease-in-out infinite;
    -ms-animation: animatedBackground 35s ease-in-out infinite;
    -o-animation: animatedBackground 35s ease-in-out infinite;
    display: block;
    margin: 0 auto
}

.content2 .box1 .wch {
    background: #66b2e7;
    background: -moz-linear-gradient(left,#66b2e7 49%,#66b2e7 49%,#56a5e2 50%);
    background: -webkit-gradient(linear,left top,right top,color-stop(49%,#66b2e7),color-stop(49%,#66b2e7),color-stop(50%,#56a5e2));
    background: -webkit-linear-gradient(left,#66b2e7 49%,#66b2e7 49%,#56a5e2 50%);
    background: -o-linear-gradient(left,#66b2e7 49%,#66b2e7 49%,#56a5e2 50%);
    background: -ms-linear-gradient(left,#66b2e7 49%,#66b2e7 49%,#56a5e2 50%);
    background: linear-gradient(to right,#66b2e7 49%,#66b2e7 49%,#56a5e2 50%);
    text-shadow: #498cc0 1px 1px,#498cc0 2px 2px,#498cc0 3px 3px,#498cc0 4px 4px,#498cc0 5px 5px,#498cc0 6px 6px,#498cc0 7px 7px,#498cc0 8px 8px,#498cc0 9px 9px,#498cc0 10px 10px,#498cc0 11px 11px,#498cc0 12px 12px,#498cc0 13px 13px,#498cc0 14px 14px,#498cc0 15px 15px,#498cc0 16px 16px,#498cc0 17px 17px,#498cc0 18px 18px,#498cc0 19px 19px,#498cc0 20px 20px,#498cc0 21px 21px,#498cc0 22px 22px,#498cc0 23px 23px,#498cc0 24px 24px,#498cc0 25px 25px,#498cc0 26px 26px,#498cc0 27px 27px,#498cc0 28px 28px,#498cc0 29px 29px,#498cc0 30px 30px,#498cc0 31px 31px,#498cc0 32px 32px,#498cc0 33px 33px,#498cc0 34px 34px,#498cc0 35px 35px,#498cc0 36px 36px,#498cc0 37px 37px,#498cc0 38px 38px,#498cc0 39px 39px,#498cc0 40px 40px,#498cc0 41px 41px,#498cc0 42px 42px,#498cc0 43px 43px
}

.cloudasposelink p, .footerBottomContainer p {
    display: block !important
}

.custom > p {
    display: none
}

.item-page .custom > p, .star-ico {
    display: block
}

.star-ico {
    width: 100px;
    height: 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    margin: 10px auto 0
}

.fivestar-ico {
    background-position: 0 -32px !important
}

.mt10 {
    margin-top: 10px
}

.slide-img img {
    width: auto;
    margin: 0 auto;
    display: inline-block;
    float: none
}

.hoverlinks {
    display: none
}

.layout3 {
    width: 960px;
    margin: 0 auto
}

    .layout3 li, .layout3 li a {
        width: 155px;
        float: left
    }

    .layout3 ul {
        padding: 0;
        margin: 0
    }

    .layout3 li a {
        font-size: 14px;
        color: #fff;
        text-align: center
    }

        .layout3 li a em {
            font-size: 14px;
            font-style: normal;
            color: #fff
        }

    .layout3 li img {
        padding-left: 30px
    }

    .layout3 li:hover div.hoverlinks {
        display: block;
        width: 300px;
        background: #fafafa;
        float: left;
        position: absolute;
        margin-top: 100px;
        margin-left: -75px;
        box-shadow: 4px 4px 10px -4px #3d3d3d;
        z-index: 15
    }

div.hoverlinks .featuresimg {
    width: 110px;
    float: left;
    display: inline-block;
    margin: 0;
    padding: 0
}

#linkIDout, .backtop, .breadcrumb > li:nth-child(2):before, div[itemprop=articleBody] > p {
    display: none
}

div.hoverlinks .featuresimg img {
    padding: 15px 5px !important;
    margin: 0 !important;
    float: left
}

div.hoverlinks .featurestext {
    float: left;
    width: 160px;
    text-align: left
}

    div.hoverlinks .featurestext h3 {
        color: #085890;
        font-size: 18px;
        font-weight: 700
    }

    div.hoverlinks .featurestext em {
        color: #7c7c7c;
        font-size: 13px;
        font-style: normal
    }

.hoverlinks .btn-info {
    width: 130px !important;
    margin: 5px -6px 5px 16px
}

.hoverlinks .col-12 {
    margin: 10px 0;
    float: left
}

.hoverlinks:after, .hoverlinks:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(250,250,250,0);
    border-bottom-color: #fafafa
}

.hoverlinks:after {
    border-width: 10px;
    margin-left: -10px
}

.hoverlinks:before {
    border-width: 16px;
    margin-left: -16px
}

.layout3 .featursul1 li {
    border-right: 1px dotted #fafafa;
    border-bottom: 1px dotted #fafafa;
    padding-bottom: 20px
}

    .layout3 .featursul1 li:last-child {
        border-right: 0 solid #fafafa
    }

    .layout3 .featursul1 li:after {
        bottom: 131px;
        content: ".";
        font-size: 48px;
        position: absolute;
        margin-left: -7px
    }

    .layout3 .featursul1 li:first-child::before {
        bottom: 131px;
        content: ".";
        font-size: 50px;
        position: absolute;
        margin-left: -82px
    }

.layout3 .featursul2 li {
    border-right: 1px dotted #fafafa;
    padding-top: 20px
}

    .layout3 .featursul2 li:last-child {
        border-right: 0 solid #fafafa
    }

@-moz-document url-prefix() {
    .layout3 .featursul1 li:after, .layout3 .featursul1 li:first-child::before {
        bottom: 132px;
        content: ".";
        font-size: 48px;
        position: absolute
    }

    .layout3 .featursul1 li:after {
        margin-left: -7px
    }

    .layout3 .featursul1 li:first-child::before {
        margin-left: -162px
    }
}

.featursul1 li:nth-child(6):before, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -7px
}

.featursul1 li:last-child:after, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -5px
}

.featursul1 li:first-child::before, x:-o-prefocus {
    bottom: 132px;
    content: ".";
    font-size: 48px;
    position: absolute;
    margin-left: -162px;
    display: none
}

.breadcrumb > li:nth-child(2) .pathway {
    width: 20px;
    height: 20px;
    float: left;
    text-indent: -999px;
    position: absolute;
    margin: -15px -4px
}

.backtop {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    background-image: url(/templates/aspose/App_Themes/V3/images/icons/backtop.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    bottom: 50px
}

    .backtop:hover {
        background-position: 0 -51px
    }

.pricing ul li a:hover, .support-resources ul a:hover {
    text-decoration: underline
}

.searchli:hover .searchul {
    cursor: default;
    visibility: visible;
    margin-top: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1
}

.anchor, .searchul, .visi-hide {
    visibility: hidden
}

.carousel-control, .searchul {
    opacity: 0
}

.searchli:hover span.glyphicon-search {
    color: #3d8ec4 !important
}

.searchanchor {
    padding-bottom: 31px !important;
    cursor: pointer
}

.searchul {
    position: absolute;
    margin-left: -180px;
    width: 230px;
    margin-top: 20px;
    list-style: none;
    background: #333;
    padding: 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 0 0 6px 6px
}

    .searchul li {
        margin: 0;
        padding: 0
    }

        .searchul li input {
            color: #7c7c7c;
            font-weight: 400;
            padding: 5px 10px;
            border-radius: 4px;
            border: 0 solid #fff;
            outline: 0;
            float: left;
            width: 175px
        }

            .searchul li input:focus {
                background: #fafafa;
                outline: 0
            }

.searchbtn {
    padding: 0;
    background: #3d8ec4;
    border-radius: 100px;
    content: ">";
    color: #fff;
    line-height: 19px;
    margin-left: 5px;
    cursor: pointer;
    width: 29px;
    height: 28px;
    float: left;
    text-indent: 4.5px
}

.activetab:after, .anchor, .searchul:after {
    content: " "
}

.searchbtn:hover {
    background: #3071a9;
    cursor: pointer
}

.searchbtn span.glyphicon-circle-arrow-right {
    color: #fff;
    padding: 0;
    margin: 7px 0
}

.searchul:after {
    bottom: 100%;
    left: 86%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #333;
    border-width: 8px;
    margin-left: -8px
}

div[itemprop=articleBody] > p + p, li#linkID {
    display: block
}

.row6 .head-li, .row8 .head-li {
    display: block !important;
    clear: left !important
}

.head-li {
    width: 300px !important;
    text-align: left !important
}

.bodyli-2, .bodyli-3, .bodyli-4, .bodyli-5, .policy-table li {
    text-align: center
}

.policy-table {
    float: left;
    width: 100%;
    margin: 10px 0 !important;
    padding: 0 !important
}

    .policy-table li {
        float: left
    }

.boldf {
    font-weight: 700
}

.bodyli-2 {
    width: 190px
}

.bodyli-3 {
    width: 125px
}

.bodyli-4 {
    width: 143px
}

.bodyli-5 {
    width: 67px
}

.head-table {
    border-bottom: 1px solid #eee;
    padding-bottom: 4px !important;
    margin-bottom: 0 !important
}

.row6 .head-li {
    width: 250px !important;
    text-align: left !important
}

.row6 .bodyli-2, .row6 .bodyli-3, .row6 .bodyli-4 {
    width: 100px !important;
    text-align: center
}

.row6 .bodyli-5, .row6 .bodyli-6 {
    width: 130px !important;
    text-align: center
}

.row8 .head-li {
    width: 130px !important;
    text-align: left !important
}

.diagram-tab .item, .tc {
    text-align: center
}

.row8 .bodyli-10, .row8 .bodyli-2, .row8 .bodyli-3, .row8 .bodyli-4, .row8 .bodyli-5, .row8 .bodyli-6, .row8 .bodyli-7, .row8 .bodyli-8, .row8 .bodyli-9 {
    width: 100px !important;
    text-align: center
}

UL.product-nav > LI {
    font-size: 18px !important
}

    UL.product-nav > LI UL LI {
        font-size: 14px !important
    }

.header4 ul {
    padding-left: 10px;
    width: 290px
}

.docsbtn, .forumbtn {
    width: 190px
}

.header4 ul li {
    font-size: 14px;
    padding-bottom: 10px
}

.header-btn {
    display: block;
    margin-left: 10px;
    margin-top: 20px
}

.ul-space h4, .ul-space ul {
    margin-left: 50px
}

.header4 img {
    margin-top: 90px
}

#linkID:hover > ul {
    display: block !important
}

.iframewhite {
    padding: 20px 10px;
    background: #fff
}

.forumbtn {
    margin-left: 60px
}

.header4 h4 {
    margin-bottom: 15px
}

.diagram-tab .item img, .nav-center {
    margin: 0 auto
}

.mobile-show {
    display: none
}

.mobilehide .tab-clickd {
    display: block
}

.diagram-tab {
    padding: 45px 0 25px
}

    .diagram-tab .item h3 {
        font-size: 30px;
        font-weight: 700
    }

.diagram-tab-content .nav-center li:hover a {
    background: #3d8ec4;
    border-radius: 0;
    color: #fff
}

.diagram-tab-content .nav-center li a {
    background: #fbfbfb;
    padding: 15px 30px;
    border-radius: 0
}

.nav-center {
    display: table;
    float: none;
    border: 1px solid #d7d7d7
}

.diagram-tab-content .nav-center li:nth-child(2) a {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7
}

.nav-center li {
    margin: 0 !important
}

.cleartop {
    height: 85px;
    display: block;
    clear: both
}

.conversion-section {
    border-top: 1px solid #d7d7d7;
    box-shadow: 0 0 25px -7px #d7d7d7;
    padding: 35px 0;
    position: relative
}

    .conversion-section img {
        margin: 40px auto 0
    }

    .conversion-section .h2title {
        margin-bottom: 50px
    }

.h3title {
    font-size: 20px;
    font-weight: 700
}

.h2title, .h2title-white {
    font-size: 40px;
    font-weight: 700
}

.h2title {
    color: #182945
}

.h2title-white {
    color: #fafafa
}

.tr {
    text-align: right
}

.tl {
    text-align: left
}

.diagram-tab-content p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #7c7c7c
}

.ico-blue {
    color: #3b8bc2
}

.diagram-tab-content ul li, .features-section p, .features-section ul li {
    font-size: 16px;
    color: #7c7c7c;
    font-weight: 400
}

.features-section {
    padding-top: 25px;
    padding-bottom: 15px
}

    .features-section p {
        margin-bottom: 30px;
        padding: 0
    }

    .features-section .col-lg-4 {
        min-height: 100px
    }

.support-resources {
    padding-top: 25px;
    padding-bottom: 10px
}

.bg-midblue {
    background: #3b8bc2
}

.support-resources ul {
    background: #2a74a5;
    padding: 28px 38px;
    float: left;
    width: 30%;
    border-radius: 0;
    margin: 0 1.5%;
    min-height: 230px
}

    .support-resources ul .resourcesheading {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .support-resources ul a {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 3px 0;
        display: block
    }

.mgtb55 {
    margin-top: 35px;
    margin-bottom: 35px
}

.pricing-section {
    padding-top: 55px;
    padding-bottom: 55px;
    margin-bottom: 0;
    border-bottom: 0
}

.pricing ul {
    float: left;
    width: 25%;
    margin: 0;
    border: 1px solid #ddd;
    padding: 20px
}

    .pricing ul:nth-child(2), .pricing ul:nth-child(3), .pricing ul:nth-child(4) {
        border-left: 0
    }

    .pricing ul h4 {
        font-size: 18px;
        font-weight: 400
    }

.pricing li {
    width: 100%;
    padding: 0;
    display: block;
    margin: 5px 0;
    float: left;
    font-size: 13px;
    color: #7c7c7c
}

.pricing ul:nth-child(even) {
    background: #fafafa
}

.pricing ul:nth-child(odd) {
    background: #f5f5f5
}

.pricing li:last-child {
    margin-top: 30px
}

.pricing li a {
    font-size: 14px
}

.pricing ul li em {
    float: right;
    font-style: normal;
    font-size: 14px
}

.pricing ul:hover {
    background: #394f66
}

    .pricing ul:hover em, .pricing ul:hover h4, .pricing ul:hover li, .pricing ul:hover li a {
        color: #fff
    }

.downloadbtn-section .btn {
    padding: 15px 10px;
    max-width: 400px;
    min-width: 400px;
    text-align: center;
    margin: 0 2%
}

.bg-darkgray {
    background: #d6d6d6;
    padding-top: 70px;
    padding-bottom: 70px
}

.internalfooter .siteFooter {
    margin-top: 0 !important
}

.bg-darkergray p {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px
}

.bg-darkergray {
    background-color: #7f8c8d
}

.bg-whitebox {
    background-color: #fff;
    padding-top: 55px;
    display: table;
    width: 90%;
    margin: 0 auto
}

#userControls div a {
    line-height: 18px
}

.offers-section {
    padding-top: 45px;
    padding-bottom: 45px
}

    .offers-section ul li {
        float: left;
        width: 33.33%;
        margin: 0 0 40px
    }

        .offers-section ul li:last-child {
            margin: 0 0 55px
        }

    .offers-section ul {
        width: 80%;
        display: table;
        margin: 0 auto
    }

.offer-products img {
    float: left;
    margin-right: 10px;
    width: 42px;
    height: 42px
}

.offer-products h5 {
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #777;
    text-align: left;
    margin: 0
}

    .offer-products h5 a {
        color: #777
    }

    .offer-products h5 span {
        font-weight: 700;
        font-size: 18px;
        display: block;
        text-align: left
    }

        .offer-products h5 span em {
            font-style: italic;
            font-weight: 400;
            margin-right: 2px
        }

.liveimage .product-bar, .liveimage .product-bar em, .liveimage .product-bar h2 a, .topsmallheader-hd-section h1, .topsmallheader-hd-section h2 {
    font-family: 'Open Sans',sans-serif
}

.activetab {
    color: #fff !important;
    background-color: #1a89d0 !important;
    position: relative
}

    .activetab:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(26,137,208,0);
        border-top-color: #1a89d0;
        border-width: 10px;
        margin-left: -10px
    }

.conversionbar {
    border-top: 3px solid #ddd;
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    margin-top: -12px;
    z-index: -1
}

    .conversionbar em, .conversionbar em ~ em {
        width: 20px;
        height: 20px;
        margin: 0 auto;
        border-radius: 100%;
        top: -12px;
        background: #ccc;
        position: absolute
    }

    .conversionbar em {
        left: 0
    }

        .conversionbar em ~ em {
            left: 100%
        }

.topboxes {
    width: 100%;
    margin: 0;
    padding: 0
}

    .topboxes li {
        width: 20%;
        margin: 0 10% 0 1%;
        display: inline-block
    }

        .topboxes li p {
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
            width: 200px;
            height: 100px;
            text-align: left;
            margin: 0 auto
        }

    .topboxes .neckbar {
        width: 2px;
        height: 46px;
        margin: 0 auto;
        background: #ccc
    }

.circleicon {
    width: 25px;
    height: 25px;
    background: #ccc;
    margin: 0 auto;
    border-radius: 100%
}

    .circleicon.blue {
        background: #3b8dc5
    }

    .circleicon.red {
        background: #db4443
    }

    .circleicon.green {
        background: #a1c439
    }

    .circleicon.yellow {
        background: #f3ec22
    }

.btmboxes {
    width: 100%;
    margin: -15px 0 0;
    padding: 0
}

    .btmboxes li {
        width: 20%;
        margin: 0 -5% 0 15%;
        display: inline-block
    }

        .btmboxes li p {
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 10px;
            width: 200px;
            height: 100px;
            text-align: left;
            margin: 0 auto
        }

    .btmboxes .neckbar {
        width: 2px;
        height: 46px;
        margin: 0 auto;
        background: #ccc
    }

div.userControls_ContentContainer.loggedout_popup ul {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 0;
    width: 224px;
    z-index: 999999999;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    font-size: 13px
}

.producttotal {
    display: block;
    clear: both;
    float: left
}

    .producttotal h4 {
        font-weight: 700;
        font-size: 24px;
        margin-top: 0
    }

    .producttotal .box1 {
        min-height: 210px;
        padding: 0
    }

        .producttotal .box1 .col-md-2 {
            padding: 0
        }

.sub-menu-container .btn {
    border-radius: 0 !important
}

    .sub-menu-container .btn i {
        font-size: 14px !important
    }

#diagramcarousel:hover .carousel-control {
    opacity: 1 !important
}

.carousel-control.left, .carousel-control.right {
    background: 0 0 !important;
    color: #eee !important
}

.userControls_ContentContainer.loggedin_popup ul {
    margin-top: 0;
    padding-top: 15px !important;
    padding-bottom: 0;
    width: 224px;
    z-index: 999999999;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    font-size: 13px
}

    .userControls_ContentContainer.loggedin_popup ul li {
        display: block;
        padding: 0;
        margin: 0 0 10px 3px;
        width: 218px
    }

        .userControls_ContentContainer.loggedin_popup ul li em {
            color: #fff;
            font-size: 13px;
            font-style: normal;
            font-weight: 700;
            margin-left: 45px;
            margin-bottom: 5px;
            float: left;
            margin-top: 10px
        }

        .userControls_ContentContainer.loggedin_popup ul li p {
            font-size: 13px;
            color: #999;
            font-weight: 700;
            margin-left: 45px;
            margin-top: 5px;
            clear: both;
            padding-top: 5px
        }

.loggedin_popup a, .loggedout_popup a {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: inherit !important;
    padding: 0 .25em
}

.userControls_ContentContainer.loggedin_popup ul li.bottom {
    height: 12px;
    width: 224px;
    position: absolute;
    z-index: 9999999;
    margin-left: 0;
    border-bottom: 0
}

.sub-menu-container .nav a:focus, .sub-menu-container .nav > li > a:focus {
    background: 0 0;
    text-decoration: none
}

.h2title {
    width: 100%;
    display: inline-block
}

.anchor {
    display: block;
    margin-top: -150px;
    height: 150px
}

.pricing-module {
    width: 100%;
    height: 410px
}

.pricing-section .h2title {
    display: none
}

.pricing-section .cloudtitle.h2title {
    display: block !important;
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0 -30px
}

    .pricing-section .cloudtitle.h2title ~ .pricing {
        padding-left: 0;
        padding-right: 0
    }

.sub-menu-container .nav a:focus {
    border-bottom: 0 solid #3d8ec4;
    border-radius: 0;
    transition: all 0s ease-in-out
}

.sub-menu-container .nav a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #3d8ec4;
    border-bottom: 2px solid #3d8ec4;
    border-radius: 0;
    transition: all 0s ease-in-out
}

.sub-menu-container .nav a.active {
    text-decoration: none;
    background: #fafafa !important;
    color: #3d8ec4;
    border-bottom: 0 solid #3d8ec4;
    border-radius: 0;
    transition: all 0s ease-in-out
}

.carousel-control, .diagram-tab .item h3 {
    display: none
}

.diagram-tab-content .nav-center li:nth-child(4) a {
    border-left: 1px solid #d7d7d7;
    border-right: 0 solid #d7d7d7
}

.liveimage .androidbg, .liveimage .cloudbg, .liveimage .jasperbg, .liveimage .javabg, .liveimage .netbg, .liveimage .sharepointbg, .liveimage .ssrsbg, .liveimage .totalbg, .liveimage .xamarinbg {
    border: 1px solid #c7e3ec;
    float: left
}

ul#support li:last-child {
    display: none !important
}

.topsmallheader {
    background: url(//aspose.github.io/img/header1.png) center center #439cda !important;
    margin-top: 38px;
    padding: 10px 15px
}

.topsmallheader-hd-section {
    text-align: center;
    padding: 0;
    color: #fff
}

    .topsmallheader-hd-section h1 {
        font-weight: 300 !important;
        margin-top: 2% !important;
        font-size: 38px;
        color: #fff
    }

    .topsmallheader-hd-section h2 {
        font-weight: 100;
        font-size: 24px;
        color: #fff
    }

        .topsmallheader-hd-section h2 a {
            color: #fff
        }

.liveimage a:focus, .liveimage a:hover {
    text-decoration: none
}

.liveimage .product-bar h3 {
    font-size: 13px;
    font-weight: 100;
    color: #888
}

.liveimage .fam-product-section .col-lg-12, .liveimage .fam-product-section .col-lg-3, .liveimage .fam-product-section .col-lg-9 {
    padding: 0
}

.liveimage .product-bar h2 {
    margin: 0 0 25px;
    font-size: 36px;
    letter-spacing: -.01em
}

    .liveimage .product-bar h2 a {
        font-size: 30px;
        color: #3d8ec4;
        font-weight: 100;
        padding: 0;
        margin: 0 0 15px;
        float: left
    }

        .liveimage .product-bar h2 a:focus, .liveimage .product-bar h2 a:hover {
            color: #3071a9 !important;
            opacity: .8;
            text-decoration: none !important
        }

.liveimage .product-bar em {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    display: block;
    clear: both;
    color: #333;
    font-weight: 100
}

.imagebg h1, .imagebg h4 {
    font-family: Lato,sans-serif
}

.liveimage .product-bar a {
    display: inline-block;
    margin: 5px 8px 5px 0;
    font-size: 11px;
    padding: 10px;
    color: #333;
    text-align: left;
    min-width: 200px
}

    .liveimage .product-bar a em {
        font-size: 16px;
        display: block;
        clear: both;
        font-style: normal;
        font-weight: 700
    }

        .liveimage .product-bar a em span {
            font-weight: 400;
            font-size: 13px
        }

.liveimage .product-bar .col-lg-12 a, .liveimage .product-bar .col-lg-12 a em {
    transition: all .3s ease
}

.liveimage .product-bar a:hover, .liveimage .product-bar a:hover em {
    color: #3d8ec4 !important;
    transition: all .3s ease
}

.liveimage .netbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .javabg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .cloudbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .androidbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .sharepointbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .ssrsbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .jasperbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .totalbg :hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .xamarinbg:hover {
    box-shadow: 0 1px 10px #ccc;
    transition: all .3s ease
}

.liveimage .nobg {
    background: 0 0 !important;
    border: 0 solid #fff !important;
    margin: 0 !important;
    padding: 0 !important
}

    .liveimage .nobg img {
        width: 90%;
        margin: 0 auto;
        display: block
    }

.liveimage .brdr-spacer {
    margin: 45px 0 65px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eaeaea
}

.liveimage .rhs-box a, .rhs-box a:last-child {
    border-bottom: 0 solid #eee
}

.liveimage .goldenratio {
    padding: 45px 0
}

.liveimage .rhs-fixed {
    position: fixed !important;
    background: #fff;
    width: 270px !important;
    z-index: 9;
    top: 80px;
    margin-top: 0 !important
}

.liveimage .anchor {
    display: block !important;
    content: " " !important;
    margin-top: -160px !important;
    height: 150px !important;
    visibility: hidden !important;
    min-width: 1px !important;
    width: 0 !important
}

.liveimage .pf-urls {
    clear: both;
    display: block
}

.liveimage .productheadinglogo {
    display: none !important
}

.liveimage .fam-product-section .col-lg-9 {
    width: 100%
}

.liveimage .activeurl {
    color: #3d8ec4 !important
}

.liveimage .rhs-box {
    background: #fff;
    box-shadow: 0 3px 10px -5px #444;
    width: 270px
}

.liveimage .rhs-menu .sign-in-nav {
    background: #c72622;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff !important
}

    .liveimage .rhs-menu .sign-in-nav:hover {
        background: #72ccfa;
        text-decoration: none;
        color: #fff !important
    }

.liveimage .rhs-menu .sign-up-nav {
    background: #f7d55b;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #333 !important
}

    .liveimage .rhs-menu .sign-up-nav:hover {
        background: #72ccfa;
        text-decoration: none;
        color: #fff !important
    }

.liveimage .rhs-box a {
    text-decoration: none;
    clear: both;
    display: iinline-block;
    min-width: 49%
}

.liveimage .rhs-box .rhs-section {
    padding: 10px;
    border-bottom: 1px solid #eee
}

.liveimage .rhs-box .api-link h3 {
    background: #3071a9;
    color: #fff;
    padding: 10px 15px;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 100
}

.liveimage .rhs-box .api-link {
    font-size: 13px !important;
    padding: 0 0 10px
}

.liveimage .api-link a {
    margin: 0 !important;
    padding: 8px 10px;
    color: #7c7c7c;
    font-size: 13px
}

    .liveimage .api-link a:hover {
        color: #3d8ec4 !important
    }

.liveimage .rhs-blue, .liveimage .rhs-orange, .rhs-gray {
    color: #fff;
    text-align: center;
    margin: 5px auto;
    width: 95%;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none
}

.liveimage .rhs-blue {
    background: #3d8dc5
}

.liveimage .rhs-orange {
    background: #fc7c2a
}

.liveimage .rhs-gray {
    background: #8f8e8e
}

.imagebg {
    background: url(/templates/aspose/App_Themes/V3/images/bg/code.jpg) center center no-repeat fixed !important;
    margin-top: 30px;
    color: #fff;
    text-align: center;
    padding: 80px 0;
    background-size: cover !important;
    height: inherit !important
}

    .imagebg h1 {
        margin: 2% 0 3% !important;
        font-size: 52px !important;
        text-shadow: 0 3px 0 rgba(0,0,0,.1) !important
    }

    .imagebg h4 {
        line-height: 1.3;
        color: #fafafa;
        width: 65% !important;
        margin: 20px auto 30px !important;
        font-size: 22px;
        font-weight: 400
    }

.productfamilypage .productfamily_box, .productfamilypage h2, .productfamilypage h3 {
    font-family: 'Open Sans',sans-serif
}

.imagebg a {
    padding: 12px 22px;
    text-shadow: 0 2px 1px rgba(0,0,0,.34);
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #fff
}

.productfamilypage h2 {
    font-size: 44px !important
}

.productfamilypage .imgblock {
    display: inline;
    max-width: 48px;
    margin-right: 10px;
    float: left
}

    .productfamilypage .imgblock img {
        width: 48px;
        height: auto
    }

.productfamilyheader.minify-header.header1.header2 {
    padding-bottom: 30px;
    height: 360px
}

.productfamilyheader.minify-header img.totalimg {
    min-width: 250px !important;
    padding: 0 !important
}

.productfamilyheader.minify-header h1 {
    font-size: 35px !important
}

.minify-header h1 {
    min-width: 100%
}

.padding0 {
    padding: 0 !important
}

.spacer2 {
    margin-bottom: 50px
}

.productfamilypage .productfamily_box {
    border: 0 solid #fff !important;
    float: left;
    text-align: left;
    width: 30%;
    margin: 1.33%;
    padding: 15px;
    transition: all .3s ease;
    box-shadow: none !important
}

    .productfamilypage .productfamily_box:hover {
        box-shadow: 0 1px 5px -3px #ccc !important;
        transition: all .3s ease
    }

    .productfamilypage .productfamily_box a span {
        float: left;
        font-size: 13px;
        color: #333;
        text-align: left;
        display: block
    }

.corporatesections .productfamilypage .productfamily_box a span em {
    font-size: 15px !important
}

.productfamilypage .productfamily_box a span em {
    min-height: inherit !important;
    font-size: 24px;
    clear: both;
    display: block;
    font-weight: 700;
    font-style: normal;
    color: #333
}

.productfamilypage .productfamilytitle span {
    margin-bottom: 15px
}

.productfamilypage .productfamily_box em {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    display: block;
    clear: both;
    color: #333;
    font-weight: 100;
    min-height: 60px
}

.productfamilypage .productfamily_box a {
    display: block;
    transition: all .3s ease
}

    .productfamilypage .productfamily_box a em, .productfamilypage .productfamily_box a span, .productfamilypage .productfamily_box a span em, .productfamilypage .productfamily_box a:hover, .productfamilypage .productfamily_box a:hover span, .productfamilypage .productfamily_box a:hover span em {
        transition: all .3s ease
    }

        .productfamilypage .productfamily_box a:hover span, .productfamilypage .productfamily_box a:hover span em {
            color: #3d8ec4 !important
        }

.productfamilypage h2 {
    font-weight: lighter !important;
    margin-top: 2% !important
}

.productfamilypage h3 {
    font-weight: 300;
    font-size: 40px
}

.productfamilypage h4 {
    font-family: 'Open Sans',sans-serif;
    line-height: 1.5 !important
}

.static_header.header3.asposeclouheader {
    background: url(/templates/asposecloud/App_Themes/V3/images/bg/cloudstaticheader.jpg) top center no-repeat #fff !important;
    background-size: cover !important
}

.spacerblank {
    text-align: center;
    margin: 130px 0 50px
}

.static_header.header3.asposeclouheader h2 {
    font-size: 45px;
    letter-spacing: -1px;
    color: #fafafa;
    width: 70%;
    margin: 0 auto;
    font-weight: 700
}

.minify-header img.mt45px {
    margin-top: -65px !important
}

.breadcrumb2 {
    padding: 10px 0;
    margin: 0;
    list-style: none;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 0 0 #e5e5e5;
    -moz-box-shadow: 0 1px 0 0 #e5e5e5;
    box-shadow: 0 1px 0 0 #e5e5e5
}

    .breadcrumb2 .fa {
        margin: 0 5px
    }

.pdtb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.carousel-control {
    display: none !important
}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 0 !important
}

.fontupdate div, .fontupdate em, .fontupdate h1, .fontupdate h2, .fontupdate h3, .fontupdate h4, .fontupdate h5, .fontupdate h6, .fontupdate p, .fontupdate span {
    font-family: WeblySleek UI,Segoe UI,Helvetica Neue,Arial,sans-serif !important
}

.vpanel-left .lhs1 {
    border-right: 0;
    border-left: 1px solid #e3e3e3;
    margin-left: -1px
}

.vpanel-left .vpanel {
    border-right: 0 solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    float: right
}

.vpanel UL.vmenu > LI {
    font-size: 24px;
    border-bottom: 1px solid #ccc
}

    .vpanel UL.vmenu > LI:last-child {
        border: 0 !important
    }

    .vpanel UL.vmenu > LI > a {
        color: #5b5b5b;
        display: block;
        font-size: 18px;
        padding: 10px 0
    }

.vpanel UL {
    font-size: 15px
}

    .vpanel UL.vmenu > LI UL {
        list-style-type: none;
        padding-left: 0;
        margin: 10px 0 10px 30px
    }

        .vpanel UL.vmenu > LI UL LI {
            border-bottom: 0 solid #e3e3e3;
            padding: 5px 0
        }

            .vpanel UL.vmenu > LI UL LI a {
                display: block
            }

    .vpanel UL.vmenu a:hover {
        text-decoration: none
    }

.breadcrumb2 em {
    font-style: normal;
    color: #999
}

.corporate-header {
    background: #4185f4;
    margin-top: 60px;
    color: #fff;
    text-align: left;
    padding: 45px 0
}

    .corporate-header h1 {
        margin: 0 0 25px 0
    }

.corporatesections h2 {
    font-weight: 400;
    margin-top: 0
}

    .corporatesections h2 a {
        color: #5b5b5b
    }

.corporatesections .lhs1 ul {
    margin-bottom: 0 !important
}

.noteinclude {
    margin-left: 30px;
    margin-bottom: 45px;
    margin-top: 30px;
    color: #666;
    font-size: 12px
}

    .noteinclude em {
        font-size: 20px;
        margin-right: 4px;
        vertical-align: middle
    }

.corporatesections .lhs1 {
    padding-top: 22px;
    padding-bottom: 50px;
    padding-left: 0;
    border-left: 0
}

.corporatesections {
    background: #fff
}

    .corporatesections .lhs1 h2 img {
        margin-bottom: 5px
    }

.whycloudapi {
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    padding-top: 50px;
    padding-bottom: 50px
}

.hp-cases h3 {
    letter-spacing: -1px
}

@media (max-width:1024px) {
    .minify-header h1, .minify-header h4 {
        text-align: center
    }

    .productfamilypage .productfamily_box {
        width: 46%;
        margin: 2%
    }

    .vpanel-left .lhs1 {
        border: 0
    }

    .header2 {
        display: block
    }

        .header2 .col-md-4.tc, .minify-header.header2 .col-md-4.tc h2 {
            display: none !important
        }

    .header1.header2.minify-header {
        display: block !important;
        background: #4185f4;
        height: inherit !important;
        padding: 15px
    }

    .minify-header h1 {
        white-space: normal;
        font-size: 30px
    }

    .header2 .col-md-4.tc {
        text-align: center;
        display: block !important
    }

    .minify-header a {
        display: table;
        margin: 0 auto
    }

    .container-fluid.sub-menu-container {
        background: #2a74a5 !important;
        margin-top: 0 !important
    }
}

@media (max-width:668px) {
    .productfamilypage .productfamily_box em {
        min-height: 90px
    }
}

@media (max-width:568px) {
    .productfamilypage .productfamily_box {
        width: 100%;
        margin: 2% 0
    }

    .productfamilyheader.minify-header.header2 {
        display: block !important
    }

    .productfamilypage .productfamily_box em {
        min-height: inherit !important
    }
}

@media (max-width:968px) {
    .liveimage .profuctfamilyrhs {
        display: none !important
    }

    .liveimage .productheadinglogo {
        float: left;
        width: 20%
    }

    .liveimage .fam-product-section .col-lg-9 {
        width: 80%;
        display: inline-block
    }

    .imagebg h4 {
        margin: 10px 0 20px !important;
        width: 100% !important
    }
}

@media(max-width:768px) {
    .liveimage .anchor, .liveimage .productheadinglogo {
        display: none !important
    }

    .liveimage .fam-product-section .col-lg-9 {
        width: 100% !important;
        display: inline-block
    }

    .liveimage .fam-product-section {
        padding: 0
    }

    .padding0 {
        clear: both;
        display: block;
        float: none !important;
        margin: 0 auto;
        text-align: center !important;
        padding: 10px !important
    }

    .productfamilypage h3 {
        text-align: left !important;
        font-weight: 700;
        font-size: 30px
    }
}

@media (max-width:1024px) and (min-width:0px) {
    .productfamilyheader.minify-header h1 {
        font-size: 30px !important;
        white-space: normal
    }

    .minify-header h1 {
        white-space: normal
    }

    .productfamilyheader.minify-header.header1.header2 {
        height: inherit !important
    }

    .productfamilyheader.minify-header {
        background-size: cover !important;
        display: block;
        margin-top: 55px
    }

    .minify-header img.mt45px {
        margin-top: 0 !important
    }

    .liveimage .profuctfamilyrhs {
        display: none !important
    }

    .liveimage .productheadinglogo {
        float: left;
        width: 25%
    }

    .liveimage .fam-product-section .col-lg-9 {
        width: 75%;
        display: inline-block
    }

    .liveimage .spacer {
        display: block !important
    }

    .liveimage .goldenratio {
        padding: 0 !important
    }

    .liveimage .col-lg-3.goldenratio {
        float: right !important
    }

    .liveimage .goldenratio .nobg {
        text-align: center !important
    }

        .liveimage .goldenratio .nobg img {
            width: 150px !important;
            margin: 0 auto !important
        }

    .liveimage .product-bar a {
        min-width: 164px
    }

        .liveimage .product-bar a em {
            font-size: 15px
        }
}

@media (max-width:480px) {
    .topsmallheader-hd-section {
        padding: 0 15px !important
    }

    .imagebg h1 {
        font-size: 40px !important
    }

    .imagebg h4 {
        font-size: 16px !important
    }
}

@media (max-width:320px) {
    .logo {
        width: 140px !important
    }

    .imagebg a {
        padding: 12px;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #fff !important
    }

    .liveimage .product-bar a {
        min-width: 138px !important
    }

        .liveimage .product-bar a em {
            font-size: 12px !important
        }
}

@media (max-width:640px) {
    .diagram-tab .item img, .minify-header img {
        width: 100%
    }
}

.diagram1 {
    width: 840px;
    color: #6a6a6a;
    padding: 20px 10px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    min-height: 220px
}

.d1-row {
    display: flex
}

.d1-col {
    flex: 1;
    padding: 10px
}

.d1-net .d1-left UL li::after, .d1-net .d1-right UL li::before, .d1-net HEADER i, .diagram1.d2.d1-net HEADER, .diagram1.d2.d1-net UL > li::before {
    background: #a5c648
}

.d1-java .d1-left UL li::after, .d1-java .d1-right UL li::before, .d1-java HEADER i, .diagram1.d2.d1-java HEADER, .diagram1.d2.d1-java UL > li::before {
    background: #dd504f
}

.d1-cloud .d1-left UL li::after, .d1-cloud .d1-right UL li::before, .d1-cloud HEADER i, .diagram1.d2.d1-cloud HEADER, .diagram1.d2.d1-cloud UL > li::before {
    background: #20bae6
}

.d1-android .d1-left UL li::after, .d1-android .d1-right UL li::before, .d1-android HEADER i, .diagram1.d2.d1-android HEADER, .diagram1.d2.d1-android UL > li::before {
    background: #c2bd37
}

.d1-sharepoint .d1-left UL li::after, .d1-sharepoint .d1-right UL li::before, .d1-sharepoint HEADER i, .diagram1.d2.d1-sharepoint HEADER, .diagram1.d2.d1-sharepoint UL > li::before {
    background: #418bc7
}

.d1-rs .d1-left UL li::after, .d1-rs .d1-right UL li::before, .d1-rs HEADER i, .diagram1.d2.d1-rs HEADER, .diagram1.d2.d1-rs UL > li::before {
    background: #faab35
}

.d1-jasper .d1-left UL li::after, .d1-jasper .d1-right UL li::before, .d1-jasper HEADER i, .diagram1.d2.d1-jasper HEADER, .diagram1.d2.d1-jasper UL > li::before {
    background: #7dbfca
}

.d1-xamarin .d1-left UL li::after, .d1-xamarin .d1-right UL li::before, .d1-xamarin HEADER i, .diagram1.d2.d1-xamarin HEADER, .diagram1.d2.d1-xamarin UL > li::before {
    background: #3a5168
}

.d1-xamarin-mac .d1-left UL li::after, .d1-xamarin-mac .d1-right UL li::before, .d1-xamarin-mac HEADER i, .diagram1.d2.d1-xamarin-mac HEADER, .diagram1.d2.d1-xamarin-mac UL > li::before {
    background: #446082
}

.d1-xamarin-ios .d1-left UL li::after, .d1-xamarin-ios .d1-right UL li::before, .d1-xamarin-ios HEADER i, .diagram1.d2.d1-xamarin-ios HEADER, .diagram1.d2.d1-xamarin-ios UL > li::before {
    background: #5078a2
}

.d1-cplus .d1-left UL li::after, .d1-cplus .d1-right UL li::before, .d1-cplus HEADER i, .diagram1.d2.d1-cplus HEADER, .diagram1.d2.d1-cplus UL > li::before {
    background: #0959a1
}

.d1-js .d1-left UL li::after, .d1-js .d1-right UL li::before, .d1-js HEADER i, .diagram1.d2.d1-js HEADER, .diagram1.d2.d1-js UL > li::before {
    background: #e5bb31
}

.d1-nodejs .d1-left UL li::after, .d1-nodejs .d1-right UL li::before, .d1-nodejs HEADER i, .diagram1.d2.d1-nodejs HEADER, diagram1.d2.d1-nodejs UL > li::before {
    background: #68a164
}

.d1-python .d1-left UL li::after, .d1-python .d1-right UL li::before, .d1-python HEADER i, .diagram1.d2.d1-python HEADER, diagram1.d2.d1-python UL > li::before {
    background: #ffcc3b
}

.diagram1 .d1-logo {
    background: #fff;
    border: 1px dashed #bebebe;
    border-radius: 50%;
    font-weight: 700;
    height: 200px;
    left: 50%;
    margin: 0 auto 0 -100px;
    padding-top: 26px;
    position: absolute;
    text-align: center;
    top: 5%;
    width: 200px;
    z-index: 1
}

    .diagram1 .d1-logo IMG {
        width: 70px;
        padding-bottom: 5px
    }

    .diagram1 .d1-logo HEADER {
        font-size: 14px;
        background: 0 0 !important;
        text-align: center !important;
        color: #6a6a6a !important;
        height: auto;
        line-height: normal
    }

    .diagram1 .d1-logo FOOTER SPAN {
        font-style: italic;
        font-family: "Times New Roman",serif;
        font-weight: 400
    }

.diagram1 .d1-left HEADER, .diagram1 .d1-right HEADER {
    font-size: 15px;
    font-weight: 700;
    margin-left: 100px;
    margin-top: 0;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px
}

    .diagram1 .d1-left HEADER i, .diagram1 .d1-right HEADER i {
        width: 40px;
        height: 40px;
        text-align: center;
        margin-right: 5px;
        border-radius: 50%;
        color: #fff;
        vertical-align: middle;
        font-size: 24px;
        padding-top: 8px;
        padding-left: 6px
    }

.diagram1 .d1-left HEADER {
    margin-left: 00px;
    margin-right: 140px;
    position: relative;
    line-height: 40px;
    text-align: right
}

    .diagram1 .d1-left HEADER i {
        right: -40px;
        position: absolute
    }

.diagram1 .d1-right > UL > li {
    padding-left: 140px
}

.diagram1 .d1-left > UL > li {
    padding-left: 0;
    padding-right: 140px
}

@media (min-width:980px) {
    .diagram1 .d1-right > UL {
        text-align: left
    }

    .diagram1 .d1-left > UL {
        text-align: right
    }

    .d2 HEADER, .d2 UL {
        background: #eee;
        text-align: left !important
    }

    .diagram1 .d1-left > UL, .diagram1 .d1-right > UL {
        list-style-type: none;
        padding: 0 0 40px;
        margin-top: 0
    }

        .diagram1 .d1-left > UL > li::after, .diagram1 .d1-right > UL > li::before, .diagram1.d2 .d1-left > UL > li::before {
            content: '';
            display: inline-block;
            position: relative;
            height: 8px;
            width: 8px;
            border-radius: 50%;
            margin-right: 8px;
            margin-left: 10px
        }

    .d2 {
        font-size: 13px
    }

        .d2 .d1-logo {
            top: 5% !important
        }

        .d2 .d1-col:first-child {
            padding-right: 110px
        }

        .d2 .d1-col:nth-child(2) {
            padding-left: 110px
        }

    .diagram1.d2 li::before {
        margin-left: -16px !important
    }

    .d2 UL {
        border-radius: 0 0 5px 5px;
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
        padding-top: 10px !important
    }

    .d2 HEADER {
        margin-top: 0 !important;
        border-radius: 5px 5px 0 0;
        margin-bottom: 00px;
        margin-right: 0 !important;
        margin-left: 0 !important;
        color: #fff !important;
        height: 40px;
        line-height: 40px
    }

    .d2 footer {
        font-size: 15px
    }

    .diagram1.d2 UL > LI {
        margin-right: 0 !important;
        padding-right: 10px;
        padding-left: 30px;
        line-height: 24px
    }

    .diagram1.d2 .d1-left > UL > li::after {
        display: none
    }

    .diagram1.d2 .d1-left HEADER i {
        position: relative;
        right: auto
    }

    .diagram1.d2 .d1-left HEADER i, .diagram1.d2 .d1-right HEADER i {
        height: auto;
        padding-top: 0
    }
}

@media (max-width:980px) {
    .diagram1 {
        width: auto;
        background: #f4f4f4;
        border: 1px solid #eee;
        margin: 180px 10px 10px;
        padding: 10px
    }

    .d1-row {
        display: block
    }

    .diagram1 .d1-logo {
        top: -180px
    }

    .diagram1 .d1-left HEADER, .diagram1 .d1-right HEADER {
        margin-right: 00px;
        margin-left: 0;
        padding-right: 10px;
        padding-left: 10px;
        text-align: left
    }

    .diagram1.d2 .d1-left HEADER, .diagram1.d2 .d1-right HEADER {
        color: #fff !important;
        line-height: 40px
    }

    .diagram1 .d1-left HEADER i {
        position: static
    }

    .diagram1 .d1-left UL, .diagram1 .d1-right UL {
        padding-top: 10px
    }

    .diagram1 .d1-right > UL > li {
        padding-left: 00px
    }

    .diagram1 .d1-left > UL > li {
        padding-left: 0;
        padding-right: 00px
    }
}

@media (min-width:980px) and (max-width:1200px) {
    .pricing-module {
        width: 100%;
        height: 550px
    }
}

@media (min-width:768px) and (max-width:979px) {
    .pricing-module {
        width: 100%;
        height: 600px
    }
}

@media (min-width:668px) and (max-width:767px) {
    .pricing-module {
        width: 100%;
        height: 600px
    }
}

@media (min-width:641px) and (max-width:667px) {
    .pricing-module {
        width: 100%;
        height: 900px
    }
}

@media (max-width:967px) {
    .carousel-control {
        display: block
    }

    .diagram-tab .item h3 {
        display: block !important
    }
}

@media (max-width:640px) {
    .pricing-module {
        width: 100%;
        height: 1000px
    }

    .h2title, .h2title-white {
        font-size: 30px !important
    }

    .box1 .col-md-2 {
        float: left !important;
        margin-right: 14px !important;
        width: 25% !important
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        top: 100%
    }
}

@media (max-width:767px) {
    .conversiondiagram ul {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0 30px !important;
        list-style-type: square !important;
        list-style-position: inside !important
    }

    .conversiondiagram li {
        width: 100% !important;
        margin: 0 !important;
        display: list-item !important
    }

        .conversiondiagram li p {
            border: 0 solid #ccc !important;
            border-radius: 0 !important;
            padding: 5px !important;
            max-width: inherit !important;
            min-height: inherit !important;
            text-align: left !important;
            margin: 0 auto !important;
            width: 100% !important;
            height: inherit !important
        }

    .conversionbar, .conversiondiagram .circleicon, .conversiondiagram .neckbar {
        display: none !important
    }
}

@media (max-width:480px) {
    .stickysubmenu {
        margin-top: 60px !important
    }

    .offers-section ul li {
        float: left !important;
        width: 100% !important;
        margin: 0 0 25px !important
    }

    .offer-products h5, .offer-products img {
        float: none !important;
        display: table !important
    }

    .offer-products h5 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #777 !important;
        margin: 10px auto !important
    }

    .offer-products img {
        margin: 0 auto !important
    }

    .pricing ul {
        width: 100% !important
    }

        .pricing ul:nth-child(2), .pricing ul:nth-child(3), .pricing ul:nth-child(4) {
            border-left: 1px solid #ddd !important;
            border-top: 0 !important
        }

        .pricing ul:nth-child(1), .pricing ul:nth-child(2) {
            border-bottom: 1px solid #ddd !important
        }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding: 0
    }
}

@media (max-width:967px) {
    .btmboxes, .conversionbar, .topboxes {
        width: 85% !important
    }

    .topboxes {
        margin: 0 auto !important
    }

    .conversionbar {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .btmboxes {
        margin: -12px auto !important
    }

        .btmboxes li p {
            width: 160px;
            height: 100px
        }

    .container {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .support-resources ul {
        background: #2a74a5;
        padding: 28px 38px;
        float: left;
        width: 100%;
        border-radius: 10px;
        margin: 0 auto 20px;
        min-height: inherit
    }

    .features-section .col-lg-4 {
        min-height: inherit
    }

    .ico-blue {
        color: #3b8bc2;
        display: table;
        margin: 0;
        font-size: 30px;
        width: 40px;
        float: left
    }

    .pricing ul {
        width: 50%
    }

        .pricing ul:nth-child(2), .pricing ul:nth-child(4) {
            border-left: 0 solid #ddd
        }

        .pricing ul:nth-child(1), .pricing ul:nth-child(2) {
            border-bottom: 0 solid #ddd
        }

        .pricing ul:nth-child(3) {
            border-left: 1px solid #ddd
        }

    .downloadbtn-section .btn {
        padding: 15px;
        max-width: inherit;
        min-width: inherit;
        margin: 10px 0;
        width: 100%;
        text-align: center
    }

    .offers-section ul li {
        float: left;
        width: 50%;
        margin: 0 0 25px
    }

    .offer-products h5 {
        float: none;
        display: table;
        font-size: 16px;
        font-weight: 600;
        color: #777;
        margin: 10px auto
    }

    .offer-products img {
        float: none;
        display: table;
        margin: 0 auto
    }
}

@media all and (max-width:1023px) and (min-width:0px) {
    .navbar-collapse UL, .navbar-right {
        margin: 0
    }

    .navbar-collapse.collapse {
        display: none
    }

        .navbar-collapse.collapse.in {
            display: block
        }

    .navbar {
        min-height: 60px
    }

    .navbar-brand {
        line-height: 60px;
        height: 60px
    }

        .navbar-brand IMG {
            width: 100%;
            height: auto;
            max-height: 50px;
            max-width: 176px
        }

    .navbar-default .navbar-toggle {
        border: 0;
        float: left;
        border-radius: 0;
        background: #181818;
        margin: 0;
        height: 60px;
        line-height: 60px;
        padding-left: 15px;
        padding-right: 15px
    }

    .navbar-right li {
        display: inline;
        float: left;
        line-height: 60px;
        height: 60px
    }

    .navbar-right > li > a {
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0
    }

        .navbar-right > li > a:hover {
            background: #2e2e2e !important
        }

    .navbar-right .glyphicon {
        font-size: 16px
    }

    .navbar-collapse .dpnone {
        display: inline
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        right: 40px;
        top: 60px;
        background: #fff;
        padding-right: 0;
        max-height: 400px !important;
        overflow: auto;
        -webkit-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25);
        -moz-box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25);
        box-shadow: 4px 4px 5px 0 rgba(50,50,50,.25)
    }

        .navbar-collapse a {
            color: #333 !important;
            line-height: 40px;
            padding-left: 10px
        }

        .navbar-collapse li {
            background: #fff
        }

            .navbar-collapse li.active a {
                background: #fca700;
                color: #fff !important
            }

            .navbar-collapse li.dropdown.open, .navbar-collapse li > a {
                border-bottom: 1px solid #e3e3e3
            }

            .navbar-collapse li:last-child, .navbar-right.login1 a {
                border-bottom: 0
            }

            .navbar-collapse li .dropdown-menu a {
                border: 0;
                color: #868686 !important
            }

            .navbar-collapse li.dropdown.open > a {
                background: #fca700 !important;
                color: #fff !important
            }

        .navbar-collapse .caret {
            display: none
        }

        .navbar-collapse .dpnone {
            font-size: 14px;
            color: #868686
        }

        .navbar-collapse li.dropdown.open .dpnone {
            color: #fff
        }

    .navbar-right li:before {
        content: ""
    }

    .navbar-right.login1 {
        display: block;
        float: left !important;
        width: 100%;
        background: #fff
    }

        .navbar-right.login1 li > a:hover {
            background: #eee !important
        }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .navbar-nav {
        margin-left: 10px
    }

    .navbar-brand a {
        padding: 0
    }

    .navbar-nav > li > a {
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    .navbar-nav {
        background: pink
    }

    .navbar-default .navbar-toggle {
        margin-right: 10px
    }
}

@media all and (max-width:1199px) and (min-width:0px) {
    .header1 {
        margin-top: 60px
    }
}

@media (min-width:1200px) {
    .hp-stats .donut li:nth-child(1) SMALL, .hp-stats .donut li:nth-child(2) SMALL, .hp-stats .donut li:nth-child(4) SMALL, .hp-stats .donut li:nth-child(5) SMALL, .hp-stats .donut li:nth-child(6) SMALL {
        display: block
    }

    .hp-stats .donut {
        font-size: 30px;
        font-weight: 700
    }

    .hp-stats-img {
        position: absolute;
        left: 0;
        right: 0
    }

    .hp-stats .donut UL {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .hp-stats .donut li {
        border-top: 1px solid #e3e3e3;
        width: 40%;
        box-sizing: border-box;
        padding-bottom: 10px;
        position: relative
    }

        .hp-stats .donut li:nth-child(even):after, .hp-stats .donut li:nth-child(odd):before {
            content: ' \25CF';
            font-size: 18px;
            color: #c2c2c2;
            position: absolute;
            top: -15px
        }

        .hp-stats .donut li:nth-child(even) {
            float: right
        }

        .hp-stats .donut li:nth-child(odd) {
            float: left
        }

            .hp-stats .donut li:nth-child(odd):before {
                left: -2px
            }

        .hp-stats .donut li:nth-child(even):after {
            right: -2px
        }

        .hp-stats .donut li SMALL {
            font-size: 14px;
            font-weight: 400
        }

        .hp-stats .donut li:nth-child(1) {
            text-align: left;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(2) {
            text-align: right;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(3) {
            text-align: left;
            padding-top: 10px
        }

            .hp-stats .donut li:nth-child(3) SMALL {
                display: block;
                text-align: left
            }

        .hp-stats .donut li:nth-child(4) {
            text-align: right;
            padding-top: 10px;
            padding-left: 40px
        }

            .hp-stats .donut li:nth-child(4) SMALL {
                text-align: right
            }

        .hp-stats .donut li:nth-child(5) {
            text-align: left;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }

        .hp-stats .donut li:nth-child(6) {
            text-align: right;
            margin-left: 10%;
            margin-right: 10%;
            width: 30%
        }
}

@media (min-width:768px) and (max-width:1199px) {
    .hp-stats .donut {
        font-size: 20px;
        font-weight: 700
    }

        .hp-stats .donut li {
            width: 50%;
            box-sizing: border-box;
            text-align: center;
            display: inline;
            float: left;
            padding: 5px 10px;
            list-style-type: disc
        }

            .hp-stats .donut li SMALL {
                font-size: 16px;
                font-weight: 400
            }
}

@media (max-width:767px) {
    .hp-stats .donut {
        font-size: 20px;
        font-weight: 700
    }

        .hp-stats .donut li {
            display: block;
            width: 90%;
            clear: both
        }

            .hp-stats .donut li SMALL {
                font-size: 16px;
                font-weight: 400
            }
}

@media (min-width:1200px) {
    .hp-cases .nav-tabs li.active a:after, .hp-cases .nav-tabs li.active a:before {
        top: 51px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .hp-cases .nav-tabs li.active a:after {
        border-color: rgba(255,255,255,0);
        border-top-color: #fff;
        border-width: 20px;
        margin-left: -20px
    }

    .hp-cases .nav-tabs li.active a:before {
        border-color: rgba(238,238,238,0);
        border-top-color: #eee;
        border-width: 21px;
        margin-left: -21px
    }
}

@media all and (max-width:1199px) and (min-width:0px) {
    .hp-cases .nav-tabs li a {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px
    }

        .hp-cases .nav-tabs li a IMG {
            width: 100%;
            max-width: 170px
        }
}

@media all and (min-width:1024px) {
    .sub-menu-container {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative
    }

        .sub-menu-container .nav a {
            padding: 10px 9px;
            font-weight: 700;
            color: #666;
            font-size: 14px;
            transition: 0s all ease-in-out
        }

            .sub-menu-container .nav a:hover, .sub-menu-container .nav li.active a {
                text-decoration: none;
                background-color: transparent;
                border-bottom: 2px solid #3d8ec4;
                border-radius: 0;
                color: #3d8ec4;
                transition: 0s all ease-in-out
            }

                .sub-menu-container .nav li.active a:after {
                    top: 100%;
                    left: 50%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-color: rgba(136,183,213,0);
                    border-top-color: #dedede;
                    border-width: 8px;
                    margin-left: -8px
                }

        .sub-menu-container .btn {
            border: 0;
            font-weight: 700;
            padding: 10px 12px;
            text-shadow: 0 1px 1px rgba(0,0,0,.5)
        }

            .sub-menu-container .btn i {
                font-size: 18px
            }

    .btn-group > .btn:first-child {
        background: #26ae60
    }

        .btn-group > .btn:first-child:hover {
            background: #449d44
        }

    .sub-menu-container .btn-primary {
        padding-left: 20px;
        padding-right: 20px
    }

    .sub-menu-container .col-md-6 H4, .submenu {
        display: none
    }
}

@media all and (max-width:1023px) and (min-width:0px) {
    .title2 h4, .title2 h4 small {
        font-size: 24px;
        color: #fff
    }

    .arrow-dd, .sub-menu-container .col-md-3, .sub-menu-container .col-md-4, .submenu, .title2 h4 {
        text-align: center
    }

    .mb-hide {
        display: none !important
    }

    .sub-menu-container {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 60px;
        background: #4185f4;
    }

        .sub-menu-container .col-md-6 {
            margin: 10px auto
        }

    .title2 img {
        display: none;
        float: none
    }

    .title2 h4 small {
        display: inline;
        margin-top: 0
    }

    .submenu, .submenul {
        display: block !important
    }

    .sub-rhs .btn-primary {
        background-color: #f1c40f;
        border-color: #eea236;
        font-weight: 700
    }

    .submenu {
        padding: 0;
        margin: 0
    }

        .submenu ul {
            list-style-type: none;
            padding: 0 !important;
            margin: 0 !important
        }

    .smenu-dd {
        position: relative !important;
        top: 0 !important;
        right: inherit !important;
        margin: 1px auto 0 !important;
        width: 200px !important;
        left: inherit !important;
        float: none !important;
        clear: both !important;
        border: 0 solid #fff !important;
        border-radius: 4px !important;
        font-size: 15px
    }

    .arrow-dd {
        text-decoration: none !important;
        padding: 10px !important;
        border-radius: 4px !important;
        color: #666 !important;
        width: 237px;
        display: inline-block;
        background: #dedede;
        font-weight: 600
    }

    .submenul .open .dropdown-menu {
        display: block !important;
        width: 237px !important;
        text-align: center;
        margin: 0 auto !important
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .header1 {
        margin-top: 60px
    }

    .mb-hide {
        display: none !important
    }

    .submenu, .submenul {
        display: block !important
    }

    .sub-menu-container .col-md-6 {
        width: 40%
    }

    .sub-menu-container .sub-rhs {
        width: 35% !important;
        text-align: right
    }

    .submenu {
        text-align: center;
        padding: 0;
        margin: 0
    }

        .submenu ul {
            list-style-type: none;
            padding: 0 !important;
            margin: 0 !important
        }

    .smenu-dd {
        position: relative !important;
        top: 0 !important;
        right: inherit !important;
        margin: 1px auto 0 !important;
        width: 237px !important;
        left: inherit !important;
        float: none !important;
        clear: both !important;
        border: 0 solid #fff !important;
        border-radius: 4px !important;
        font-size: 15px
    }

        .smenu-dd a:hover {
            background: #eee !important;
            color: #666 !important
        }

    .arrow-dd {
        text-decoration: none !important;
        padding: 10px !important;
        border-radius: 4px !important;
        color: #666 !important;
        width: 200px;
        display: inline-block;
        text-align: center;
        background: #dedede;
        font-weight: 600
    }

    .submenul .open .dropdown-menu {
        display: block !important;
        width: 200px !important;
        text-align: center;
        margin: 0 auto !important
    }
}

@media all and (max-width:768px) and (min-width:0px) {
    .bcrumb1 .breadcrumb > li:nth-child(4) {
        display: none
    }
}

@media all and (min-width:1024px) {
    .content2 .box1 > .col-md-2 {
        width: 13.6667%
    }

    .content2 .box1 > .col-md-10 {
        width: 86.3333%
    }

    .footer1 .dpnone {
        display: none
    }
}

@media all and (max-width:1023px) and (min-width:0px) {
    .content2 .lhs1 {
        border-right: 0
    }

    .content2 .box1 {
        text-align: center;
        margin-bottom: 30px
    }

    .content2 h5 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .content2 .box1 P, .content2 .box1 UL {
        text-align: left
    }

    .no-hdr {
        margin-top: 60px
    }

    .vpanel-left .lhs1 {
        border: 0
    }

    .footer1, .footer1 h3:after {
        width: 100%
    }

    .hideresponsive {
        display: block !important
    }

    .footer {
        padding: 0
    }

    .footer1 {
        padding-bottom: 10px
    }

        .footer1 .col-md-2 {
            padding: 0
        }

        .footer1 H3 {
            border-width: 1px;
            font-size: 14px;
            margin-top: 0;
            padding: 10px;
            margin-bottom: 0
        }

    .layout3 .featursul1 li, .layout3 .featursul2 li {
        border-right: 0 dotted #fafafa !important
    }

    .layout3 .featursul2 li, .pd88 {
        padding-top: 0 !important
    }

    .footer1 h3:hover {
        cursor: pointer
    }

    .dpnone {
        display: inline
    }

    .footer1 UL {
        display: none;
        margin-left: 15px
    }

    .footer1 .in {
        display: block !important
    }

    .footer1 h3:after, .navbar-default .navbar-nav > li > a.dropdown-toggle:after {
        content: "\e081";
        text-align: right;
        position: relative;
        top: -15px;
        display: block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        height: 0
    }

    .navbar-default .navbar-nav > li > a.dropdown-toggle:after {
        width: 99%;
        color: #868686
    }

    .navbar-default .login1 > li > a:after {
        display: none !important
    }

    .top-nav .dropdown-menu {
        margin-top: 0 !important;
        padding: 0 !important
    }

    .footer1 a.displaynone {
        display: block !important
    }

    .dropdown-menu:after, .dropdown-menu:before {
        display: none !important
    }

    .stickysubmenu {
        position: inherit !important;
        top: inherit !important;
        background: #4185f4;
        width: inherit !important;
        z-index: inherit !important
    }

    .slide-img img {
        width: 100% !important;
        margin: 0 auto;
        display: inline-block;
        float: none
    }

    .layout3 {
        width: 100%
    }

        .layout3 .featursul1 li {
            border-bottom: 0 dotted #fafafa !important;
            padding-bottom: 0 !important
        }

        .layout3 ul {
            width: 85% !important;
            margin: 0 auto !important
        }

    .bcrumb1, .featureslayout {
        display: none
    }
}

@media all and (max-width:481px) and (min-width:0px) {
    .content2 .lhs1 .btn-primary {
        display: block;
        clear: both;
        margin-bottom: 10px
    }
}

@media (max-width:1023px) and (min-width:0px) {
    .searchli, .searchul, .searchul li {
        width: 100%
    }

    .searchli {
        clear: both
    }

    .searchanchor {
        display: none !important
    }

    .searchul {
        display: block;
        float: left;
        opacity: 1;
        padding-bottom: 0;
        padding-top: 20px;
        background: 0 0 !important;
        border-top: 1px solid #e3e3e3;
        visibility: visible
    }

        .searchul #siteSearchTextBox {
            width: 82%;
            padding: 0 10px;
            height: 40px;
            background: #eee;
            line-height: 0
        }

        .searchul .searchbtn {
            width: 35px;
            padding: 0 0 35px;
            margin: 2px 10px;
            float: right
        }

        .searchul:after {
            display: none
        }

    .searchli:hover .searchul {
        cursor: default
    }

    #linkIDout {
        display: block !important;
        width: 100%
    }

    li#linkID {
        display: none !important
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background: 0 0
    }
}

@media all and (max-width:481px) and (min-width:0px) {
    .donut ul, .donut ul li small {
        font-size: 13px
    }

    .content2 .tagline1, .content2 .tagline2 {
        display: block;
        clear: both
    }

    .donut ul li, .lhs1 .btn.btn-info {
        margin-bottom: 10px
    }

    .arrow-dd:after, .mhide {
        font-style: normal
    }

    .cloudpricing .CloudPricingHtmlDiv, .cloudpricing.w1100px.pd150 {
        min-width: 100% !important;
        width: 100% !important
    }

    .donut ul {
        margin-top: 20px;
        padding: 0
    }

    .hp-stats {
        padding-bottom: 0 !important
    }

    .custom .stickysubmenu .title2 {
        margin-top: 60px
    }

    .arrow-dd:after {
        content: "\e114";
        display: block;
        font-family: "Glyphicons Halflings";
        font-weight: 400;
        height: 0;
        line-height: 1;
        position: relative;
        text-align: right;
        top: -15px;
        width: 100%
    }

    .box1 p, .content2 .box1 {
        text-align: left
    }

    .content2 .tagline2 {
        text-align: center;
        float: none
    }

    .header2, .header2 .col-md-6 > .col-md-6, .header2 .col-md-6 ~ .col-md-6, .header3 .col-md-6 ~ .col-md-5 {
        display: none
    }

    .pricing-container h5 {
        text-align: center
    }

    .box1 h5, .lhs1 p .btn-sm, .sol1 .box1 h4 {
        text-align: left
    }

    .ventures .col-md-12 {
        padding: 0
    }

        .ventures .col-md-12 .panel-body {
            padding: 10px 0 10px 50px
        }

        .ventures .col-md-12 a {
            float: left;
            font-size: 14px;
            margin-left: 15px;
            width: 200px
        }

            .ventures .col-md-12 a img {
                margin-left: 15px;
                margin-top: 22px;
                width: 48px !important
            }

    .header2, .header3, .header4 {
        height: auto
    }

        .header3 h1 {
            margin-top: 38px !important
        }

    .lhs1 p .btn-sm {
        font-size: 11px;
        padding-left: 0;
        clear: both;
        display: block
    }

    .livechatPanel, .mhide, .mobilehide .tab-clickd {
        display: none
    }

    .mailaddres, .mailaddres h5, .mailaddres p {
        text-align: left !important
    }

    .lhs1 .panel.panel-default .col-md-3.col-md-offset-1 {
        padding-bottom: 20px;
        text-align: center
    }

    .content2 .box1 P {
        text-align: left
    }

    .banner1 {
        text-align: center
    }

    .hp-customers2 IMG {
        width: 100%
    }

    #footer-technical {
        padding-top: 20px
    }

        #footer-technical li {
            float: left;
            width: 50%
        }

    .mobile-show {
        display: block
    }

        .mobile-show .submenu {
            margin-top: 20px !important
        }

    .mobilehide .moduletable .clearfix, .mobilehide .moduletable p {
        display: none
    }

    .cloud-pricing-btn .arrow, .cloudpricing .rhs-menu, .rotate {
        display: none !important
    }

    .cloudpricing.w1100px.pd150 {
        padding-top: 60px !important;
        float: left;
        overflow-x: scroll
    }

    .asposecloudrow .cloud-pricing-table {
        display: inline !important;
        width: 100% !important;
        text-align: center !important;
        float: left !important;
        margin: 0 auto !important
    }

    .chooseoption, .logo-pricing {
        display: none !important
    }

    .cloud-pricing-plain, .cloud-pricing-premium {
        width: 50% !important
    }

    .cloud-pricing-btn, .cloudpricing {
        width: 100% !important
    }

    .app-logo {
        float: none !important;
        margin: 0 auto !important
    }

    .cloudpricing {
        min-width: 100% !important
    }

    .flat-pricing-selection {
        width: 980px !important
    }

    .CloudPricingHtmlDiv .Calc .container1280, .container-fluid.faqscloud, .container1280, .left-faqs, .right-faqs {
        width: 100% !important
    }

    .dollarsign {
        position: static !important
    }

    .new-pricing-table ul .maxfile a {
        margin-left: 0 !important;
        position: static !important;
        float: none !important
    }

    .flat-select-bar {
        float: none !important;
        clear: both !important
    }

    .pricing_faq_left, .pricing_faq_right {
        margin: 30px 0 0 !important
    }

    .container1280 {
        overflow-x: scroll !important
    }

    .price-selected {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        width: 90px !important;
        display: inline-block;
        margin-top: 0;
        float: left
    }

    .new-btn-panel {
        margin-top: -144px !important
    }

    .pricing_faq h4 span {
        color: #999;
        font-size: 21px;
        clear: both;
        display: block
    }

    .feedbackButton, .testimonial-yt {
        display: none !important
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .content2 .box1 blockquote footer, .content2 .box1 h6 {
        text-align: left
    }
}

@media all and (max-width:975px) and (min-width:481px) {
    .cloudpricing .CloudPricingHtmlDiv, .cloudpricing.w1100px.pd150 {
        min-width: 100% !important;
        width: 100% !important
    }

    .header3 .col-md-6 ~ .col-md-5 {
        display: none
    }

    .header2, .header3, .header4 {
        height: auto
    }

    .lhs1 p .btn-sm {
        font-size: 11px;
        padding-left: 0;
        text-align: center;
        clear: both;
        display: block
    }

    .header2, .header2 .col-md-6 > .col-md-6, .header2 .col-md-6 ~ .col-md-6, .mhide, .mobilehide .tab-clickd {
        display: none
    }

    .mailaddres, .mailaddres h5, .mailaddres p {
        text-align: center !important
    }

    .mhide {
        font-style: normal
    }

    .panel-heading {
        text-align: left !important
    }

    .col-md-9.lhs1.col-xs-12 .box1.bor-btm ~ .box1 p {
        text-align: center !important
    }

    .box1 h5, .sol1 .box1 h4 {
        text-align: left
    }

    .header3 h1 {
        margin-top: 38px !important
    }

    #footer-technical {
        padding-top: 20px
    }

        #footer-technical li {
            float: left;
            width: 50%
        }

    .col-md-9.lhs1.col-xs-12.sol1 .box1.row .col-md-2 {
        text-align: left;
        margin-bottom: 15px
    }

    .stickysubmenu {
        margin-top: 60px !important
    }

    .mobile-show {
        display: block
    }

        .mobile-show .submenu {
            margin-top: 20px !important
        }

    .mobilehide .tab-clickd .clearfix, .mobilehide .tab-clickd p {
        display: none
    }

    .cloud-pricing-btn .arrow, .cloudpricing .rhs-menu, .rotate {
        display: none !important
    }

    .cloudpricing.w1100px.pd150 {
        padding-top: 60px !important;
        float: left;
        overflow-x: scroll
    }

    .asposecloudrow .cloud-pricing-table {
        display: inline !important;
        width: 100% !important;
        text-align: center !important;
        float: left !important;
        margin: 0 auto !important
    }

    .chooseoption, .logo-pricing {
        display: none !important
    }

    .cloud-pricing-plain, .cloud-pricing-premium {
        width: 50% !important
    }

    .cloud-pricing-btn, .cloudpricing {
        width: 100% !important
    }

    .app-logo {
        float: none !important;
        margin: 0 auto !important
    }

    .cloudpricing {
        min-width: 100% !important
    }

    .flat-pricing-selection {
        width: 980px !important
    }

    .CloudPricingHtmlDiv .Calc .container1280, .container-fluid.faqscloud, .container1280, .left-faqs, .right-faqs {
        width: 100% !important
    }

    .dollarsign {
        position: static !important
    }

    .new-pricing-table ul .maxfile a {
        margin-left: 0 !important;
        position: static !important;
        float: none !important
    }

    .flat-select-bar {
        float: none !important;
        clear: both !important
    }

    .pricing_faq_left, .pricing_faq_right {
        margin: 30px 0 0 !important
    }

    .container1280 {
        overflow-x: scroll !important
    }

    .price-selected {
        font-size: 40px;
        line-height: 40px;
        text-align: center;
        width: 90px !important;
        display: inline-block;
        margin-top: 0;
        float: left
    }

    .new-btn-panel {
        margin-top: -144px !important
    }

    .pricing_faq h4 span {
        color: #999;
        font-size: 21px;
        clear: both;
        display: block
    }

    .testimonial-yt {
        display: none !important
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .content2 .box1 blockquote footer, .content2 .box1 h6 {
        text-align: left
    }
}

.mhide {
    font-style: normal
}

#u129-2, #u129-5 {
    line-height: 22px
}

#u109, #u117 {
    -webkit-transition-delay: 0s;
    border-color: #7f7f7f;
    background-color: #fff;
    width: 34.81%
}

#u109_img, #u117_img, #u129-5 {
    width: 100%
}

#u144-4, #u150-4 {
    min-height: 59px;
    background-color: transparent
}

#u129-5, #u144-4, #u150-4 {
    background-color: transparent
}

#u109, #u117, #u144-4, #u150-4 {
    position: relative;
    margin-right: -10000px
}

#u129-5 {
    z-index: 6;
    min-height: 56px;
    font-size: 18px;
    text-align: center;
    position: relative;
    margin-left: 00%
}

#u129-3 {
    line-height: 0
}

#u129 {
    font-size: 24px;
    line-height: 29px
}

#pu109 {
    margin-top: 3px;
    width: 60.9%;
    margin-left: 10.23%
}

#u109 {
    z-index: 2;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    transition-delay: 0s
}

#u117 {
    z-index: 4;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    transition-delay: 0s;
    left: 85.2%
}

    #u109:hover, #u117:hover {
        -webkit-transition-duration: 1.2s;
        -webkit-transition-delay: 0s;
        -webkit-transition-timing-function: ease;
        transition-duration: 1.2s;
        transition-delay: 0s;
        transition-timing-function: ease;
        min-height: 0;
        width: 38.81%;
        margin: 0 -10000px 0 0
    }

#pu144-4 {
    margin-top: 1px;
    width: 60.57%;
    margin-left: .42%
}

#u144-4 {
    z-index: 15;
    width: 75.73%
}

#u150-4 {
    z-index: 19;
    width: 75.62%;
    left: 85.39%
}

.grpelem {
    display: inline;
    float: left
}

@media (max-width:1201px) {
    .siteContentPanel100w > .clearfix:before {
        display: none !important
    }

    .siteContentPanel100w > .clearfix > .clearfix:before {
        display: none !important
    }
}

.codeblock h3 {
    background: silver;
    font-size: 13px;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin: 0
}

.codeblock pre {
    border: 0 solid #fff;
    background: 0 0;
    padding: 0;
    border-radius: 0
}

    .codeblock pre code {
        border-radius: 0 0 10px 10px;
        padding: 15px 35px
    }

.hljs {
    color: #a9b7c6;
    background: #282b2e;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.hljs-bullet, .hljs-literal, .hljs-number, .hljs-symbol {
    color: #6897bb
}

.hljs-deletion, .hljs-keyword, .hljs-selector-tag {
    color: #cc7832
}

.hljs-link, .hljs-template-variable, .hljs-variable {
    color: #629755
}

.hljs-comment, .hljs-quote {
    color: grey
}

.hljs-meta {
    color: #bbb529
}

.hljs-addition, .hljs-attribute, .hljs-string {
    color: #6a8759
}

.hljs-section, .hljs-title, .hljs-type {
    color: #ffc66d
}

.hljs-name, .hljs-selector-class, .hljs-selector-id {
    color: #e8bf6a
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.modal-open .modal {
    background: rgba(0,0,0,.6)
}

.downloadproject .modal-dialog {
    margin-top: 100px
}

.downloadproject .modal-content {
    border-radius: 0
}

.downloadproject .modal-header {
    background: #3b8bc2
}

.downloadproject .modal-title {
    font-size: 2rem;
    font-weight: 100 !important;
    color: #fff;
    display: inline
}

.downloadproject .modal-body {
    background: #f8f8f8
}

.downloadproject .modal-title img {
    margin: 0 !important
}

.downloadproject .close {
    padding: 1rem;
    margin: -1rem 0 -1rem auto;
    display: inline-block;
    font-size: 25px;
    opacity: .4
}

.downloadproject .modal-footer {
    color: #101010;
    padding: 10px !important
}

.copyclipboard {
    position: absolute;
    right: 15px;
    color: #666;
    margin: 0 !important
}

    .copyclipboard button {
        border-radius: 0 0 0 10px;
        outline: 0 !important
    }

.consolebox {
    padding: 10px 10px 0;
    background: #333;
    color: #fff;
    overflow: auto;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    font-size: 13px;
    border: 5px solid #999
}

.consoletxt {
    display: inline-block;
    float: left
}

.downloadproject .modal-body #copyboard {
    color: #fff !important;
    box-shadow: none !important;
    font-size: 13px;
    border: 0 !important;
    background: 0 0 !important;
    float: left;
    width: 90% !important;
    outline: 0 !important;
    padding: 0 0 0 5px !important;
    resize: none
}

.nugetmodal {
    min-height: 40px;
    max-height: 150px
}

.mavenmodal {
    min-height: 200px;
    max-height: 250px;
    overflow-y: auto
}

#mavenproject .consolebox {
    margin-bottom: 10px !important
}

    #mavenproject .consolebox ~ .consolebox {
        margin-bottom: 0 !important
    }

#mavenproject textarea.mavenmodal-android {
    min-height: 60px !important;
    max-height: 200px;
    overflow-y: auto
}

#mavenproject textarea#pom1 {
    min-height: 110px;
    max-height: 200px;
    overflow-y: auto
}

#mavenproject textarea#pom2 {
    min-height: 130px;
    max-height: 200px;
    overflow-y: auto
}

.copyboard-textarea {
    color: #fff !important;
    box-shadow: none !important;
    font-size: 13px;
    border: 0 !important;
    background: 0 0 !important;
    float: left;
    width: 90% !important;
    outline: 0 !important;
    padding: 0 0 0 5px !important;
    resize: none
}

.copiedtooltip {
    display: none;
    position: absolute;
    right: 0;
    color: #fff;
    margin: 0 !important;
    font-size: 12px;
    bottom: -100%;
    background: #151515;
    padding: 3px 5px;
    border-radius: 4px
}

@media(max-width:480px) {
    #mavenproject pom1 {
        min-height: 150px;
        max-height: 200px;
        overflow-y: auto
    }

    #mavenproject #pom2 {
        min-height: 150px
    }
}

@media(max-width:992px) {
    .productsrow2 .productbox h6 {
        font-size: 14px !important;
        min-height: 80px !important
    }

    .casestudy .casestudies, .container.customerslogo .col-md-2, .container.hp-cases .col-md-12, .container.hp-customers .col-md-12, .container.hp-testi .col-md-12, .container.hp-testi .col-md-5 {
        text-align: center !important
    }

    .diagram-tab-content .nav-center li a {
        padding: 15px 10px !important;
        font-size: 14px !important
    }

    .diagram1 .d1-logo {
        background: 0 0;
        border: 0 !important;
        top: -160px
    }

    .corporate-header h1 {
        text-align: center !important
    }

    .col-md-3.vpanel UL {
        display: none
    }

    .col-md-3.vpanel:hover UL {
        display: block
    }

    .col-md-3.vpanel:hover:before {
        color: #439cda
    }

    .col-md-3.vpanel:hover {
        width: 100%;
        cursor: pointer
    }

    .col-md-3.vpanel {
        float: left;
        border: 0 !important;
        padding: 0;
        margin: 0;
        display: block
    }

        .col-md-3.vpanel:before {
            content: '☰';
            width: 100%;
            display: block;
            font-size: 26px;
            margin: 10px 0 0
        }
}

@media(max-width:640px) {
    .productsrow2 .productbox h6 {
        font-size: 16px !important;
        min-height: 55px !important
    }
}

@media(max-width:490px) {
    .diagram-tab-content .nav-center li a {
        background: #fbfbfb;
        padding: 15px 10px;
        border-radius: 0;
        font-size: 14px;
        text-align: center;
        border: 0 !important
    }

    .diagram-tab-content ul li {
        width: 100%
    }

    #mavenproject textarea.mavenmodal-android {
        min-height: 110px !important;
        max-height: 200px;
        overflow-y: auto
    }

    #mavenproject textarea#pom1 {
        min-height: 110px
    }

    #mavenproject textarea#pom2 {
        min-height: 110px
    }
}

.laptopheader {
    display: none
}

.codetabcontent pre {
    font-size: 14px !important
}

.codetabcontent h3 em {
    color: #1a89d0;
    font-style: normal
}

.codeblock .codetabcontent h3 {
    background: #333;
    font-size: 13px;
    border-radius: 0 10px 0 0 !important;
    color: #aaa
}

.codetab ul {
    background: 0 0;
    border-radius: 0;
    border: 0 !important
}

    .codetab ul li {
        margin: 0
    }

.codetab a:hover {
    color: #fff !important;
    background-color: #1a89d0 !important;
    border-right: 1px solid #77889a !important
}

.codetab a, .codetab span {
    color: #fff !important;
    background-color: #a9b7c6 !important;
    border-radius: 0 !important;
    padding: 10px 25px !important;
    border: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    border-right: 1px solid #77889a !important
}

.codetab .active a, .codetab .active span {
    color: #fff !important;
    background-color: #3071a9 !important;
    border-radius: 0 !important;
    padding: 10px 25px !important;
    border: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    box-shadow: 0 0 20px -6px #333 inset
}

.codetab ul li:first-child a, .codetab ul li:first-child span {
    border-radius: 10px 0 0 0 !important
}

.codetab ul li:last-child a, .codetab ul li:last-child span {
    border-radius: 0 10px 0 0 !important;
    border: 0 !important
}

.diagram-tab-content .nav-center li:nth-child(2) a {
    border-right: 0 !important
}

.diagram-tab-content .nav-center {
    margin: 100px auto 0;
    border: 0 !important;
    display: inline-flex;
    float: none;
    border: 0 solid #d7d7d7;
    justify-content: center;
    align-items: center;
    width: 100%
}

    .diagram-tab-content .nav-center li:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .diagram-tab-content .nav-center li:nth-child(2) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 2;
        order: 2
    }

    .diagram-tab-content .nav-center li:last-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 1;
        order: 1
    }

    .diagram-tab-content .nav-center li a {
        background: #fff;
        padding: 10px 30px;
        border-radius: 0;
        color: #151515;
        text-align: center;
        min-width: 200px
    }

        .diagram-tab-content .nav-center li a em {
            font-size: 22px;
            clear: both;
            display: block;
            font-style: normal;
            font-weight: 700
        }

        .diagram-tab-content .nav-center li a.activetab {
            background: #fff;
            padding: 20px 30px !important;
            position: relative;
            margin-top: -20px;
            height: 93px
        }

        .diagram-tab-content .nav-center li a:hover {
            background: #3071a9
        }

@media (max-width:599px) and (min-width:491px) {
    .diagram-tab-content .nav-center li a {
        padding: 10px 30px !important
    }

        .diagram-tab-content .nav-center li a.activetab {
            padding: 25px 30px !important;
            height: 80px
        }

        .diagram-tab-content .nav-center li a em {
            font-size: 14px !important
        }
}

@media (max-width:992px) and (min-width:598px) {
    .diagram-tab-content .nav-center li a {
        padding: 10px 30px !important
    }

        .diagram-tab-content .nav-center li a.activetab {
            padding: 20px 20px !important
        }

        .diagram-tab-content .nav-center li a em {
            font-size: 22px !important
        }
}

@media (max-width:495px) {
    .diagram-tab-content .nav-center li a {
        padding: 10px 10px !important
    }

        .diagram-tab-content .nav-center li a em {
            font-size: 14px;
            font-style: normal;
            display: inline-block;
            clear: none
        }

        .diagram-tab-content .nav-center li a.activetab {
            background: #fff;
            padding: inherit;
            position: relative;
            margin-top: inherit;
            height: inherit
        }

    .diagram-tab-content .nav-center {
        display: inline-block !important
    }
}

@media (max-width:699px) {
    .diagram-tab-content .nav-center li a {
        min-width: 150px !important
    }
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #333;
    color: #fff
}

.hljs-name, .hljs-strong {
    font-weight: 700
}

.hljs-code, .hljs-emphasis {
    font-style: italic
}

.hljs-tag {
    color: #62c8f3
}

.hljs-selector-class, .hljs-selector-id, .hljs-template-variable, .hljs-variable {
    color: #ade5fc
}

.hljs-bullet, .hljs-string {
    color: #a2fca2
}

.hljs-attribute, .hljs-built_in, .hljs-builtin-name, .hljs-quote, .hljs-section, .hljs-title, .hljs-type {
    color: #ffa
}

.hljs-bullet, .hljs-number, .hljs-symbol {
    color: #d36363
}

.hljs-keyword, .hljs-literal, .hljs-selector-tag {
    color: #fcc28c
}

.hljs-code, .hljs-comment, .hljs-deletion {
    color: #888
}

.hljs-link, .hljs-regexp {
    color: c6b4f0
}

.hljs-meta {
    color: #fc9b9b
}

.hljs-deletion {
    background-color: #fc9b9b;
    color: #333
}

.hljs-addition {
    background-color: #a2fca2;
    color: #333
}

.hljs a {
    color: inherit
}

    .hljs a:focus, .hljs a:hover {
        color: inherit;
        text-decoration: underline
    }

.testimonials-resources {
    padding-top: 25px;
    padding-bottom: 45px
}

.testimonials-msg {
    width: 80%;
    display: table;
    padding: 50px 50px;
    margin: 20px auto 0;
    border: 10px solid #3b8bc2;
    border-radius: 200px;
    line-height: 1.4em;
    font-weight: 300;
    font-family: Cambria,Cochin,Georgia,Times,'Times New Roman',serif;
    color: #333;
    font-size: 1.2em;
    position: relative;
    min-height: 215px
}

    .testimonials-msg:before {
        content: '\201C';
        position: absolute;
        font: 200px/20px Arial,sans-serif;
        top: 42px;
        left: 40px;
        color: #232
    }

    .testimonials-msg:after {
        content: '\201D';
        position: absolute;
        font: 200px/20px Arial,sans-serif;
        bottom: -62px;
        right: 40px;
        color: #232
    }

    .testimonials-msg p {
        margin: 0
    }

    .testimonials-msg em {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        display: block;
        margin-top: 20px
    }

    .testimonials-msg b {
        color: #3b8bc2;
        font-weight: 400
    }

.space3 {
    margin: 15px auto
}

#testimonialcarousel .carousel-indicators {
    bottom: -45px
}

    #testimonialcarousel .carousel-indicators li.active {
        background: #3b8bc2;
        padding: 3px;
        width: 16px;
        height: 16px
    }

    #testimonialcarousel .carousel-indicators li {
        background: #ccc
    }

@media (max-width:668px) {
    .testimonials-msg {
        width: 100%
    }

        .testimonials-msg:before {
            top: 50px
        }

        .testimonials-msg:after {
            bottom: -50px
        }
}

@media (max-width:568px) {
    .testimonials-msg {
        width: 100%
    }

        .testimonials-msg:before {
            top: 70px
        }

        .testimonials-msg:after {
            bottom: -30px
        }
}

.matrix-col {
    width: 100%;
    display: table;
    margin: 0
}

    .matrix-col ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: #e7e7e7;
        border-radius: 6px
    }

        .matrix-col ul li {
            padding: 5px 5px;
            font-size: 14px;
            border-bottom: 1px solid #ddd
        }

            .matrix-col ul li:hover {
                background: #d7d7d7
            }

.matrix-header.dotnetbg {
    background: #a5c648 !important;
    color: #fff !important;
    border-radius: 6px 6px 0 0
}

.matrix-header div {
    font-weight: 700
}

.matrix-col div {
    width: 20%;
    display: inline-block;
    text-align: center;
    color: #333;
    font-size: 13px
}

    .matrix-col div:first-child {
        text-align: left !important;
        padding-left: 10px;
        width: 35%
    }

.matrix-col .matrix-header div {
    color: #fff !important
}

.matrix-col ul li:last-child {
    border: 0 !important
}

@media(max-width:668px) {
    .matrix-col div:first-child {
        width: inherit !important
    }

    .matrix-col {
        width: 100%;
        display: block;
        margin: 0 auto
    }

        .matrix-col ul li {
            display: flex
        }

        .matrix-col div {
            text-align: center;
            color: #333;
            font-size: 12px;
            flex: 1;
            width: inherit !important
        }
}

.d1-php-java .d1-left UL li::after, .d1-php-java .d1-right UL li::before, .d1-php-java HEADER i, .diagram1.d2.d1-php-java HEADER, .diagram1.d2.d1-php-java UL > li::before {
    background: #4f5b94
}

.productbox h4 {
    line-height: 26px
}

    .productbox h4 a {
        font-size: 26px
    }

@media(max-width:868px) {
    .productbox h4 a {
        font-size: 22px
    }
}

.corporatesections .lhs1.productfamilypage p a img {
    width: auto !important;
    height: auto;
    margin: 0 !important
}

@media (max-width:868px) {
    .corporatesections #page {
        padding: 0 15px !important
    }
}

@media(max-width:375px) {
    .header2 .btn-warning, .minify-header a {
        padding: 15px 10px !important;
        font-size: 20px !important
    }
}

@media(max-width:668px) {
    .static_header.header3 .headertitle h4 {
        width: 100%
    }

    .corporate-header {
        padding: 0
    }

        .corporate-header h1 {
            margin-bottom: 0
        }

    .productfamilypage .productfamily_box.websitebox span + em {
        min-height: auto !important
    }
}

.productfamilypage .productfamily_box.websitebox span + em {
    min-height: 165px !important
}

#aspose.borderbox {
    padding: 10px 25px !important
}

.sub-menu-container .title2 {
    padding-left: 15px !important
}

.productfamilypage .imgblock img {
    width: 60px;
}

.productfamilypage .imgblock {
    max-width: 60px;
}

.productfamily_box a span em {
    font-size: 20px !important;
}

.productfamilypage .productfamilytitle span {
    margin-top: 10px;
}

.liveimage .cldappbg {
    background-color: rgba(225, 245, 254, 0.50);
    border: 1px solid #1a89d0;
    float: left;
}

    .liveimage .cldappbg:hover {
        box-shadow: 0 1px 10px #ccc;
        transition: all .3s ease;
        color: #3d8ec4 !important;
    }

.header2 {
    height: inherit !important;
}

    .header2 .row {
        display: flex;
        align-items: center;
    }

.header1.header2.minify-header .col-md-4.tc {
    padding: 0 20px !important;
}

.header2 IMG.col-xs-12 {
    margin-top: 0 !important;
}

.cleartop {
    max-height: 45px;
    height: 45px
}

.diagram-tab-content .nav-center {
    margin-top: 45px !important
}

.minify-header h2 {
    margin-bottom: 0 !important;
}

@media(max-width:1024px) {
    .header2 .row {
        display: block !important;
        align-items: center;
    }
}

@media(max-width:668px) {
    .support-resources ul {
        min-width: 100% !important;
    }

    .diagram-tab-content .nav-center {
        margin-top: 20px !important;
    }
}

h2.pr-h2 {
    font-weight: 400 !important;
    text-shadow: none !important;
    line-height: 1.5 !important;
    margin: 25px 0 !important;
    color: #fafafa !important;
    font-size: 22px !important;
    text-align: left !important;
    display: block !important
}

h3.pr-h3 {
    display: table;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0 !important;
    font-weight: 600;
    font-size: 22px;
    margin-top: 5px;
    line-height: 24px;
}

    h3.pr-h3 em {
        display: block;
        font-size: 14px;
        font-style: normal;
    }

h4.pr-h4 {
    color: #fafafa;
    font-size: 40px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

.pr-ft {
    width: 100%;
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}

@media(max-width: 1024px) {
    .mgtb55 {
        display: inline-block;
    }

    h4.pr-h4 {
        font-size: 35px;
        text-align: center;
    }
}

@media(max-width:868px) {
    h2.pr-h2 {
        text-align: center !important;
    }

    .diagram-tab .item h3 {
        font-size: 22px;
    }

    h4.pr-h4 {
        font-size: 28px;
    }

    .pr-ft {
        text-align: center !important;
        font-size: 30px !important;
    }
}

@media(max-width:868px) {
    .header1.minify-header .row {
        display: flex !important;
        align-items: center;
        flex-flow: column !important;
    }

        .header1.minify-header .row .col-md-8 {
            width: 100% !important;
            order: 2;
        }

    .liveimage .product-bar h2 a {
        font-size: 24px !important;
        text-align: left !important;
        line-height: 32px;
    }

    .liveimage .product-bar a.btn {
        font-size: 16px !important;
    }

        .liveimage .product-bar a.btn em {
            font-size: 20px !important;
        }
}

.visiblebody {
    opacity: 1 !important
}

.backtop {
    right: 70px;
    bottom: 15px;
}