.fixed-header {
    position: fixed;
    width: 100%;
    z-index: 11
}

.header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li ul li ul {
    position: absulate !important
}

.header-menu-box .custom-menu-primary .hs-menu-flow-horizontal {
    position: relative !important
}

.body-container-wrapper {
    padding-top: 0 !important;
    width: 100%;
    min-height: 1000px
}

.top-menu {
    padding: 6px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #151f53
}

.logo {
    float: left;
    width: 120px;
    padding: 4px 4px
}

.logo:after {
    display: none;
    content: '';
    height: 60px;
    background: #545454;
    width: 1px;
    position: absolute;
    left: 124px;
    top: -12px
}

.social-icons a {
    margin: 0 12px;
    color: #fff
}

.social-icons a:hover {
    color: #f79f35
}

.social-icons {
    float: right;
    width: 64%;
    z-index: 9;
    margin-top: 7px;
    position: relative
}

.social-icons:after {
    display: none;
    content: '';
    height: 60px;
    background: #545454;
    width: 1px;
    position: absolute;
    left: 137px;
    top: -18px
}

.header-search-module {
    float: left;
    width: 100%
}

.language-box {
    float: right;
    width: 10%;
    margin: 5px 0
}

.language-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.search-span {
    color: #fff;
    margin-top: 8px;
    padding-right: 38px
}

.search-button {
    height: 30px
}

.search-table {
    position: relative;
    height: 32px;
    float: right;
    padding: 0;
    position: relative
}

.hs-search-field__input {
    height: 42px;
    font-size: 20px;
    display: inline-block;
    font-weight: 100;
    border: 0;
    outline: 0;
    color: #555;
    padding: 3px 10px;
    padding-right: 100px !important;
    width: 0;
    position: absolute;
    top: inherit;
    right: 0;
    background: 0;
    z-index: 3;
    transition: width .4s cubic-bezier(0, .795, 0, 1);
    cursor: pointer;
    bottom: -6px
}

.hs-search-field__input:focus:hover {
    border-bottom: 0
}

.hs-search-field__input:focus {
    width: 893px;
    z-index: 1;
    background: #2c2c2c;
    cursor: text
}

.searchsubmit {
    height: 30px;
    width: 28px;
    outline: 0;
    display: inline-block;
    color: red;
    float: right;
    border: 0;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    cursor: pointer;
    transition: opacity .4s ease;
    background: url(https://cdn2.hubspot.net/hubfs/5052750/Endevio_New_website/images/search-icon.png) no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.searchsubmit:hover {
    opacity: .8
}

.hs-search-field__suggestions li a {
    color: #575756;
    font-size: 18px
}

.hs-search-field__suggestions #results-for {
    color: #f79f35;
    font-size: 18px;
    padding: 10px 15px;
    border-bottom: 1px solid #cfcfcf
}

#loading {
    color: #000;
    position: relative;
    font-size: 18px;
    text-align: center;
    font-family: monospace;
    margin: .1em auto;
    text-transform: uppercase
}

.language-box .dropdown-menu {
    min-width: 77px !important;
    background-color: inherit !important;
    background-clip: inherit !important;
    border: none !important;
    border-radius: 0 !important
}

.hs-search-field__suggestions li {
    background: #fff;
    list-style: none;
    padding: 6px 15px !important
}

.results-for {
    border-bottom: 1px solid #ddd;
    padding-top: 10px
}

.hs-search-highlight {
    font-weight: 700
}

.desktop-menu .hs-search-field--open .hs-search-field__suggestions {
    border: none !important
}

.hs-search-field__suggestions {
    position: absolute;
    right: 107px;
    width: 100%;
    top: 40px;
    z-index: 999
}

.desktop-menu .hs-search-field__bar ::-webkit-input-placeholder {
    color: #cfcfcf !important;
    font-size: 1rem
}

.desktop-menu .hs-search-field__input {
    color: #fafafa;
    font-size: 1rem
}

@media(min-width:300px) and (max-width:768px) {
    .desktop2-menu {
        display: none
    }

    .fixed-header .top-menu {
        float: left !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 13px 0;
        border-bottom: none !important
    }

    .fixed-header .header-menu-box {
        float: right !important
    }

    .fixed-header .top-menu .row .col-sm-4 {
        float: left !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: inherit !important
    }

    .fixed-header .top-menu .row .col-sm-4 .logo {
        width: 50% !important;
        text-align: left;
        display: block;
        float: none;
        padding: 0
    }

    .fixed-header {
        background: #000 !important
    }

    .fixed-header .header-menu-box .desktop1-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: 100%
    }

    .fixed-header .top-menu .row .col-sm-8 {
        width: auto !important;
        position: initial
    }

    .fixed-header .language-box {
        max-width: 70px !important;
        width: 100px !important;
        display: none
    }

    .fixed-header .custom-menu-primary.js-enabled .hs-menu-wrapper {
        top: 50px
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul {
        background: #fff;
        height: 100vh
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 0 10px
    }

    .fixed-header .custom-menu-primary .hs-menu-wrapper>ul li {
        border-top: 1px solid #e0e0e094
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul ul {
        background: #f1f1f1;
        border: none !important
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-menu-depth-1 ul li a {
        border-top: none !important;
        border-bottom: none !important;
        padding: 0 12px 0 15px
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
        display: none !important
    }

    .fixed-header .header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-menu-depth-1 a {
        color: #575756 !important
    }

    .child-trigger i {
        background: url(https://www.endevio.com/hubfs/Endevio_New_website/images/mobile_arror_top.png) center top no-repeat !important;
        width: 14px !important;
        height: 14px !important;
        position: relative;
        top: 16px
    }

    .mobile-trigger {
        right: 2px;
        top: 35px !important
    }
}

.mobile-trigger {
    width: 50px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.mobile-trigger span {
    display: block;
    height: 4px;
    margin-bottom: 5px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.mobile-trigger span:nth-child(1) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mobile-trigger span:nth-child(2) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mobile-trigger span:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.mobile-trigger.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-trigger.open span:nth-child(2) {
    width: 0;
    opacity: 0
}

.mobile-trigger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media(min-width:569px) and (max-width:854px) {
    .header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-menu-depth-1 a {
        font-size: .8rem
    }
}

@media(min-width:768px) and (max-width:812px) {
    .hs-search-field__input:focus {
        width: 560px
    }

    .hs-search-field__suggestions {
        right: 27px
    }
}

@media(min-width:813px) and (max-width:854px) {
    .hs-search-field__input:focus {
        width: 582px
    }

    .hs-search-field__suggestions {
        right: 27px
    }
}

@media(min-width:855px) and (max-width:1100px) {
    .hs-search-field__input:focus {
        width: 700px
    }

    .hs-search-field__suggestions {
        right: 75px
    }
}

@media(min-width:768px) and (max-width:854px) {
    .language-box {
        width: 13%
    }

    .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 16px 10px
    }

    .header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children a:after {
        right: -6px !important;
        top: 18px !important
    }

    .header-menu-box .custom-menu-primary .hs-menu-flow-horizontal ul li.hs-menu-depth-1.hs-item-has-children:hover a:after {
        right: -6px !important;
        top: 18px !important
    }
}

@media(min-width:855px) and (max-width:1100px) {
    .header-menu-box .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 16px 12px !important
    }
}

.language-section {
    width: 30px;
    text-align: right;
    float: left;
    vertical-align: middle;
    line-height: 55px
}

.language-section .globe_class {
    background: url(https://www.endevio.com/hubfs/Endevio_New_website/images/globe-1.png) !important
}

.language-section .lang_switcher_class {
    top: 5px
}

.search-with-language-box {
    display: flex;
    align-items: center
}

.language-section .lang_list_class li a:hover {
    color: #f79f35 !important
}

.mobile-language-section {
    display: none !important
}

@media(max-width:768px) {
    .mobile-language-section {
        width: 30px;
        display: block;
        position: absolute;
        top: 0
    }
}

.search-form-wrapper {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px 15px;
    margin-top: 50px;
    background: url(/resources/images/misc/bg_search-open.png) right center no-repeat #f89d1c
}

.search-form-wrapper.open {
    display: block
}

.header-menu-box {
    float: right
}

.logo {
    float: left;
    width: 50% !important;
    padding: 4px 0
}

.social-icons.desktop-menu {
    padding-left: 35px;
    width: 45%
}

.tag-with-social-bost .post-share-inner {
    float: right;
    width: 30%
}

.related-blogs {
    padding: 50px 20px 40px;
    background: #fff
}

.top-menu {
    padding: 6px 0;
    border-bottom: 0;
    background: #1a1c4b
}

.header-menu-box {
    background: #1b1b4a
}

.logo-with-social {
    padding: 10px 0px
}

.time-date {
    display: none
}

.hs-rss-item-image-wrapper.featured-img-box {
    position: relative
}

.hs-blog-listing .blog-post-template {
    display: none !important
}

.blog-post-template .blog-section {
    width: 100% !important;
    margin: 0px auto 0
}

.related-insight-img {
    max-width: 100%;
    height: 152px;
    max-height: 152px;
    object-fit: cover
}

.section-body {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.left-social {
    width: 16%;
    float: none;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: 6em
}

.section.insight-post-body.right-content {
    float: none !important;
    width: 60% !important;
    margin-top: 30px;
    padding: 0 20px
}

.section.news-post-body.right-content {
    border-left: 1px solid #ccc;
    padding-left: 40px;
    margin-top: 40px
}

.hs-blog-post .header-container-wrapper .row-fluid-wrapper.row-depth-1.row-number-3 {
    display: none
}

.toc {
    width: 24%;
    position: -webkit-sticky;
    position: sticky;
    top: 6em;
    align-self: flex-start
}

.toc-list {
    position: relative
}

.toc-list:after {
    position: absolute;
    top: 0;
    right: 12px;
    width: 1px;
    height: 98%
}

.page-section {
    padding: 5px 0;
    display: block
}

.toc ul {
    list-style: none;
    margin-top: 40px;
    text-align: right;
    padding-right: 0px;
    line-height: 20px
}

.toc ul a {
    color: #575756;
    position: relative;
    font-size: 16px;
    text-decoration: none
}

.toc ul li {
    padding: 5px 20px;
    padding-right: 30px;
    margin: 0 0 30px
}

.toc ul li.active {
    background: #1b1b4a;
    border: 1px #1b1b4a solid
}

.toc ul a:after {
    position: absolute;
    top: 0;
    right: -38px;
    width: 20px;
    height: 20px;
    background: #575756;
    border-radius: 50px;
    z-index: 1;
    display: none
}

.toc ul li.active a:after {
    background: #f79f35;
    display: none
}

.toc ul li.active a {
    color: #fff
}

.contact-text a {
    background: #bc8e57
}

.overlap {
    background: #151f5382;
    width: 100%;
    height: 100%;
    position: absolute
}

.small-title {
    margin-bottom: 8px;
    color: #bc8e57;
    font-weight: bold
}

.big-title {
    color: #fff !important;
    margin-bottom: 15px
}

.banner-para {
    color: #ebceb2;
    margin-bottom: 35px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.banner-btn {
    background: #bc8e57;
    color: #fff;
    padding: 8px 16px;
    border: 2px solid #bc8e57;
    border-radius: 5px
}

.banner-btn {
    background: #bc8e57;
    color: #fff;
    padding: 8px 16px;
    margin: 10px 0px
}

.banner-btn:hover {
    text-decoration: none;
    color: #fff
}

.or-txt {
    color: #ebceb2
}

.news-post-share.left-social {
    padding-left: 20px
}

.post-share-inner label {
    font-size: small;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle
}

.contact-text a {
    border-radius: 5px;
    background: #bc8e57
}

.contact-text a:hover {
    background: #1b1b4a
}

.cta-btns a {
    background: #bc8e57;
    color: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    text-decoration: none;
    border: 2px solid #bc8e57
}

.cta-btns a:hover {
    background: #1b1b4a;
    background: transparent;
    border: 2px solid #bc8e57
}

.tag-with-social-bost .share-mod li a:hover {
    color: #1b1b4a
}

@media(min-width:300px) and (max-width:767px) {
    .toc {
        position: inherit;
        position: inherit;
        width: 100%
    }

    .toc ul {
        text-align: left;
        padding-left: 40px
    }

    .toc ul a::after {
        left: -38px
    }

    .toc-list::after {
        left: 12px
    }

    .right-content {
        width: 100% !important;
        padding: 0 0px;
        order: 2
    }
}

ul.blogmenu.mobile_menu {
    display: none
}

.search-popup {
    visibility: none;
    opacity: 0;
    position: absolute;
    right: 0
}

ul.search-menu li a {
    padding: 16px 20px;
    color: #fff
}

.search-popup.hs-menu-children-wrapper {
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc
}

.search-popup.visible {
    opacity: 1
}

.search-popup input[type="text"] {
    padding: 5px 7px
}

.search-popup input[type="submit"] {
    padding: 5px 7px;
    background: #bc8e57;
    color: #fff;
    border: 1px solid #bc8e57
}

.search-popup input[type="text"]::placeholder,
.search-popup input[type="text"]:-ms-input-placeholder,
.search-popup input[type="text"]::-ms-input-placeholder {
    color: #575756;
    opacity: 1
}

.hide {
    display: none !important
}

@media screen and (max-width:768px) {
    .desktop3-menu {
        display: none
    }
}