nav.main > ul ul {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 160%;
    letter-spacing: 0;
    text-transform: none;
    font-size: 16px
}
@media (min-width: 576px) and (max-width: 767px) {
    nav.main > ul ul {
        font-size: 16px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    nav.main > ul ul {
        font-size: 16px
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    nav.main > ul ul {
        font-size: 16px
    }
}
@media (min-width: 1200px) {
    nav.main > ul ul {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    nav.main .dlpgHidden {
        display:none !important
    }
}
nav.main .container {
    max-width:1400px;
    position:static
}
@media (min-width: 992px) and (max-width: 1400px) {
    nav.main .container {
        max-width:calc(100% - 30px)
    }
}
nav.main .container .row {
    position:relative
}
nav.main .container .row ul {
    list-style:none;
    margin:0
}
nav.main .container .row ul li {
    display:inline-block
}
nav.main .container .row ul li a,
nav.main .container .row ul li span {
    display:block;
    /*width:100%;
    height:100%*/
}
nav.main .container .row ul li i span {
    display:none
}
nav.main .rnav-primary {
    /*position:relative;*/
    position: fixed;
    background:#fff
}
nav.main .rnav-primary a:link,
nav.main .rnav-primary a:visited,
nav.main .rnav-primary span {
    color:#444;
    text-decoration:none
}
nav.main .rnav-primary a:hover,
nav.main .rnav-primary a:active,
nav.main .rnav-primary span:hover {
    color:#444;
    text-decoration:none
}

nav.main .rnav-primary .sff:link,
nav.main .rnav-primary .sff:visited {
    color: #ffffff;
    text-decoration:none
}

nav.main .rnav-primary .rnav-brand {
    line-height: 90px;
    position:relative;
    text-transform:uppercase;
    z-index:10
}
nav.main .rnav-primary .rnav-brand i.gcicon-logo-gc-horiz {
    font-size:48px;
    line-height:88px;
    color:#470A68
}
nav.main .rnav-primary .rnav-brand i.gcicon-logo-gc-horiz span {
    display:none
}
nav.main .rnav-primary .rnav-brand i.fa-bars {
    display:none;
    position:absolute;
    top:34px;
    right:30px;
    font-size:18px
}
nav.main .rnav-primary .rnav-main {
    line-height:90px;
    font-size:13px;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600
}
nav.main .rnav-primary .rnav-main ul {
    padding-left:24px
}
nav.main .rnav-primary .rnav-main ul li a,
nav.main .rnav-primary .rnav-main ul li span {
    display:block;
    text-transform:uppercase;
    padding:0 12px
}
nav.main .rnav-primary .rnav-main ul li span {
    cursor:default
}
nav.main .rnav-primary .rnav-main ul li.active {
    background:#eeedf0
}
nav.main .rnav-primary .rnav-util {
    font-size:18px;
    text-align:right;
    color:#444;
    position:static;
    padding-right:0;
    line-height:90px
}
nav.main .rnav-primary .rnav-util a:link,
nav.main .rnav-primary .rnav-util a:visited {
    color:#444;
    text-decoration:none
}
nav.main .rnav-primary .rnav-util a:hover,
nav.main .rnav-primary .rnav-util a:active {
    color:#444;
    text-decoration:none
}
nav.main .rnav-primary .rnav-util ul li {
    z-index:10;
    background:#fff;
    padding:0 10px;
    margin-right:-6px
}
nav.main .rnav-primary .rnav-util ul li.cart a {
    position:relative
}
nav.main .rnav-primary .rnav-util ul li.cart a .cart-items-count {
    position:absolute;
    background:#9D2235;
    font-size:10px;
    font-weight:500;
    text-align:center;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:32px;
    top:23px;
    color:#fff;
    left:5px
}
nav.main .rnav-primary .rnav-util ul li.user img.gravatar {
    height:25px;
    width:25px;
    border-radius:35px
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user {
    position:absolute;
    background:#eeedf0;
    top:-10000px;
    padding:15px 20px;
    z-index:1;
    width:150px;
    right:0;
    text-align:left;
    font-size:12px;
    text-transform:uppercase
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user.active {
    top:90px
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user li {
    display:block;
    line-height:normal;
    padding:8px 0;
    background:#eeedf0
}
nav.main .rnav-primary .rnav-util ul li:last-child {
    padding-right:26px
}
nav.main .rnav-primary .rnav-util ul li.search {
    padding-left:26px;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
nav.main .rnav-primary .rnav-util ul li.searchform {
    background:#fff;
    height:calc(100% + 2px);
    position:absolute;
    right:5px;
    top:-2px;
    z-index:-1;
    width:0;
    overflow:hidden;
    transition:all .1s ease
}
nav.main .rnav-primary .rnav-util ul li.searchform.active {
    right:160px;
    width:calc(84% - 130px);
    z-index:0
}
nav.main .rnav-primary .rnav-util ul li.searchform form {
    height:100%
}
nav.main .rnav-primary .rnav-util ul li.searchform form input:focus {
    outline:none;
    border:none
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='text'] {
    height:64%;
    border:none;
    padding-left:20px;
    width:80%;
    display:inline-block;
    background:#eeedf0;
    color:#444;
    font-size:14px;
    line-height:normal;
    vertical-align:middle
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='text']::-webkit-input-placeholder {
    color:#999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='text']:-moz-placeholder {
    color:#999 !important;
    opacity:1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='text']::-moz-placeholder {
    color:#999 !important;
    opacity:1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='text']:-ms-input-placeholder {
    color:#999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type='submit'] {
    height:64%;
    border:none;
    width:13%;
    display:inline-block;
    text-transform:uppercase;
    font-size:13px;
    margin-left:-6px;
    background:#3872ac;
    color:#fff;
    line-height:normal;
    vertical-align:middle;
    cursor:pointer
}
nav.main .rnav-drop {
    background:#eeedf0;
    padding-top:30px;
    padding-bottom:30px;
    position:absolute;
    width:100%;
    top:-10000px;
    z-index:20;
    transition-delay: .2s;
}
nav.main .rnav-drop.active {
    top:90px;
}
nav.main .rnav-drop .container {
    max-width:1200px
}
@media (min-width: 992px) and (max-width: 1200px) {
    nav.main .rnav-drop .container {
        max-width:calc(100% - 30px)
    }
}
nav.main .rnav-drop .container .row ul {
    list-style-type:none;
    margin-bottom:30px;
    padding:0 30px 5px 15px;
    border-left:1px solid #bbb
}
nav.main .rnav-drop .container .row ul li {
    font-size:13px;
    color:#444;
    display:block
}
nav.main .rnav-drop .container .row ul li.heading {
    font-size:15px;
    color:#470A68;
    font-size:15px;
    padding-bottom:10px;
    border-bottom:1px solid #d5d5d5;
    margin-bottom:10px;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600
}
nav.main .rnav-drop .container .row ul li.heading a {
    color:#470A68 !important;
    text-decoration:none
}
nav.main .rnav-drop .container .row ul li.description {
    margin-bottom:20px;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400
}
nav.main .rnav-drop .container .row ul li.exmar {
    margin-bottom:20px
}
nav.main .rnav-drop .container .row ul li a:link,
nav.main .rnav-drop .container .row ul li a:visited,
nav.main .rnav-drop .container .row ul li span {
    color:#444;
    text-decoration:none;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-drop .container .row ul li a:link,
    nav.main .rnav-drop .container .row ul li a:visited,
    nav.main .rnav-drop .container .row ul li span {
        padding-left:8px
    }
}
nav.main .rnav-drop .container .row ul li a:hover,
nav.main .rnav-drop .container .row ul li a:active,
nav.main .rnav-drop .container .row ul li span:hover {
    color:#444;
    text-decoration:none;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600
}
nav.main .rnav-drop .container .row .featured .artxt {
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600;
    color:#d56a1e !important
}
nav.main .rnav-drop .container .row .featured .placeholder {
    width:100%;
    height:200px;
    background:#fff;
    border:1px solid #bbb;
    margin-bottom:15px
}
nav.main .rnav-drop .container .row .featured img {
    display:block;
    border:1px solid #444;
    margin-bottom:15px;
    max-width:100%
}
nav.main .rnav-drop .container .row .featured p {
    font-size:13px;
    color:#444
}
nav.main .rnav-drop .container .row .featured p.heading {
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600;
    text-transform:uppercase;
    font-size:15px;
    color:#470A68
}
nav.main .rnav-drop .container .row .featured a {
    padding-left:5px
}
nav.main .rnav-drop .container .row .featured a:link,
nav.main .rnav-drop .container .row .featured a:visited {
    color:#444;
    text-decoration:none
}
nav.main .rnav-drop .container .row .featured a:hover,
nav.main .rnav-drop .container .row .featured a:active {
    color:#444;
    text-decoration:underline
}
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap {
    background:#e5e5e5;
    padding:15px;
    border:1px solid #d3d3d3
}
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap img {
    border:none;
    padding-top:5px
}
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap a:link,
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap a:visited,
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap a:hover,
nav.main .rnav-drop .container .row .featured.ewab .inner-wrap a:active {
    color:#3872ac;
    text-decoration:underline;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600;
    padding-left:0 !important
}
nav.main .rnav-inner {
    position:relative;
    background:#2f2f30;
    font-size:12px;
    text-transform:uppercase;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600
}

nav.main .rnav-inner a:link,
nav.main .rnav-inner a:visited,
nav.main .rnav-inner span {
    color:#fff;
    text-decoration:none
}
nav.main .rnav-inner a:hover,
nav.main .rnav-inner a:active,
nav.main .rnav-inner span:hover {
    color:#fff;
    text-decoration:none
}
nav.main .rnav-inner .color-shim {
    width:15%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0
}
@media only screen and (min-width: 2000px) {
    nav.main .rnav-inner .color-shim {
        width:30%
    }
}
@media only screen and (min-width: 3400px) {
    nav.main .rnav-inner .color-shim {
        width:40%
    }
}
nav.main .rnav-inner .rnav-inner-product {
    color:#fff;
    line-height:56px;
    position:relative
}
nav.main .rnav-inner .rnav-inner-product span.info {
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400
}
@media only screen and (max-width: 1200px) {
    nav.main .rnav-inner .rnav-inner-product span.info {
        display:none
    }
}
nav.main .rnav-inner .rnav-inner-product span.info a:link,
nav.main .rnav-inner .rnav-inner-product span.info a:visited,
nav.main .rnav-inner .rnav-inner-product span.info a:hover,
nav.main .rnav-inner .rnav-inner-product span.info a:active {
    color:#fff;
    text-decoration:none
}
nav.main .rnav-inner .rnav-inner-product .fa-caret-down {
    display:none
}
nav.main .rnav-inner .rnav-inner-product.c1 span.outer {
    cursor:pointer
}
nav.main .rnav-inner .rnav-inner-product.c1 ul.c1-edition-drop {
    margin:0;
    padding:0 0 20px 0;
    position:absolute;
    width:100%;
    top:-10000px;
    left:0;
    z-index:1;
    background:#9D2235
}
nav.main .rnav-inner .rnav-inner-product.c1 ul.c1-edition-drop.active {
    top:50px
}
nav.main .rnav-inner .rnav-inner-product.c1 ul.c1-edition-drop li {
    display:block;
    padding:5px 30px 5px 20px;
    line-height:normal
}
nav.main .rnav-inner .rnav-inner-product.c1 ul.c1-edition-drop li:first-child {
    font-size:14px;
    margin-top:15px;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400;
    text-transform:none;
    line-height:20px;
    margin-bottom:15px
}
nav.main .rnav-inner .rnav-inner-product.c1 ul.c1-edition-drop li:first-child a {
    text-decoration:underline;
    display:inline
}
nav.main .rnav-inner .rnav-inner-main {
    line-height:56px
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-inner .rnav-inner-main {
        padding-right:0 !important
    }
}
nav.main .rnav-inner .rnav-inner-main ul li {
    padding:0 11px;
    position:relative
}
@media only screen and (max-width: 1195px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding:0 5px
    }
}
@media only screen and (max-width: 1074px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding:0 2px 0 3px
    }
}
nav.main .rnav-inner .rnav-inner-main ul li span {
    cursor:default
}
nav.main .rnav-inner .rnav-inner-main ul li.active {
    background:#eeedf0
}
nav.main .rnav-inner .rnav-inner-main ul li.active a:link,
nav.main .rnav-inner .rnav-inner-main ul li.active a:visited,
nav.main .rnav-inner .rnav-inner-main ul li.active span {
    color:#444
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
    position:absolute;
    top:-10000px;
    background:#eeedf0;
    padding:25px;
    z-index:10
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.active {
    top:56px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
    width:500px;
    left:-160px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.framework,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.demos,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.docs {
    width:220px;
    left:0
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
    display:block;
    line-height:normal;
    margin-bottom:8px;
    text-transform:none;
    padding:0
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li.last-divide {
    padding-bottom:10px;
    border-bottom:1px solid #ceccd4;
    margin-bottom:10px;
    width:85%
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li.nav-border {
    text-transform:uppercase;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:600;
    padding-bottom:10px;
    border-bottom:1px solid #bbb;
    margin-bottom:15px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
    color:#444;
    text-decoration:none;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:hover,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:active,
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span:hover {
    color:#444;
    text-decoration:none;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li.c1-seperator {
    padding-top:4px;
    border-bottom:1px solid #ceccd4;
    width:85%
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li.c1-seperator {
        display:none
    }
}
/*nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.notitle ul li:first-child {
    text-transform:none;
    font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400;
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:8px
}*/
nav.main .rnav-inner .rnav-inner-actions {
    text-align:right
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-inner .rnav-inner-actions {
        padding-right:0 !important;
        padding-right:0 !important
    }
}
nav.main .rnav-inner .rnav-inner-actions ul li {
    padding:0 0 0 5px
}
nav.main .rnav-inner .rnav-inner-actions ul li a {
    padding:10px 0;
    min-width:135px;
    text-align:center;
    margin:10px 0;
    line-height:normal
}
nav.main .rnav-inner .rnav-inner-actions ul li a.download {
    background:#48484a
}
nav.main .rnav-inner .rnav-inner-actions ul li a.buy {
    background:#5c5c5e
}
nav.main .rnav-inner.vis .rnav-inner-product,
nav.main .rnav-inner.vis .color-shim {
    background:#d56a1e
}
nav.main .rnav-inner.wyn .rnav-inner-product,
nav.main .rnav-inner.wyn .color-shim {
    background:#733151
}
nav.main .rnav-inner.focus .rnav-inner-product,
nav.main .rnav-inner.focus .color-shim {
    background:#9D2235
}
nav.main .rnav-inner.pdf .rnav-inner-product,
nav.main .rnav-inner.pdf .color-shim {
    background:#961C45
}
nav.main .rnav-inner.excel .rnav-inner-product,
nav.main .rnav-inner.excel .color-shim {
    background:#809B59FF
}
nav.main .rnav-inner.doc .rnav-inner-product,
nav.main .rnav-inner.doc .color-shim {
    background:#20317e
}
nav.main .rnav-inner.total .rnav-inner-product,
nav.main .rnav-inner.total .color-shim {
    background: #323951
}
nav.main .rnav-inner.useoff .rnav-inner-product,
nav.main .rnav-inner.useoff .color-shim {
    background:#727384
}
nav.main .rnav-inner.mt .rnav-inner-product,
nav.main .rnav-inner.mt .color-shim {
    background:#5a207e
}
nav.main .rnav-inner.rtf .rnav-inner-product,
nav.main .rnav-inner.rtf .color-shim {
    background:#368eb6
}

nav.main .rnav-inner.ex .rnav-inner-product,
nav.main .rnav-inner.ex .color-shim {
    background:#548D2A
}
nav.main .rnav-inner.dv .rnav-inner-product,
nav.main .rnav-inner.dv .color-shim {
    background:#005F2C
}
nav.main .rnav-inner.htm .rnav-inner-product,
nav.main .rnav-inner.htm .color-shim {
    background:#00C1D5
}
@media only screen and (min-width: 992px) {
    nav.main .mobile-mod-only {
        display:none !important
    }
}
@media only screen and (max-width: 991px) {
    nav.main .mobile-mod-hide {
        display:none !important
    }
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-primary .rnav-brand {
        background:#fff
    }
    nav.main .rnav-primary .rnav-brand i.fa-bars {
        display:block;
        color:#444
    }
    nav.main .rnav-primary .rnav-util {
        display:none
    }
    nav.main .rnav-primary .rnav-main {
        display:block;
        position:absolute;
        background:#eeedf0;
        left:0;
        top:-10000px;
        z-index:28;
        height:calc(100vh - 85px)
    }
}
@media only screen and (max-width: 991px) and (max-height: 450px) {
    nav.main .rnav-primary .rnav-main {
        height:calc(100vh)
    }
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-primary .rnav-main.mobile-active {
        top:85px
    }
    nav.main .rnav-primary .rnav-main.slideleft {
        left:-100%
    }
    nav.main .rnav-primary .rnav-main ul {
        margin:20px 0 0 0;
        padding-left:0
    }
    nav.main .rnav-primary .rnav-main ul li {
        display:block;
        line-height:normal;
        border-bottom:1px solid #bbb;
        padding:17px 0
    }
    nav.main .rnav-primary .rnav-main ul li:last-child {
        border:none
    }
    nav.main .rnav-primary .rnav-main ul li.hidden {
        display:block !important
    }
    nav.main .rnav-primary .rnav-main ul li.drop span:after {
        content:'\f0da';
        font-family:FontAwesome;
        padding:0 0 0 10px;
        font-size:15px
    }
    nav.main .rnav-drop {
        z-index:26;
        display:block
    }
    nav.main .rnav-drop.mobile-active {
        top:85px
    }
    nav.main .rnav-drop .container .row ul {
        list-style-type:none;
        margin-bottom:25px;
        padding:0 15px;
        border-left:none
    }
    nav.main .rnav-drop .container .row ul.hidden {
        display:block !important
    }
    nav.main .rnav-drop .container .row ul li {
        font-size:13px;
        color:#444;
        display:block;
        padding-bottom:3px
    }
    nav.main .rnav-drop .container .row ul li.moblie-close {
        font-size:14px;
        text-transform:uppercase
    }
    nav.main .rnav-drop .container .row ul li.moblie-close span:before {
        content:'\f0d9';
        font-family:FontAwesome;
        padding:0 10px 0 0;
        font-size:15px
    }
    nav.main .rnav-drop .container .row ul li.heading {
        font-size:14px;
        margin-bottom:5px;
        font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:600;
        border-bottom:1px solid #bbb
    }
    nav.main .rnav-drop .container .row ul li.description {
        display:none
    }
    nav.main .rnav-drop .container .row ul li.exmar {
        margin-bottom:0
    }
    nav.main .rnav-drop .container .row ul li a:link,
    nav.main .rnav-drop .container .row ul li a:visited,
    nav.main .rnav-drop .container .row ul li span {
        color:#444;
        text-decoration:none;
        font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:600
    }
    nav.main .rnav-drop .container .row ul li a:hover,
    nav.main .rnav-drop .container .row ul li a:active,
    nav.main .rnav-drop .container .row ul li span:hover {
        color:#444;
        text-decoration:none;
        font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:600
    }
    nav.main .rnav-drop .container .row .featured {
        display:none
    }
    nav.main .rnav-inner {
        margin-bottom:0;
        position:relative
    }
    nav.main .rnav-inner .color-shim {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-product .mobile-hidden .fa-caret-down {
        display:none;
    }
    .mobile_hidden {
        display:none;
    }
    nav.main .rnav-inner .mobile-hidden {
        display:none;
    }
    nav.main .rnav-inner .rnav-inner-product .fa-caret-down {
        display:block;
        color:#fff;
        font-size:24px;
        position:absolute;
        top:15px;
        right:31px
    }

    nav.main .rnav-inner .rnav-inner-product ul.c1-edition-drop {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-main {
        padding-top:15px;
        line-height:normal;
        position:absolute;
        background:#2f2f30;
        left:0;
        top:-10000px;
        z-index:10
    }
    nav.main .rnav-inner .rnav-inner-main.mobile-active {
        top:55px
    }
    nav.main .rnav-inner .rnav-inner-main.mobile-mod {
        padding-bottom:15px;
        border-bottom:1px solid #fff
    }
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding:0;
        position:relative;
        display:block;
        padding-bottom:10px
    }
    nav.main .rnav-inner .rnav-inner-main ul li:last-child {
        padding-bottom:0
    }
    nav.main .rnav-inner .rnav-inner-main ul li span {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-main ul li.active {
        background:none
    }
    nav.main .rnav-inner .rnav-inner-main ul li.active a:link,
    nav.main .rnav-inner .rnav-inner-main ul li.active a:visited,
    nav.main .rnav-inner .rnav-inner-main ul li.active span {
        color:#fff;
        font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:600
    }
    nav.main .rnav-inner .rnav-inner-main ul li.framework {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
        background:none;
        position:relative;
        display:block;
        top:auto;
        left:auto;
        padding:0;
        z-index:10
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.active {
        top:auto;
        left:auto
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
        width:auto;
        left:auto
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.framework {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop .hide {
        display:none
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
        display:block;
        line-height:normal;
        margin-bottom:0;
        white-space:nowrap;
        text-transform:none;
        padding-bottom:10px !important
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link,
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited,
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
        text-transform:uppercase;
        color:#fff;
        font-family:'Montserrat', 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight:600
    }
    /*nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child {
        display:none
    }*/
    nav.main .rnav-inner .rnav-inner-actions {
        padding-bottom:20px;
        text-align:left;
        background-color:inherit;
        position:absolute;
        background:#2f2f30;
        z-index:10;
        left:0;
        top:-10000px;
        border-bottom:1px solid #fff
    }
    nav.main .rnav-inner .rnav-inner-actions.mobile-mod {
        display:none !important
    }
    nav.main .rnav-inner .rnav-inner-actions.mobile-active {
        top:268px
    }
    nav.main .rnav-inner .rnav-inner-actions.spfam.mobile-active {
        top:135px;
        padding-top:10px
    }
    nav.main .rnav-inner .rnav-inner-actions ul li {
        padding:0 0 10px 0;
        display:block
    }
    nav.main .rnav-inner .rnav-inner-actions ul li:last-child {
        padding-bottom:0
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a {
        padding:0;
        min-width:auto;
        text-align:left;
        margin:0;
        line-height:normal
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a.download {
        background:none
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a.buy {
        background:none
    }
}

nav.main .container {
    max-width: 1400px;
    position: static
}
nav.main .container .row {
    position: relative
}
nav.main .container .row ul {
    list-style: none;
    margin: 0
}
nav.main .container .row ul li {
    display: inline-block
}
nav.main .container .row ul li a {
    display: block
}
nav.main .container .row ul li span {
    display: block
}
nav.main .container .row ul li i span {
    display: none
}
nav.main .rnav-primary {
    /*position: relative;*/
    position: fixed;
    background: #fff
}
nav.main .rnav-primary a:link {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary a:visited {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary a:hover {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary a:active {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary span {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary span:hover {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-brand {
    position: relative;
    text-transform: uppercase;
    z-index: 10
}
nav.main .rnav-primary .rnav-brand i.fa-bars {
    display: none;
    position: absolute;
    top: 34px;
    right: 30px;
    font-size: 18px
}
nav.main .rnav-primary .rnav-main {
    line-height: 90px;
    font-size: 13px;
    font-weight: 600;
    font-display: swap
}
nav.main .rnav-primary .rnav-main ul {
    padding-left: 24px
}
nav.main .rnav-primary .rnav-main ul li a {
    display: block;
    text-transform: uppercase;
    padding: 0 12px
}
nav.main .rnav-primary .rnav-main ul li span {
    display: block;
    text-transform: uppercase;
    padding: 0 12px;
    cursor: default
}
nav.main .rnav-primary .rnav-util {
    font-size: 18px;
    text-align: right;
    color: #444;
    position: static;
    padding-right: 0;
    line-height: 90px
}
nav.main .rnav-primary .rnav-util a:link {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util a:visited {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util a:hover {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util a:active {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util ul li {
    z-index: 10;
    background: #fff;
    padding: 0 10px;
    margin-right: -6px
}
nav.main .rnav-primary .rnav-util ul li:last-child {
    padding-right: 26px
}
nav.main .rnav-primary .rnav-util ul li.cart a {
    position: relative
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user {
    position: absolute;
    background: #eeedf0;
    top: -10000px;
    padding: 15px 20px;
    z-index: 10;
    width: 150px;
    right: 0;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user li {
    display: block;
    line-height: normal;
    padding: 8px 0;
    background: #eeedf0
}
nav.main .rnav-primary .rnav-util ul li.search {
    padding-left: 26px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
nav.main .rnav-primary .rnav-util ul li.searchform {
    background: #fff;
    height: calc(102%);
    position: absolute;
    right: 5px;
    top: 0;
    z-index: -1;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease
}
nav.main .rnav-primary .rnav-util ul li.searchform form {
    height: 100%
}
nav.main .rnav-primary .rnav-util ul li.searchform form input:focus {
    outline: 0;
    border: none
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text] {
    height: 64%;
    border: none;
    padding-left: 20px;
    width: 80%;
    display: inline-block;
    background: #eeedf0;
    color: #444;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]::-webkit-input-placeholder {
    color: #999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]:-moz-placeholder {
    color: #999 !important;
    opacity: 1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]::-moz-placeholder {
    color: #999 !important;
    opacity: 1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]:-ms-input-placeholder {
    color: #999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=submit] {
    height: 64%;
    border: none;
    width: 13%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: -6px;
    background: #3872ac;
    color: #fff;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer
}
nav.main .rnav-drop {
    background: #eeedf0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
    top: -10000px;
    z-index: 20
}
nav.main .rnav-drop .container {
    max-width: 1200px
}
nav.main .rnav-drop .container .row ul {
    list-style-type: none;
    margin-bottom: 30px;
    padding: 0 30px 5px 15px;
    border-left: 1px solid #bbb
}
nav.main .rnav-drop .container .row ul li {
    font-size: 13px;
    color: #444;
    display: block
}
nav.main .rnav-drop .container .row ul li a:link {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li a:visited {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li a:hover {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li a:active {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li span {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li span:hover {
    color: #444;
    text-decoration: none;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-drop .container .row ul li.heading {
    font-size: 15px;
    color: #470a68;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase
}
nav.main .rnav-drop .container .row ul li.heading a {
    color: #470a68 !important;
    text-decoration: none;
    text-transform: uppercase
}
nav.main .rnav-drop .container .row ul li.heading span {
    color: #470a68 !important;
    text-transform: uppercase
}
nav.main .rnav-drop .container .row ul li.description {
    margin-bottom: 20px;
    font-weight: 400
}
nav.main .rnav-inner {
    position: relative;
    background: #2f2f30;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    font-display: swap
}
nav.main .rnav-inner a:link {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner a:visited {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner a:hover {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner a:active {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner span {
    text-decoration: none
}
nav.main .rnav-inner span:hover {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product {
    color: #fff;
    line-height: 56px;
    position: relative
}
nav.main .rnav-inner .rnav-inner-product span.info {
    font-weight: 400
}
nav.main .rnav-inner .rnav-inner-product span.info a:link {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product span.info a:visited {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product span.info a:hover {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product span.info a:active {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product.c1 span.outer {
    cursor: pointer
}
nav.main .rnav-inner .rnav-inner-main {
    line-height: 56px
}
nav.main .rnav-inner .rnav-inner-main ul li {
    padding: 0 11px;
    position: relative
}
nav.main .rnav-inner .rnav-inner-main ul li span {
    cursor: default
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
    position: absolute;
    top: -10000px;
    background: #eeedf0;
    padding: 25px;
    z-index: 10
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
    display: block;
    line-height: normal;
    margin-bottom: 8px;
    text-transform: none;
    padding: 0
}
/*nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child span, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child span:hover {
    text-transform: uppercase;
    font-weight: 700;
    font-display: swap;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px
}*/
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link {
    color: #444;
    text-decoration: none;
    -webkit-font-smoothing: auto;
    font-weight: 400
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited {
    color: #444;
    text-decoration: none;
    -webkit-font-smoothing: auto;
    font-weight: 400
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:hover {
    color: #444;
    text-decoration: none;
    font-weight: 400;
    -webkit-font-smoothing: auto
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:active {
    color: #444;
    text-decoration: none;
    font-weight: 400;
    -webkit-font-smoothing: auto
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
    color: #444;
    text-decoration: none;
    font-weight: 400;
    -webkit-font-smoothing: auto
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span:hover {
    color: #444;
    text-decoration: none;
    font-weight: 400;
    -webkit-font-smoothing: auto
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
    width: 500px;
    left: -160px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.inner-col-1 {
    width: 220px;
    left: 15px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.inner-col-2 {
    width: 250px;
    left: -60px
}

nav.main .rnav-inner .rnav-inner-actions {
    text-align: right
}
nav.main .rnav-inner .rnav-inner-actions ul li {
    padding: 0 0 0 5px
}
nav.main .rnav-inner .rnav-inner-actions ul li a {
    padding: 10px 0;
    min-width: 135px;
    text-align: center;
    margin: 10px 0;
    line-height: normal
}
nav.main .rnav-inner .rnav-inner-actions ul li a.download {
    background: #48484a
}
nav.main .rnav-inner.c1 .rnav-inner-product {
    background: #9d2235
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-drop .container .row ul li a:link {
        padding-left: 8px
    }
    nav.main .rnav-drop .container .row ul li a:visited {
        padding-left: 8px
    }
    nav.main .rnav-drop .container .row ul li span {
        padding-left: 8px
    }
    nav.main .rnav-inner .rnav-inner-main {
        padding-right: 0 !important
    }
    nav.main .rnav-inner .rnav-inner-actions {
        padding-right: 0 !important
    }
}
/*@media only screen and (min-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-product {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%
    }
    nav.main .rnav-inner .rnav-inner-main {
        -ms-flex: 0 0 41%;
        flex: 0 0 41%;
        max-width: 41%
    }
    nav.main .rnav-inner .rnav-inner-actions {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-product {
        font-size: 11px !important;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
    nav.main .rnav-inner .rnav-inner-main {
        font-size: 11px !important;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%
    }
    nav.main .rnav-inner .rnav-inner-actions {
        font-size: 11px !important;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}*/
@media only screen and (max-width: 1200px) {
    nav.main .rnav-inner .rnav-inner-product span.info {
        display: none
    }
}
@media only screen and (max-width: 1195px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0 5px
    }
}
@media only screen and (max-width: 1074px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0 2px 0 3px
    }
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-primary .rnav-brand {
        background: #fff
    }
    nav.main .rnav-primary .rnav-brand i.fa-bars {
        display: block;
        color: #444
    }
    nav.main .rnav-primary .rnav-util {
        display: none
    }
    nav.main .rnav-primary .rnav-main {
        display: block;
        position: absolute;
        background: #eeedf0;
        left: 0;
        top: -10000px;
        z-index: 28
    }
    nav.main .rnav-primary .rnav-main ul {
        margin: 20px 0 0 0;
        padding-left: 0
    }
    nav.main .rnav-primary .rnav-main ul li {
        display: block;
        line-height: normal;
        border-bottom: 1px solid #bbb;
        padding: 17px 0
    }
    nav.main .rnav-primary .rnav-main ul li:last-child {
        border: none
    }
    nav.main .rnav-primary .rnav-main ul li.hidden {
        display: block !important
    }
    nav.main .rnav-primary .rnav-main ul li.drop span:after {
        content: '\f0da';
        font-family: FontAwesome;
        padding: 0 0 0 10px;
        font-size: 15px
    }
    nav.main .rnav-drop {
        z-index: 26;
        display: block
    }
    nav.main .rnav-drop .container .row ul {
        list-style-type: none;
        margin-bottom: 25px;
        padding: 0 15px;
        border-left: none
    }
    nav.main .rnav-drop .container .row ul li {
        font-size: 13px;
        color: #444;
        display: block;
        padding-bottom: 3px
    }
    nav.main .rnav-drop .container .row ul li a:link {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li a:visited {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li a:hover {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li a:active {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li span {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li span:hover {
        color: #444;
        text-decoration: none;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-drop .container .row ul li.moblie-close {
        font-size: 14px;
        text-transform: uppercase
    }
    nav.main .rnav-drop .container .row ul li.moblie-close span:before {
        content: '\f0d9';
        font-family: FontAwesome;
        padding: 0 10px 0 0;
        font-size: 15px
    }
    nav.main .rnav-drop .container .row ul li.heading {
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: 700;
        font-display: swap;
        border-bottom: 1px solid #bbb
    }
    nav.main .rnav-drop .container .row ul li.description {
        display: none
    }
    nav.main .rnav-drop .container .row ul.hidden {
        display: block !important
    }
    nav.main .rnav-inner {
        margin-bottom: 0;
        position: relative
    }
    nav.main .rnav-inner .rnav-inner-main {
        padding-top: 15px;
        line-height: normal;
        position: absolute;
        background: #2f2f30;
        left: 0;
        top: -10000px;
        z-index: 10
    }
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0;
        position: relative;
        display: block;
        padding-bottom: 10px
    }
    nav.main .rnav-inner .rnav-inner-main ul li:last-child {
        padding-bottom: 0
    }
    nav.main .rnav-inner .rnav-inner-main ul li span {
        display: none
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
        background: 0 0;
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding: 0;
        z-index: 10
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
        display: block;
        line-height: normal;
        margin-bottom: 0;
        white-space: nowrap;
        text-transform: none;
        padding-bottom: 10px !important
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-display: swap
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-display: swap
    }
   /* nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child span {
        display: none
    }*/
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
        width: auto;
        left: auto
    }
    nav.main .rnav-inner .rnav-inner-actions {
        padding-bottom: 20px;
        text-align: left;
        background-color: inherit;
        position: absolute;
        background: #2f2f30;
        z-index: 10;
        left: 0;
        top: -10000px;
        border-bottom: 1px solid #fff
    }
    nav.main .rnav-inner .rnav-inner-actions ul li {
        padding: 0 0 10px 0;
        display: block
    }
    nav.main .rnav-inner .rnav-inner-actions ul li:last-child {
        padding-bottom: 0
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a {
        padding: 0;
        min-width: auto;
        text-align: left;
        margin: 0;
        line-height: normal
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a.download {
        background: 0 0
    }
}
@media only screen and (max-width: 991px) and (max-height: 450px) {
    nav.main .rnav-primary .rnav-main {
        height: calc(100vh)
    }
}
.nav-item-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}
@media only screen and (min-width: 992px) {
    nav.main .rnav-inner .rnav-inner-main li a[href*=pricing] {
        display: none !important
    }
}
nav.main .container {
    max-width: 1400px;
    position: static
}
@media (min-width: 992px) and (max-width: 1400px) {
    nav.main .container {
        max-width: calc(100% - 30px)
    }
}
nav.main .container .row {
    position: relative
}
nav.main .container .row ul {
    list-style: none;
    margin: 0
}
nav.main .container .row ul li {
    display: inline-block
}
nav.main .container .row ul li a, nav.main .container .row ul li span {
    display: block
}
nav.main .container .row ul li i span {
    display: none
}
nav.main .rnav-primary {
    /*position: relative;*/
    position: fixed;
    background: #fff
}
nav.main .rnav-primary a:link, nav.main .rnav-primary a:visited, nav.main .rnav-primary span {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary a:active, nav.main .rnav-primary a:hover, nav.main .rnav-primary span:hover {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-brand {
    line-height: 90px;
    position: relative;
    text-transform: uppercase;
    z-index: 10
}
nav.main .rnav-primary .rnav-brand i.fa-bars {
    display: none;
    position: absolute;
    top: 34px;
    right: 30px;
    font-size: 18px
}
nav.main .rnav-primary .rnav-main {
    line-height: 90px;
    font-size: 13px;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}

nav.main .rnav-primary .min .rnav-brand {
    line-height: 70px;
    position: relative;
    text-transform: uppercase;
    z-index: 10
}

nav.main .rnav-primary .min .rnav-main {
    line-height: 70px;
    font-size: 13px;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}


nav.main .rnav-primary .rnav-main ul {
    padding-left: 24px
}
nav.main .rnav-primary .rnav-main ul li a, nav.main .rnav-primary .rnav-main ul li span {
    display: block;
    text-transform: uppercase;
    padding: 0 12px
}
nav.main .rnav-primary .rnav-main ul li span {
    cursor: default
}
nav.main .rnav-primary .rnav-util {
    font-size: 18px;
    text-align: right;
    color: #444;
    position: static;
    padding-right: 0;
    line-height: 90px
}
nav.main .rnav-primary .rnav-util a:link, nav.main .rnav-primary .rnav-util a:visited {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util a:active, nav.main .rnav-primary .rnav-util a:hover {
    color: #444;
    text-decoration: none
}
nav.main .rnav-primary .rnav-util ul li {
    z-index: 10;
    background: #fff;
    padding: 0 10px;
    margin-right: -6px
}
nav.main .rnav-primary .rnav-util ul li.cart a {
    position: relative
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user {
    position: absolute;
    background: #eeedf0;
    top: -10000px;
    padding: 15px 20px;
    z-index: 1;
    width: 150px;
    right: 0;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase
}
nav.main .rnav-primary .rnav-util ul li.user .rnav-inner-drop.user li {
    display: block;
    line-height: normal;
    padding: 8px 0;
    background: #eeedf0
}
nav.main .rnav-primary .rnav-util ul li:last-child {
    padding-right: 26px
}
nav.main .rnav-primary .rnav-util ul li.search {
    padding-left: 26px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
nav.main .rnav-primary .rnav-util ul li.searchform {
    background: #fff;
    height: calc(100% + 2px);
    position: absolute;
    right: 5px;
    top: -2px;
    z-index: -1;
    width: 0;
    overflow: hidden;
    transition: all .1s ease
}
nav.main .rnav-primary .rnav-util ul li.searchform form {
    height: 100%
}
nav.main .rnav-primary .rnav-util ul li.searchform form input:focus {
    outline: 0;
    border: none
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text] {
    height: 64%;
    border: none;
    padding-left: 20px;
    width: 80%;
    display: inline-block;
    background: #eeedf0;
    color: #444;
    font-size: 14px;
    line-height: normal;
    vertical-align: middle
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]::-webkit-input-placeholder {
    color: #999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]:-moz-placeholder {
    color: #999 !important;
    opacity: 1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]::-moz-placeholder {
    color: #999 !important;
    opacity: 1
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=text]:-ms-input-placeholder {
    color: #999 !important
}
nav.main .rnav-primary .rnav-util ul li.searchform form input[type=submit] {
    height: 64%;
    border: none;
    width: 13%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: -6px;
    background: #3872ac;
    color: #fff;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer
}
nav.main .rnav-drop {
    background: #eeedf0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
    top: -10000px;
    z-index: 20
}
nav.main .rnav-drop .container {
    max-width: 1200px
}
@media (min-width: 992px) and (max-width: 1200px) {
    nav.main .rnav-drop .container {
        max-width: calc(100% - 30px)
    }
}
nav.main .rnav-drop .container .row ul {
    list-style-type: none;
    margin-bottom: 30px;
    padding: 0 30px 5px 15px;
    border-left: 1px solid #bbb
}
nav.main .rnav-drop .container .row ul li {
    font-size: 13px;
    color: #444;
    display: block
}
nav.main .rnav-drop .container .row ul li.heading {
    font-size: 15px;
    color: #470a68;
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 10px;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}
nav.main .rnav-drop .container .row ul li.heading a {
    color: #470a68 !important;
    text-decoration: none
}
nav.main .rnav-drop .container .row ul li.description {
    margin-bottom: 20px;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400
}
nav.main .rnav-drop .container .row ul li a:link, nav.main .rnav-drop .container .row ul li a:visited, nav.main .rnav-drop .container .row ul li span {
    color: #444;
    text-decoration: none;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-drop .container .row ul li a:link, nav.main .rnav-drop .container .row ul li a:visited, nav.main .rnav-drop .container .row ul li span {
        padding-left: 8px
    }
}
nav.main .rnav-drop .container .row ul li a:active, nav.main .rnav-drop .container .row ul li a:hover, nav.main .rnav-drop .container .row ul li span:hover {
    color: #444;
    text-decoration: none;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}
nav.main .rnav-inner {
    position: relative;
    background: #2f2f30;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600
}
/*@media only screen and (min-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-product {
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
        max-width: 27%
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-product {
        font-size: 11px !important;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%
    }
}
@media only screen and (min-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-main {
        -ms-flex: 0 0 41%;
        flex: 0 0 41%;
        max-width: 41%
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-main {
        font-size: 11px !important;
        -ms-flex: 0 0 38%;
        flex: 0 0 38%;
        max-width: 38%
    }
}
@media only screen and (min-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-actions {
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    nav.main .rnav-inner .rnav-inner-actions {
        font-size: 11px !important;
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%
    }
}*/
nav.main .rnav-inner a:link, nav.main .rnav-inner a:visited, nav.main .rnav-inner span {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner a:active, nav.main .rnav-inner a:hover, nav.main .rnav-inner span:hover {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product {
    color: #fff;
    line-height: 56px;
    position: relative
}
nav.main .rnav-inner .rnav-inner-product span.info {
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400
}
@media only screen and (max-width: 1200px) {
    nav.main .rnav-inner .rnav-inner-product span.info {
        display: none
    }
}
nav.main .rnav-inner .rnav-inner-product span.info a:active, nav.main .rnav-inner .rnav-inner-product span.info a:hover, nav.main .rnav-inner .rnav-inner-product span.info a:link, nav.main .rnav-inner .rnav-inner-product span.info a:visited {
    color: #fff;
    text-decoration: none
}
nav.main .rnav-inner .rnav-inner-product.c1 span.outer {
    cursor: pointer
}
nav.main .rnav-inner .rnav-inner-main {
    line-height: 56px
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-inner .rnav-inner-main {
        padding-right: 0 !important
    }
}
nav.main .rnav-inner .rnav-inner-main ul li {
    padding: 0 11px;
    position: relative
}
@media only screen and (max-width: 1195px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0 5px
    }
}
@media only screen and (max-width: 1074px) {
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0 2px 0 3px
    }
}
nav.main .rnav-inner .rnav-inner-main ul li span {
    cursor: default
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
    position: absolute;
    top: -10000px;
    background: #eeedf0;
    padding: 25px;
    z-index: 10
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
    width: 500px;
    left: -160px
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.demos {
    width: 220px;
    left: 0
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
    display: block;
    line-height: normal;
    margin-bottom: 8px;
    text-transform: none;
    padding: 0
}
/*nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child {
    text-transform: uppercase;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 15px
}*/
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
    color: #444;
    text-decoration: none;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400
}
nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:active, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:hover, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span:hover {
    color: #444;
    text-decoration: none;
    font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400
}
nav.main .rnav-inner .rnav-inner-actions {
    text-align: right
}
@media only screen and (min-width: 991px) {
    nav.main .rnav-inner .rnav-inner-actions {
        padding-right: 0 !important;
        padding-right: 0 !important
    }
}
nav.main .rnav-inner .rnav-inner-actions ul li {
    padding: 0 0 0 5px
}
nav.main .rnav-inner .rnav-inner-actions ul li a {
    padding: 10px 0;
    min-width: 135px;
    text-align: center;
    margin: 10px 0;
    line-height: normal
}
nav.main .rnav-inner .rnav-inner-actions ul li a.download {
    background: #48484a
}
nav.main .rnav-inner.vis .rnav-inner-product {
    background: #d56a1e
}
nav.main .rnav-inner.focus .rnav-inner-product {
    background: #9d2235
}
nav.main .rnav-inner.pdf .rnav-inner-product {
    background: #961C45
}
nav.main .rnav-inner.excel .rnav-inner-product {
    background: #809B59FF
}
nav.main .rnav-inner.doc .rnav-inner-product {
    background: #20317e
}
nav.main .rnav-inner.useoff .rnav-inner-product {
    background: #727384
}
nav.main .rnav-inner.mt .rnav-inner-product {
    background: #5a207e
}
nav.main .rnav-inner.rtf .rnav-inner-product {
    background: #368eb6
}
nav.main .rnav-inner.ex .rnav-inner-product {
    background: #548d2a
}
nav.main .rnav-inner.htm .rnav-inner-product {
    background: #00c1d5
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-primary .rnav-brand {
        background: #fff
    }
    nav.main .rnav-primary .rnav-brand i.fa-bars {
        display: block;
        color: #444
    }
    nav.main .rnav-primary .rnav-util {
        display: none
    }
    nav.main .rnav-primary .rnav-main {
        display: block;
        position: absolute;
        background: #eeedf0;
        left: 0;
        top: -10000px;
        z-index: 28;
        height: calc(100vh - 85px)
    }
}
@media only screen and (max-width: 991px) and (max-height: 450px) {
    nav.main .rnav-primary .rnav-main {
        height: calc(100vh)
    }
}
@media only screen and (max-width: 991px) {
    nav.main .rnav-primary .rnav-main ul {
        margin: 20px 0 0 0;
        padding-left: 0
    }
    nav.main .rnav-primary .rnav-main ul li {
        display: block;
        line-height: normal;
        border-bottom: 1px solid #bbb;
        padding: 17px 0
    }
    nav.main .rnav-primary .rnav-main ul li:last-child {
        border: none
    }
    nav.main .rnav-primary .rnav-main ul li.hidden {
        display: block !important
    }
    nav.main .rnav-primary .rnav-main ul li.drop span:after {
        content: '\f0da';
        font-family: FontAwesome;
        padding: 0 0 0 10px;
        font-size: 15px
    }
    nav.main .rnav-drop {
        z-index: 26;
        display: block
    }
    nav.main .rnav-drop .container .row ul {
        list-style-type: none;
        margin-bottom: 25px;
        padding: 0 15px;
        border-left: none
    }
    nav.main .rnav-drop .container .row ul.hidden {
        display: block !important
    }
    nav.main .rnav-drop .container .row ul li {
        font-size: 13px;
        color: #444;
        display: block;
        padding-bottom: 3px
    }
    nav.main .rnav-drop .container .row ul li.moblie-close {
        font-size: 14px;
        text-transform: uppercase
    }
    nav.main .rnav-drop .container .row ul li.moblie-close span:before {
        content: '\f0d9';
        font-family: FontAwesome;
        padding: 0 10px 0 0;
        font-size: 15px
    }
    nav.main .rnav-drop .container .row ul li.heading {
        font-size: 14px;
        margin-bottom: 5px;
        font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 600;
        border-bottom: 1px solid #bbb
    }
    nav.main .rnav-drop .container .row ul li.description {
        display: none
    }
    nav.main .rnav-drop .container .row ul li a:link, nav.main .rnav-drop .container .row ul li a:visited, nav.main .rnav-drop .container .row ul li span {
        color: #444;
        text-decoration: none;
        font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 600
    }
    nav.main .rnav-drop .container .row ul li a:active, nav.main .rnav-drop .container .row ul li a:hover, nav.main .rnav-drop .container .row ul li span:hover {
        color: #444;
        text-decoration: none;
        font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 600
    }
    nav.main .rnav-inner {
        margin-bottom: 0;
        position: relative
    }
    nav.main .rnav-inner .rnav-inner-main {
        padding-top: 15px;
        line-height: normal;
        position: absolute;
        background: #2f2f30;
        left: 0;
        top: -10000px;
        z-index: 10
    }
    nav.main .rnav-inner .rnav-inner-main ul li {
        padding: 0;
        position: relative;
        display: block;
        padding-bottom: 10px
    }
    nav.main .rnav-inner .rnav-inner-main ul li:last-child {
        padding-bottom: 0
    }
    nav.main .rnav-inner .rnav-inner-main ul li span {
        display: none
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop {
        background: 0 0;
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding: 0;
        z-index: 10
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop.resources {
        width: auto;
        left: auto
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li {
        display: block;
        line-height: normal;
        margin-bottom: 0;
        white-space: nowrap;
        text-transform: none;
        padding-bottom: 10px !important
    }
    nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:link, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li a:visited, nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li span {
        text-transform: uppercase;
        color: #fff;
        font-family: Montserrat, 'Open Sans', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 600
    }
    /*nav.main .rnav-inner .rnav-inner-main ul li .rnav-inner-drop ul li:first-child {
        display: none
    }*/
    nav.main .rnav-inner .rnav-inner-actions {
        padding-bottom: 20px;
        text-align: left;
        background-color: inherit;
        position: absolute;
        background: #2f2f30;
        z-index: 10;
        left: 0;
        top: -10000px;
        border-bottom: 1px solid #fff
    }
    nav.main .rnav-inner .rnav-inner-actions ul li {
        padding: 0 0 10px 0;
        display: block
    }
    nav.main .rnav-inner .rnav-inner-actions ul li:last-child {
        padding-bottom: 0
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a {
        padding: 0;
        min-width: auto;
        text-align: left;
        margin: 0;
        line-height: normal
    }
    nav.main .rnav-inner .rnav-inner-actions ul li a.download {
        background: 0 0
    }
}
.svg_icon {
    display: none;
}

@media only screen and (max-width: 1200px) {
    nav.main .rnav-inner span.search {
        display: none;
    }
    button.search {
        display: none;
    }
    .svg_icon {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: transparent;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: transparent;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .svg_icon.doc{
        background-color: #20317e;
        border-color: #20317e;
        box-shadow: none;
    }
    .svg_icon.c4-btn-bg{
        background-color: #434e59;
        border-color: #434e59;
        box-shadow: none;
    }
    .svg_icon.vis{
        background-color: #d56a1e;
        border-color: #d56a1e;
        box-shadow: none;
    }
    .svg_icon.focus{
        background-color: #9D2235;
        border-color: #9D2235;
        box-shadow: none;
    }
    .svg_icon.pdf{
        background-color: #961C45;
        border-color: #961C45;
        box-shadow: none;
    }
    .svg_icon.excel{
        background-color: #809B59FF;
        border-color: #809B59FF;
        box-shadow: none;
    }
    .svg_icon.bundle{
        background-color: #4b79aa;
        border-color: #4b79aa;
        box-shadow: none;
    }
    .svg_icon.dv{
        background-color: #005F2C;
        border-color: #005F2C;
        box-shadow: none;
    }
    .svg_icon.total{
        background-color: #323951;
        border-color: #323951;
        box-shadow: none;
    }
    .svg_icon.useoff{
        background-color: #727384;
        border-color: #727384;
        box-shadow: none;
    }
    .svg_icon.mt{
        background-color: #5a207e;
        border-color: #5a207e;
        box-shadow: none;
    }
    .svg_icon.rtf{
        background-color: #368eb6;
        border-color: #368eb6;
        box-shadow: none;
    }
    .svg_icon.ex{
        background-color: #548D2A;
        border-color: #548D2A;
        box-shadow: none;
    }
    .svg_icon.htm{
        background-color: #00C1D5;
        border-color: #00C1D5;
        box-shadow: none;
    }

}