.navbarSearchWrapper {
    position: relative;
    width: 15rem;
    height: 30px;
    z-index: 20;
    order: 1
}

@media only screen and (max-width: 992px) {
    .navbarSearchWrapper {
        width:30px;
        margin-left: auto;
        order: 0
    }

    [dir=rtl] .navbarSearchWrapper {
        margin-left: 0;
        margin-right: auto
    }
}

@media only screen and (max-width: 992px) {
    [dir=rtl] .navbarSearchWrapper {
        margin-left:0;
        margin-right: auto
    }
}

.navbarSearchForm {
    position: absolute;
    top: 0;
    right: 0
}

[dir=rtl] .navbarSearchForm {
    left: 0;
    right: auto
}

.navbarSearchInput {
    background-color: rgba(0,0,0,0);
    background-position: center right 10px;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: 1px solid #626f77;
    color: #d5d8e2;
    font-size: .8rem;
    line-height: 26px;
    outline: none;
    padding: 0 40px 0 15px;
    transition: all .3s ease;
    width: 12rem
}

[dir=rtl] .navbarSearchInput {
    background-position: center left
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput::-webkit-input-placeholder {
        opacity:0
    }
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput:-moz-placeholder {
        opacity:0
    }
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput::-moz-placeholder {
        opacity:0
    }
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput:-ms-input-placeholder {
        opacity:0
    }
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput::placeholder {
        opacity:0
    }
}

@media only screen and (max-width: 992px) {
    .navbarSearchInput {
        line-height:30px;
        width: 22px;
        border-color: rgba(0,0,0,0);
        background-position: center right;
        padding: 0 20px 0 30px;
        cursor: pointer
    }
}

.navbarSearchInput:focus {
    width: 12rem;
    border-color: #626f77;
    background-color: #23232c;
    background-position: center right 10px;
    padding-left: 15px;
    padding-right: 40px
}

[dir=rtl] .navbarSearchInput:focus {
    padding-left: 40px;
    padding-right: 15px;
    background-position: center left 10px
}

.navbarSearchInput:focus::-webkit-input-placeholder {
    opacity: 1
}

.navbarSearchInput:focus:-moz-placeholder {
    opacity: 1
}

.navbarSearchInput:focus::-moz-placeholder {
    opacity: 1
}

.navbarSearchInput:focus:-ms-input-placeholder {
    opacity: 1
}

.navbarSearchInput:focus::placeholder {
    opacity: 1
}

#domain_outage {
    background-color: #ff160a;
    color: #fff;
    text-align: center;
    padding: 10px
}

#domain_outage a {
    color: #fff;
    font-weight: bold
}

#domain_outage a:hover {
    color: #000 !important;
    font-weight: bold
}

.main-navbar {
    position: sticky;
    top: 0;
    background-color: #23232c;
    z-index: 1030
}

.main-navbar .container {
    padding: 0
}

.main-navbar .navbar-search-container {
    margin-left: auto;
    display: none
}

@media only screen and (max-width: 992px) {
    .main-navbar .navbar-search-container {
        display:block
    }
}

@media only screen and (max-width: 992px) {
    [dir=rtl] .main-navbar .navbar {
        padding-right:20px
    }
}

@media only screen and (max-width: 480px) {
    .main-navbar .navbar {
        padding-bottom:5px
    }
}

[dir=ltr] .main-navbar .navbar-toggler {
    padding-right: 0
}

[dir=rtl] .main-navbar .navbar-toggler {
    padding-left: 0
}

.main-navbar li.nav-item.search-bar {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 992px) {
    .main-navbar li.nav-item.search-bar {
        display:none
    }
}

.main-navbar .nav-item {
    margin: 0 1rem
}

@media only screen and (max-width: 992px) {
    .main-navbar .nav-item {
        margin:.5rem 0
    }
}

.main-navbar .nav-link {
    color: #d5d8e2;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.main-navbar .navbar-collapse {
    flex-grow: 0;
    margin-left: auto;
    font-size: 1rem
}

[dir=rtl] .main-navbar .navbar-collapse {
    margin-left: 0;
    margin-right: auto
}

.main-navbar .countriesDropdown,.main-navbar .categoriesDropdown {
    display: flex;
    align-items: center;
    position: relative
}

.main-navbar .countriesDropdownButton,.main-navbar .categoriesDropdownButton {
    cursor: pointer;
    position: relative;
    color: #d5d8e2
}

.main-navbar .countriesDropdownButton:hover,.main-navbar .categoriesDropdownButton:hover {
    color: #fff
}

.main-navbar #countries-dropdown,.main-navbar #categories-dropdown {
    background-color: #fff;
    height: 17rem;
    line-height: 1.6rem;
    list-style-type: none;
    min-width: 15rem;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    transform: translateY(calc(50% + 20px));
    width: 15rem;
    z-index: 1003
}

.main-navbar #countries-dropdown a,.main-navbar #categories-dropdown a {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    color: #495156
}

.main-navbar #countries-dropdown li:hover a,.main-navbar #categories-dropdown li:hover a {
    color: #be160d !important;
    background-color: #f0f2f4
}

[dir=rtl] .main-navbar #countries-dropdown,[dir=rtl] .main-navbar #categories-dropdown {
    left: 0
}

[dir=ltr] .main-navbar #countries-dropdown,[dir=ltr] .main-navbar #categories-dropdown {
    right: 0
}

.categoriesDropdown #categories-dropdown {
    height: 8rem
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: .85em;
    background-color: #f0f2f4;
    padding: 0;
    color: #495156;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    text-align: start
}

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

@media only screen and (max-width: 480px) {
    .main-container {
        margin-top:0
    }
}

.text-danger {
    color: #ff160a !important
}

a,a>span.text-danger {
    transition: all .2s ease-in-out;
    color: #ff160a
}

a.grey-link {
    color: #bbb
}

a:hover,a>span.text-danger:hover,.tweet a.username:hover {
    text-decoration: none;
    color: #be160d !important
}

a.btn-dark:hover,a.btn-outline-dark:hover {
    color: #fff !important
}

a.grey-link:hover {
    color: #666 !important
}

.navbar.bg-dark,.main-navbar,.container-index-search,.footer {
    background-color: #23232c;
    color: #dadde7
}

.navbar.bg-dark {
    background-color: rgba(0,0,0,0)
}

.footer-title {
    color: #fff;
    font-size: 1.2em;
    font-weight: 500
}

p+.footer-title {
    margin-top: 10px
}

.navbar-dark .navbar-nav .nav-link {
    color: #d5d8e2;
    padding: .4rem 1rem
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff
}

.navbar-brand span {
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: -6px
}

span.red {
    color: #ed212d
}

#hero_search input,#bottom_search input,#hero_search input:focus,#bottom_search input:focus {
    border-color: #fff;
    padding: 15px 15px !important;
    height: 52px;
    border-end-end-radius: 0 !important;
    border-end-start-radius: .25rem !important;
    border-start-end-radius: 0 !important;
    border-start-start-radius: .25rem !important
}

#hero_search input:focus,#bottom_search input:focus,#hero_search input:hover,#bottom_search input:hover {
    color: #495057;
    background-color: #fff;
    border-color: #ff160a;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,22,10,.25)
}

#hero_search button,#bottom_search button {
    color: #fff;
    border-color: #ed212d;
    background-color: #ff160a;
    fill: #fff;
    padding: 5px 25px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-end-end-radius: .25rem !important;
    border-end-start-radius: 0 !important;
    border-start-end-radius: .25rem !important;
    border-start-start-radius: 0 !important
}

#hero_search button:hover,#bottom_search button:hover {
    box-shadow: 0 6px 6px rgba(0,0,0,.2),0 3px 3px rgba(0,0,0,.12) !important;
    background-color: #c82333;
    border-color: #bd2130
}

.footer {
    background-color: #23232c;
    margin-top: auto
}

.footer a {
    color: #dadde7
}

.footer a:hover,a.nav-link:hover,a.btn-danger:hover {
    color: #fff !important
}

.tweet .block {
    margin-left: 65px;
    margin-bottom: 10px
}

.tweet .updated {
    color: gray;
    font-size: 12px;
    margin-right: 10px
}

.tweet .username {
    font-weight: bold
}

.tweet a:hover {
    color: #000 !important
}

#sidebar h2,#sidebar h3 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

#sidebar p {
    margin-bottom: 0
}

.footer p {
    margin-bottom: .4rem
}

.footer p.lead {
    margin-bottom: .9rem;
    font-size: .9rem;
    font-weight: 500
}

.footer__nav {
    display: flex;
    justify-content: space-between
}

.footer__col {
    max-width: 165px
}

.btn {
    font-size: .85rem
}

.btn-dark {
    background-color: #626f77;
    border-color: #626f77;
    padding-top: .6rem;
    padding-bottom: .6rem;
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.25) !important
}

.btn-dark:hover {
    background-color: #495156;
    border-color: #495156
}

.breadcrumb {
    background-color: rgba(0,0,0,0);
    color: #ddd;
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0
}

.breadcrumb-item.active {
    color: #4c5458
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .2rem
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0
}

.btn-danger,.alert-danger {
    background: #ff160a;
    border-color: #ff160a
}

.alert-success {
    background: #29afbd;
    border-color: #29afbd
}

.alert-warning {
    background: #fcaf2d;
    border-color: #fcaf2d
}

#_evidon-link-text {
    color: #fff
}

.addthis {
    margin-top: 1rem;
    margin-right: 2rem
}

#hamburger-menu {
    color: #d5d8e2
}

.navbar-toggler:focus,#hamburger-menu:focus {
    outline: 0;
    color: #fff
}

h1.page-header,h2.page-header,.page-header {
    font-size: 1.2rem;
    line-height: 1rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    transition: all .2s ease-in-out;
    background-color: #fff
}

.shadow-sm:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.1) !important
}

.btn {
    transition: all .2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important
}

.btn:hover {
    box-shadow: 0 6px 6px rgba(0,0,0,.2),0 3px 3px rgba(0,0,0,.12) !important
}

@media(max-width: 576px) {
    .mobile-leaderboard-spacer {
        padding:0 15px 110px
    }

    [dir=rtl] #countries-dropdown,[dir=rtl] #categories-dropdown {
        right: 0
    }

    [dir=ltr] #countries-dropdown,[dir=ltr] #categories-dropdown {
        left: 0
    }

    .nav-item {
        margin: .5rem .75rem
    }

    .nav-item {
        margin-left: 0
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0
    }

    .footer__nav {
        flex-direction: column
    }

    .footer__col {
        max-width: 100%;
        margin-bottom: 1rem;
        padding: 0 15px
    }
}

@media(min-width: 992px) {
    .ad.leaderboard {
        min-height:90px
    }
}

.color-success {
    color: #29afbd;
    fill: #29afbd
}

.color-danger {
    color: #ff160a
}

.color-warning {
    color: #fbaf17
}

.text-danger,.trending-up {
    color: #ff160a !important
}

#dd-communicate .border {
    font-size: .7rem;
    border: 1px solid #ff160a !important;
    border-radius: 2px;
    background-color: #f8f9fb
}

#dd-communicate span {
    font-weight: .75rem
}

.modal-content .modal-header {
    border-color: #e9eff1
}

.rating .yellow {
    color: #ffb00a
}

.rating .grey {
    color: #616f77
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center
}

.container-index-search {
    background: radial-gradient(circle 590px, #4b4b58 0%, #23232c 70%);
    padding-top: 80px;
    margin-top: 0 !important
}

.container-index-search h1 {
    color: #fff
}

.container-index-search .lead {
    font-weight: 400;
    font-size: 1.6rem;
    color: #d7dde0
}

.container-index-search .lead,.container-index-search .input-group {
    max-width: 680px;
    min-width: 480px
}

#ad-mobileleaderboard {
    display: none
}

.header .navbar-nav {
    margin-inline-start:auto;text-align: start
}

@media(max-width: 576px) {
    .container-index-search {
        background:linear-gradient(0deg, #4b4b58 0%, #23232c 70%)
    }

    h1 {
        font-size: 1.7rem;
        letter-spacing: .05rem
    }

    .header {
        background-color: #23232c
    }

    .container-index-search .lead {
        min-width: fit-content;
        font-size: 1.5rem;
        letter-spacing: .05rem
    }

    .form-group.has-feedback {
        background-color: #23232c;
        border: 0px
    }

    #ad-leaderboard {
        background-color: #fff;
        bottom: 0;
        margin-bottom: 0 !important;
        position: fixed;
        text-align: center;
        z-index: 2000;
        min-height: 90px
    }

    #ad-mobileleaderboard {
        display: block
    }
}

@media(min-height: 933px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:155px !important
    }
}

@media screen and (min-height: 915px)and (max-height: 932px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:135px !important
    }
}

@media screen and (min-height: 844px)and (max-height: 914px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:125px !important
    }
}

@media screen and (min-height: 801px)and (max-height: 843px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:115px !important
    }
}

@media(max-height: 800px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:50px !important
    }
}

#top10_container img {
    max-width: none;
    max-height: 25px
}

@media(max-width: 1199px) {
    #top10_container img {
        max-width:140px
    }
}

@media(max-width: 991px) {
    #top10_container img {
        max-width:80px
    }

    .navbar-nav {
        background-color: #23232c
    }

    .menu_search_container {
        padding-top: 6px
    }

    [dir=rtl] .menu_search_container {
        left: 45px
    }

    [dir=ltr] .menu_search_container {
        right: 45px
    }
}

@media(max-width: 768px) {
    #top10_container img {
        max-width:none
    }

    .container-index-search .lead {
        font-weight: 300;
        font-size: 1rem
    }
}

#top10_container .rank {
    width: 50px
}

.rating p {
    direction: ltr;
    font-size: 14px
}

#rating .spinner {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.rating>span {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    cursor: pointer;
    color: #616f77
}

.rating>span a {
    text-decoration: none;
    color: #08c
}

.rating>span:hover::before,.rating>span:hover~span::before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    color: #ff160a;
    fill: #ff160a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzAgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdGFyPC90aXRsZT4KICAgIDxnIGlkPSJzdGFyIj4KICAgICAgICA8cGF0aCBkPSJNMTUuNDQ0ODk0OCwwLjI4NjAwMDU2OSBMMTkuNzA0MjI4Nyw5LjQwNzUxMjA2IEwyOS41NzA4NTAzLDEwLjY5ODk2MzUgQzI5Ljk4MTc1MDcsMTAuNzUyMzUwMyAzMC4xNDcxMTMxLDExLjI2OTY5MzUgMjkuODQ1MjAxNSwxMS41NTgyMzYzIEwyMi42MTE4NTA0LDE4LjQ4NzA3NjggTDI0LjQ0OTYyNzcsMjguNDA2ODQ3NyBDMjQuNTI3Mjk3OSwyOC44MjEyMzA3IDI0LjA5NTEwMDgsMjkuMTM5MDA5MSAyMy43MzA1NTE5LDI4LjkzODE3MzIgTDE1LjAwMDE3MDMsMjQuMDk3NzcyNCBMNi4yNjk3ODg2MSwyOC45MzgxNzMyIEM1LjkwNTIzOTc0LDI5LjEzOTAwOTEgNS40NzQyOTUzOCwyOC44MjEyMzA3IDUuNTUwNzEyODQsMjguNDA2ODQ3NyBMNy4zODg0OTAxMiwxOC40ODcwNzY4IEwwLjE1Mzg4NjI5LDExLjU1ODIzNjMgQy0wLjE0Njc3MjU3LDExLjI2OTY5MzUgMC4wMTg1ODk4MDMsMTAuNzUyMzUwMyAwLjQyOTQ5MDI0NiwxMC42OTg5NjM1IEwxMC4yOTYxMTE4LDkuNDA3NTEyMDYgTDE0LjU1NTQ0NTcsMC4yODYwMDA1NjkgQzE0LjczMzMzNTUsLTAuMDk1MzMzNTIzMSAxNS4yNjcwMDUsLTAuMDk1MzMzNTIzMSAxNS40NDQ4OTQ4LDAuMjg2MDAwNTY5IiBmaWxsPSIjRkYxNjBBIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) 0 0 no-repeat rgba(0,0,0,0)
}

.rating>span.voted,.rating>span.voted::before {
    color: #29afbd
}

.container-index-search .search-query {
    font-size: .8rem
}

input#search {
    border: 0
}

.footer {
    background-color: #23232c
}

.footer a {
    color: #dadde7
}

.footer p {
    margin-bottom: .4rem
}

.footer p.lead {
    margin-bottom: .9rem;
    font-size: .9rem;
    font-weight: 500
}

.btn {
    font-size: .85rem
}

.btn-dark {
    background-color: #626f77;
    border-color: #626f77;
    padding-top: .6rem;
    padding-bottom: .6rem;
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.25) !important
}

.breadcrumb {
    background-color: rgba(0,0,0,0);
    color: #ddd;
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0
}

.breadcrumb-item.active {
    color: #4c5458
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .2rem
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0
}

.btn-danger,.alert-danger {
    background: #fa211f;
    border-color: #fa211f
}

.alert-success {
    background: #29afbd;
    border-color: #29afbd
}

.alert-warning {
    background: #fcaf2d;
    border-color: #fcaf2d
}

#_evidon-link-text {
    color: #fff
}

.addthis {
    margin-top: 1rem;
    margin-right: 2rem
}

.ad.leaderboard {
    background: rgba(0,0,0,0)
}

.hero-about-us {
    height: 100%;
    width: 100%;
    background: radial-gradient(circle, #40404a 0%, #16161b 100%);
    overflow: hidden;
    color: #e9eff1
}

.insights-post p img {
    max-width: 100%
}

#post_body_wrapper,#post_header_wrapper {
    background: #fff;
    color: #000;
    font-family: proxima-nova,sans-serif;
    font-size: 16px;
    line-height: 1.9
}

#post_header_wrapper h1,#post_body_wrapper h2,#post_body_wrapper h3 {
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-weight: 800;
    line-height: 1.2;
    color: #333
}

#post_body_wrapper p {
    margin-top: 1rem;
    margin-bottom: 3rem
}

#post_body_wrapper p img {
    display: block;
    max-width: 100%;
    height: auto
}

#post_body_wrapper .tag-cloud a {
    background: #5e5f73;
    color: #fff;
    padding: 2px 9px;
    font-size: 13px;
    font-weight: 600 !important;
    margin: 0 4px 5px 0;
    display: inline-block
}

#post_body_wrapper .tag-cloud a:hover {
    background-color: #0077c3;
    color: #fff !important
}

.btn-submit-problem {
    background-image: linear-gradient(rgb(255, 49, 24) 0%, rgb(216, 25, 9) 51.22%, rgb(191, 10, 0) 100%);
    font-size: .9rem;
    font-weight: 500
}

#baseline_info_btn {
    position: absolute;
    width: 25px;
    height: 25px;
    color: #616f77;
    border: 0px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5xdWVzdGlvbiBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InF1ZXN0aW9uLWljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xOCwzNS41IEM4LjMzNTc1NzU4LDM1LjUgMC41LDI3LjY2NDI0MjQgMC41LDE4IEMwLjUsOC4zMzU3NTc1OCA4LjMzNTc1NzU4LDAuNSAxOCwwLjUgQzI3LjY2NDI0MjQsMC41IDM1LjUsOC4zMzU3NTc1OCAzNS41LDE4IEMzNS41LDI3LjY2NDI0MjQgMjcuNjY0MjQyNCwzNS41IDE4LDM1LjUgWiIgaWQ9IkZpbGwtMjciIGZpbGw9IiNGRjE2MEEiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTUuMzIyMDE0MSwxOS42OTE4NjA1IEMxNS4zMjIwMTQxLDE3LjY4NjA0NjUgMTYuNjcwOTYwMiwxNi43MjY3NDQyIDE3Ljc5NTA4MiwxNS44ODM3MjA5IEMxOC42NjYyNzYzLDE1LjI0NDE4NiAxOS40MjUwNTg1LDE0LjY5MTg2MDUgMTkuNDI1MDU4NSwxMy44MTk3Njc0IEMxOS40MjUwNTg1LDEyLjkxODYwNDcgMTguNzc4Njg4NSwxMi4xNjI3OTA3IDE3LjIzMzAyMTEsMTIuMTYyNzkwNyBDMTUuODI3ODY4OSwxMi4xNjI3OTA3IDE0LjY0NzU0MSwxMi44ODk1MzQ5IDEzLjc3NjM0NjYsMTMuOTY1MTE2MyBMMTEuNSwxMS4zMTk3Njc0IEMxMi45ODk0NjE0LDkuNTE3NDQxODYgMTUuMjM3NzA0OSw4LjUgMTcuNjU0NTY2Nyw4LjUgQzIxLjI3OTg1OTUsOC41IDIzLjUsMTAuMzg5NTM0OSAyMy41LDEzLjA5MzAyMzMgQzIzLjUsMTUuNTA1ODE0IDIxLjk4MjQzNTYsMTYuNjY4NjA0NyAyMC42NjE1OTI1LDE3LjYyNzkwNyBDMTkuNjc3OTg1OSwxOC4zODM3MjA5IDE4LjgwNjc5MTYsMTkuMDIzMjU1OCAxOC44MDY3OTE2LDIwLjA5ODgzNzIgQzE4LjgwNjc5MTYsMjAuNTYzOTUzNSAxOS4wMzE2MTU5LDIxLjA1ODEzOTUgMTkuMzEyNjQ2NCwyMS4zMTk3Njc0IEwxNi4yNDk0MTQ1LDIyLjI1IEMxNS42NTkyNTA2LDIxLjU4MTM5NTMgMTUuMzIyMDE0MSwyMC43MDkzMDIzIDE1LjMyMjAxNDEsMTkuNjkxODYwNSBaIE0xNS4zMjIwMTQxLDI2LjE0NTM0ODggQzE1LjMyMjAxNDEsMjQuODY2Mjc5MSAxNi4zNjE4MjY3LDIzLjc5MDY5NzcgMTcuNTk4MzYwNywyMy43OTA2OTc3IEMxOC44MzQ4OTQ2LDIzLjc5MDY5NzcgMTkuODc0NzA3MywyNC44NjYyNzkxIDE5Ljg3NDcwNzMsMjYuMTQ1MzQ4OCBDMTkuODc0NzA3MywyNy40MjQ0MTg2IDE4LjgzNDg5NDYsMjguNSAxNy41OTgzNjA3LDI4LjUgQzE2LjM2MTgyNjcsMjguNSAxNS4zMjIwMTQxLDI3LjQyNDQxODYgMTUuMzIyMDE0MSwyNi4xNDUzNDg4IFoiIGlkPSI/IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) #fff no-repeat center center;
    background-size: 15px 15px;
    bottom: 49px;
    left: 8px
}

.indicatorChart {
    position: relative
}

.indicatorChart_percentage {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold
}

.indicatorChart_name {
    margin-top: 5px
}

.top-indicator-button {
    background-color: #ff160a;
    border: 1px solid #ff160a;
    color: #fff;
    margin-right: 5px
}

.top-indicator-button:hover {
    background-color: #ff160a;
    border: 1px solid #ff160a;
    color: #fff !important
}

.btn.top-indicator-button-other {
    color: #616f77 !important;
    border: 1px solid #495156
}

.category-navbar-container {
    display: flex;
    justify-content: center;
    background-color: #000
}

@media only screen and (max-width: 480px) {
    .category-navbar-container {
        display:none !important
    }
}

.category-navbar-nav {
    flex-direction: row;
    background-color: #000
}

.nav-link.category-nav-link {
    color: #d5d8e2;
    font-size: 11pt
}

.category-pages-center {
    margin: 50px
}

.category-pages-description {
    margin-top: 50px
}

#list-container>div {
    margin: 15px 0 0 0;
    padding: 20px 0 0 40px;
    counter-increment: section;
    position: relative;
    vertical-align: middle
}

#list-container>div:before {
    content: counter(section);
    right: 100%;
    margin-right: -20px;
    position: absolute;
    border-radius: 50%;
    padding: 5px;
    height: 42px;
    width: 42px;
    background-color: #0aafbe;
    text-align: center;
    color: #fff;
    font-size: 160%;
    font-weight: 600;
    vertical-align: inherit
}

.lead {
    font-size: 20px;
    font-weight: normal;
    line-height: 29px;
    margin: 15px 0
}

.alertRow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.alertDate {
    display: flex;
    margin: auto;
    gap: 3px;
    transform: translateX(-5px)
}

.fa-IconPadding {
    padding-top: 2px
}

.alertColumn {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.alertDanger {
    position: relative;
    padding: .3rem .5rem;
    display: flex !important;
    background: #fa211f;
    color: #fff;
    border: 1px solid #dc3545;
    border-radius: .25rem;
    margin-bottom: -3px
}

.alertLight {
    background-color: #fefefe;
    color: #000;
    margin-bottom: .5rem
}

.alertFormat {
    margin: auto
}

.alertTransform {
    transform: translateX(-20px)
}

.enterprise-webinar {
    background-color: #fff;
    color: #0a0505;
    width: 33%
}

.webinar-container,.enterprise-webinar-gaming,.enterprise-webinar-banking,.enterprise-webinar-generic {
    aspect-ratio: 16/9;
    background-size: contain
}

.webinar-enterprise-title {
    padding: 1.25rem
}

.webinar-recording-link {
    padding-bottom: 20px
}

.enterprise-webinar-gaming {
    background-image: url(images/enterprise-page/blog-header-gaming.png)
}

.enterprise-webinar-banking {
    background-image: url(images/enterprise-page/blog-header-banking.png)
}

.enterprise-webinar-generic {
    background-image: url(images/enterprise-page/blog-header-generic.png)
}

.webinar-gradient {
    background: radial-gradient(#3c3c49, #111116)
}

@media(max-width: 768px) {
    .enterprise-webinar {
        width:100%
    }
}

.background-quote {
    background: #1e1e21
}

.container-quote {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    padding-top: 80px;
    margin-right: auto;
    margin-left: auto
}

.grid-item {
    align-items: flex-start;
    font-size: xx-large
}

.advantages-title {
    padding-top: 10px;
    padding-bottom: 20px
}

.dd-icon {
    max-height: 30px
}

.quote-title {
    padding: 20px 0 50px 0;
    text-align: center;
    color: #e9eff1
}

.quote-card {
    background: #40414c;
    color: #b8b3b3;
    padding: 20px 20px 20px 50px;
    border-radius: 5px
}

.quote-card:before {
    content: "“";
    position: absolute;
    transform: translate(-10px, -115px);
    font-size: 12rem;
    color: rgba(255,0,0,.8);
    font-weight: bold
}

.quote-paragraph {
    padding-top: 30px
}

.quote-gap {
    padding-top: 30px
}

.webinar-wrapper {
    width: 50%
}

.short-title {
    max-width: 200px
}

.webinar {
    display: flex;
    width: 100%;
    gap: 20px
}

.webinar-card {
    background-color: #d2d2d2;
    background-clip: border-box;
    border-radius: .25rem;
    color: #0a0505
}

.webinar-title {
    padding-top: 20px;
    font-size: 1rem;
    font-weight: 500
}

.webinar-info {
    max-width: 400px
}

@media(max-width: 767px) {
    .webinar {
        flex-direction:column
    }

    .webinar-wrapper {
        width: 100%
    }

    .short-title {
        max-width: 400px
    }
}

.regionalMessage__header {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: .3rem .5rem;
    font-size: 17px;
    background-color: #019fb0;
    color: #fff;
    margin-bottom: -3px
}

.regionalMessage__message {
    font-size: 15px;
    background-color: #fefefe;
    color: #000;
    border: 1px solid #019fb0;
    padding: .3rem .5rem
}

.regionalMessage__timestamp {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500
}

.regionalMessage__address {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px
}

.geocoder__container {
    display: flex;
    margin-top: 20px;
    white-space: nowrap;
    height: 52px
}

.geocoder__input {
    font-size: 14px;
    height: 52px;
    padding: 0 10px;
    border: 1px solid gray;
    flex-grow: 1;
    transform: translateY(2px)
}

.geocoder__input:focus {
    outline: 0
}

.geocoder__input:placeholder-shown {
    text-overflow: ellipsis
}

.geocoder__templateButton {
    color: #fff;
    font-size: 17px;
    background: #ff160a;
    width: 50px;
    border-radius: 4px;
    height: 52px
}

.geocoder__templateButton:focus {
    outline: 0
}

.geocoder__templateButton:active {
    background: #cf1109
}

.geocoder__searchButton {
    border: 1px solid gray;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transform: translateY(2px)
}

.geocoder__locateButton {
    border: none;
    transform: translateY(2px)
}

.geocoder__spinner {
    background-color: rgba(0,0,0,0);
    padding: 15px
}

.geocoder__errorMessage {
    color: #ff160a;
    margin: 0
}

.regionalService__container {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    text-align: center
}

.regionalModal {
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px
}

.regionalModal__title {
    font-size: 1.1rem;
    width: 75%;
    text-align: center;
    margin: auto
}

.regionalService__description {
    color: #6c757d;
    padding-top: .25rem
}

.regionalModal__closeButton {
    background: rgba(0,0,0,0);
    border: 0;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

@media(max-width: 576px) {
    .regionalModal {
        width:350px
    }
}

@media(min-width: 576px) {
    .regionalService__container {
        margin-right:-1rem
    }
}

.about-page-container {
    max-width: 1140px;
    width: 100%;
    margin: 3rem auto;
    padding: 0 1rem
}

.abouts-us-icons {
    max-width: 140px;
    height: 110px
}

.info {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dd-description-img img {
    max-width: 100%
}

.learn-more-link {
    font-size: .85rem;
    color: #000
}

.main-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4.5rem
}

.main-title-alignment {
    text-align: center
}

.store-buttons {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    border: 1px solid rgba(0,0,0,0);
    padding: .375rem .75rem;
    border-radius: .25rem;
    font-size: .85rem
}

.store-buttons-dark {
    background-color: #626f77;
    border-color: #626f77;
    padding: .6rem 0;
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.25)
}

.about-us-dashboard {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4rem
}

.dashboard-info>* {
    margin: 25px 0
}

.dashboard-img img {
    max-width: 100%
}

.countries-container {
    column-count: 5;
    padding-top: 1rem;
    list-style-type: none
}

.button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    padding: 3rem 1rem
}

.service-tracking-title {
    text-align: center
}

.how-it-works-title {
    text-align: center;
    padding-bottom: 1rem
}

.how-it-works-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    text-align: center;
    gap: 1rem
}

.img-text-spacing>* {
    margin: 15px 0
}

.instruction-button {
    font-weight: bold;
    min-width: 283px;
    text-transform: capitalize;
    padding: .5rem 0
}

@media(min-width: 768px) {
    .about-page-container {
        padding:0
    }

    .dd-description {
        width: 55%
    }

    .dd-description-img {
        width: 45%
    }

    .dashboard-info {
        width: 55%
    }

    .dashboard-img {
        width: 45%
    }
}

@media(max-width: 768px) {
    .info {
        flex-direction:column
    }

    .how-it-works-wrapper {
        flex-direction: column
    }

    .about-us-dashboard {
        flex-direction: column
    }

    .countries-container {
        column-count: 4;
        padding-right: 2rem
    }
}

@media(max-width: 420px) {
    .countries-container {
        column-count:3
    }
}

@media(max-width: 360px) {
    .countries-container {
        column-count:2
    }
}

.subnav {
    background-color: rgba(35,35,44,.9);
    padding: 0;
    z-index: 1020
}

.subnav .container {
    padding: 25px 0
}

.subnav .nav {
    display: inline-flex;
    font-size: 22px;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0 40px;
    gap: 40px
}

@media only screen and (max-width: 770px) {
    .subnav .nav {
        flex-direction:column;
        gap: 10px
    }
}

@media only screen and (max-width: 480px) {
    .subnav .nav {
        align-items:center;
        flex-direction: column;
        font-size: 18px
    }
}

.subnav .nav-item {
    margin: 0
}

@media only screen and (max-width: 480px) {
    .subnav .nav-item {
        margin:0 18px
    }
}

.subnav .nav-link {
    color: #fff;
    padding: 0
}

.subnav .active {
    color: #ff160a
}

.items-grid {
    display: grid;
    gap: 88px 36px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    margin-top: 48px;
    width: 100%
}

@media only screen and (max-width: 992px) {
    .items-grid {
        grid-template-columns:1fr !important;
        row-gap: 48px
    }
}

@media all and (-ms-high-contrast: none) {
    .items-grid {
        display: block
    }
}

.items-grid.items-grid--four-cols {
    grid-template-columns: repeat(4, 1fr)
}

.items-grid__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media all and (-ms-high-contrast: none) {
    .items-grid__item {
        margin-bottom: 30px
    }
}

.items-grid__item img {
    height: 40px;
    transform: scale(0.75)
}

.items-grid .items_grid__item-lead {
    font-size: 14px;
    margin-bottom: 0
}

.items-grid .title-and-subtitle {
    text-align: center
}

.items-grid__item-subtitle {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 16px;
    width: 100%
}

.items-grid__item-subtitle+.items_grid__item-lead {
    margin-top: 25px
}

.section--dd-advantages .section__title {
    align-self: start
}

.section--dd-advantages .items-grid {
    margin-top: 30px !important
}

.section--dd-advantages .items-grid__item {
    text-align: left
}

.section--dd-api {
    color: #e9eff1
}

.section--dd-api .section__title-and-lead {
    align-self: start;
    display: flex;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .section--dd-api .section__title-and-lead {
        flex-direction:column-reverse
    }
}

.section--dd-api .section__title-and-lead>div {
    max-width: 583px
}

.section--dd-api .dd-api-icon {
    margin: auto 48px auto auto
}

@media only screen and (max-width: 992px) {
    .section--dd-api .dd-api-icon {
        margin-left:48px;
        margin-right: 0;
        transform: scale(0.75)
    }
}

@media only screen and (max-width: 480px) {
    .section--dd-api .dd-api-icon {
        margin:0 auto 30px
    }
}

.section--dd-api .section__lead {
    margin-top: 14px
}

.section--dd-api .items-grid__item {
    align-items: flex-start;
    text-align: left
}

.section--dd-api .right-caret-icon {
    background-color: #ff160a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    width: 22px
}

.section--dd-api .right-caret-icon .fa {
    transform: translate(1px, -1px)
}

.dd-api-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .dd-api-actions {
        align-items:center;
        flex-direction: column
    }
}

.dd-api-actions .btn {
    border-width: 2px;
    padding: 15px;
    width: 204px
}

.dd-api-actions .btn:last-of-type {
    margin-left: 20px
}

@media only screen and (max-width: 480px) {
    .dd-api-actions .btn:last-of-type {
        margin-left:0
    }
}

.dd-api-actions .btn-outline-danger {
    border-color: #fa211f;
    color: #fa211f
}

.dd-api-actions .btn-outline-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff !important
}

@media only screen and (max-width: 480px) {
    .section--dd-dashboard .section__title {
        text-align:center
    }
}

@media only screen and (min-width: 481px)and (max-width: 992px) {
    .section--dd-dashboard .items-grid {
        grid-template-columns:repeat(2, 1fr) !important
    }
}

.section--dd-dashboard .items-grid__item-subtitle+.items_grid__item-lead {
    margin-top: 5px
}

.section--dd-communicate .section__title-and-lead {
    align-self: start;
    display: flex;
    text-align: left;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .section--dd-communicate .section__title-and-lead {
        flex-direction:column-reverse
    }
}

.section--dd-communicate .dd-api-icon {
    margin: auto 48px auto auto
}

@media only screen and (max-width: 992px) {
    .section--dd-communicate .dd-api-icon {
        margin-left:48px;
        margin-right: 0;
        transform: scale(0.75)
    }
}

@media only screen and (max-width: 480px) {
    .section--dd-communicate .dd-api-icon {
        margin:0 auto 30px
    }
}

.section--dd-communicate .section__lead {
    margin-top: 14px
}

.section--dd-communicate .items-grid__item {
    align-items: flex-start;
    text-align: left
}

.section--dd-communicate .right-caret-icon {
    background-color: #ff160a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    width: 22px
}

.section--dd-communicate .right-caret-icon .fa {
    transform: translate(1px, -1px)
}

.customer-stories .container {
    padding-bottom: 0 !important
}

@media only screen and (max-width: 480px) {
    .customer-stories .container {
        padding-top:50px !important
    }
}

@media only screen and (max-width: 480px) {
    .customer-stories__top {
        background:#23242c
    }
}

.customer-stories__topics {
    display: inline-flex;
    list-style: none;
    margin: 52px 0 0;
    padding: 0
}

@media only screen and (max-width: 480px) {
    .customer-stories__topics {
        display:none
    }
}

.customer-stories__topic {
    cursor: pointer;
    flex: 1;
    font-size: 22px;
    opacity: .5;
    padding-bottom: 32px;
    text-align: center;
    transition: opacity 200ms ease
}

@media only screen and (max-width: 992px) {
    .customer-stories__topic {
        font-size:18px
    }
}

@media only screen and (max-width: 480px) {
    .customer-stories__topic {
        font-size:13px
    }
}

.customer-stories__topic.active {
    opacity: 1
}

.customer-stories__content {
    background-color: #23242c
}

@media only screen and (min-width: 481px)and (max-width: 992px) {
    .customer-stories__content .container {
        border-top:1px solid #fff
    }
}

.customer-stories .stories-carousel {
    color: #e9eff1;
    margin-bottom: 0 !important;
    max-width: 100%
}

.customer-stories .stories-carousel__story {
    padding: 0 10px
}

@media only screen and (max-width: 480px) {
    .customer-stories .stories-carousel__story {
        border-bottom:1px solid #909da5;
        margin-bottom: 46px;
        padding-bottom: 53px
    }
}

.customer-stories .stories-carousel__story:last-of-type {
    border-bottom: 0;
    margin-bottom: 0
}

.customer-stories .stories-carousel__title {
    font-size: 36px;
    margin: 0 auto 48px;
    max-width: 840px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .customer-stories .stories-carousel__title {
        font-size:20px;
        line-height: 24px;
        text-align: left
    }
}

.customer-stories .stories-carousel__subtitle {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 48px
}

@media only screen and (max-width: 480px) {
    .customer-stories .stories-carousel__subtitle {
        font-size:12px;
        line-height: 18px
    }
}

.customer-stories .stories-carousel__image-and-citation {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 1200px) {
    .customer-stories .stories-carousel__image-and-citation {
        align-items:center;
        flex-direction: column
    }
}

.customer-stories img {
    max-width: 100%;
    width: 516px
}

.customer-stories .slick-dots {
    align-items: stretch;
    bottom: 0;
    display: flex;
    position: relative
}

.customer-stories .slick-dots li {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    flex: 1;
    height: 8px;
    margin: 0;
    transition: background-color 200ms ease
}

.customer-stories .slick-dots .slick-active {
    background-color: #ff160a
}

.customer-stories .slick-dots button {
    height: 8px;
    width: 100%
}

.customer-stories .slick-dots button::before {
    content: "";
    height: 8px;
    width: 100%
}

.customer-stories .slick-prev,.customer-stories .slick-next {
    height: 44px;
    top: 40%
}

@media only screen and (max-width: 1200px) {
    .customer-stories .slick-prev,.customer-stories .slick-next {
        display:none !important
    }
}

.customer-stories .slick-prev::before,.customer-stories .slick-next::before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSI0NHB4IiB2aWV3Qm94PSIwIDAgMjQgNDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2NCAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT44MThDNzBCOS1DRTQ0LTRCQUUtOEVBNi1ENEMxMDUzM0NENjg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGcgaWQ9IkZpbmFscyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICAgICAgPGcgaWQ9IkVudGVycHJpc2UtQmFua2luZy1ORVciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OS4wMDAwMDAsIC0zNzc2LjAwMDAwMCkiIGZpbGw9IiM5MDlEQTUiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjOTA5REE1IiBzdHJva2Utd2lkdGg9IjgiPgogICAgICAgICAgICA8ZyBpZD0iY3VzdG9tZXItc3RvcnktY29udGVudC0oYmFua2luZykiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNDAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImFycm93cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkuMDAwMDAwLCAzNzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb24tYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMjIuMDAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEyLjAwMDAwMCwgLTIyLjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iVHJpYW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAwMDAwMCwgMTIuMDAwMDAwKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjIuMDAwMDAwLCAtMTIuMDAwMDAwKSAiIHBvaW50cz0iMjIgNCA0MCAyMCA0IDIwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    content: "";
    display: block;
    height: 44px;
    width: 20px
}

@media only screen and (min-width: 1201px) {
    .customer-stories .slick-slide {
        margin:0 80px
    }
}

@media only screen and (min-width: 1201px) {
    .customer-stories .slick-list {
        margin:0 -80px
    }
}

.customer-stories .slick-prev {
    left: -100px
}

.customer-stories .slick-next {
    right: -100px;
    transform: rotate(180deg) translateY(25px)
}

.customer-citation p {
    font-style: italic
}

.customer-citation p:first-of-type {
    align-items: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDc2cHgiIGhlaWdodD0iMzA4cHgiIHZpZXdCb3g9IjAgMCA0NzYgMzA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNjQgKDEwMTAxMCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+QTdCQTlDNTgtRTgxMy00NDE1LThDQTUtMjg4QUFDODlBNzFEPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxnIGlkPSJGaW5hbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgICAgICA8ZyBpZD0iRW50ZXJwcmlzZS1HYW1pbmctTkVXIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzk5LjAwMDAwMCwgLTM3OTcuMDAwMDAwKSIgZmlsbD0iIzJGQjlDNSI+CiAgICAgICAgICAgIDxnIGlkPSJjYXNlLXN0dWRpZXMtZXhwYW5kZWQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAzNDAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNoYXQtYnViYmxlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTguMDAwMDAwLCAzOTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgaWQ9IlBhdGgiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDY4LjM1LDI2Ni45IEM0NzcuNywyMzUuODE1NSA0NzcuNyw0Ni43NSA0NjguMzUsMTUuNDAyIEM0NjguMDAxNSwxNC4wMDggNDY2LjgwMyw5LjgzNDUgNDY0Ljk1LDkuMTQ2IEM0NDIuODUsLTIuNDczNSAzNC4zMDYsLTIuNDkwNSAxMC45MTQsOS4xMjA1IEwxMC45MTQsOS4xMjA1IEM4LjYxMDUsOS43NTggNy4yODQ1LDE1LjkyMDUgNy4yODQ1LDE1LjkyMDUgTDcuMjg0NSwxNS45MjA1IEMtMS44NjE1LDQ4LjQ1IC0xLjg2MTUsMjM0LjAwNSA3LjI5MywyNjYuNDI0IEM3LjM4NjUsMjY2Ljg0OSA4LjY1MywyNzIuMzMxNSAxMC43OTUsMjczLjExMzUgQzIxLjc2ODUsMjc4Ljk0NDUgMTI5LjQzOCwyODEuODY4NSAyMzcuMjg2LDI4MS44NzcgTDI2Mi41OTksMzA3LjE4MTUgQzI2My4yNjI2NDYsMzA3Ljg0NDg3IDI2NC4yNjA0OTQsMzA4LjA0MzI2OSAyNjUuMTI3NDI1LDMwNy42ODQyMTggQzI2NS45OTQzNTYsMzA3LjMyNTE2NyAyNjYuNTU5NzI0LDMwNi40NzkzNDMgMjY2LjU2LDMwNS41NDEgTDI2Ni41NiwyODEuODA5IEMzNjQuNTMxLDI4MS4zMzMgNDU1LjMxMSwyNzguNDA5IDQ2NS4wMDk1LDI3My4wNzk1IEM0NjYuNzc3NSwyNzIuMzMxNSA0NjcuOTMzNSwyNjguMzk2IDQ2OC4zNSwyNjYuOSBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center no-repeat;
    display: inline-flex;
    font-size: 20px;
    height: 310px;
    line-height: 27px;
    max-width: 477px;
    padding: 0 46px 26px;
    position: relative;
    width: 477px
}

@media only screen and (max-width: 1200px) {
    .customer-citation p:first-of-type {
        margin-top:20px;
        width: auto
    }
}

@media only screen and (max-width: 480px) {
    .customer-citation p:first-of-type {
        background:#2b515a;
        background-size: contain;
        border-radius: 5px;
        font-size: 12px;
        height: auto;
        line-height: 16px;
        margin-bottom: 20px;
        padding-top: 26px
    }
}

@media only screen and (max-width: 480px) {
    .customer-citation p:first-of-type::after {
        border:20px solid rgba(0,0,0,0);
        border-bottom: 0;
        border-right: 0;
        border-top-color: #2b515a;
        bottom: 0;
        content: "";
        height: 0;
        left: 50%;
        margin-bottom: -20px;
        margin-left: -10px;
        position: absolute;
        width: 0
    }
}

.customer-citation p:last-of-type {
    margin-top: 20px;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .customer-citation p:last-of-type {
        font-size:10px
    }
}

.section--try-it .section__title {
    text-align: center
}

.section--try-it .dashboard-cta {
    margin-top: 35px
}

.section--who-use-it {
    color: #e9eff1
}

.section--who-use-it .title-and-subtitle {
    text-align: center
}

.section--who-use-it .title-and-subtitle .section__lead {
    margin-top: 25px
}

@media only screen and (min-width: 481px)and (max-width: 992px) {
    .section--who-use-it .items-grid {
        gap:48px 88px;
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.section--dd-webinar {
    color: #e9eff1;
    align-items: flex-start !important;
    text-align: left
}

.section--dd-webinar h2 {
    margin: 1em 0;
    font-weight: 400
}

.section--dd-webinar>div {
    max-width: 683px
}

@media only screen and (max-width: 992px) {
    .section--dd-webinar>div {
        max-width:483px
    }
}

@media only screen and (max-width: 480px) {
    .section--dd-webinar {
        align-items:center !important;
        text-align: center
    }
}

.webinar-background {
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(images/v2/dd-webinar-desktop.png),radial-gradient(circle at calc(50% + 232px) 50%, #44434e 0%, #17171d 100%)
}

@media only screen and (max-width: 992px) {
    .webinar-background {
        padding-bottom:2em;
        background-position: calc(50% + 232px) center,center;
        background-size: auto 548px,contain;
        background-image: url(images/v2/dd-webinar-desktop.png),radial-gradient(circle at calc(50% + 232px) 50%, #44434e 0%, #17171d 100%)
    }
}

@media only screen and (max-width: 480px) {
    .webinar-background {
        padding-bottom:90vw;
        background-position: center bottom,center;
        background-size: 144%,contain;
        background-image: url(images/v2/dd-webinar-desktop-2x.png),radial-gradient(circle at 50% 75%, #44434e 0%, #17171d 100%)
    }
}

.section__title {
    font-size: 36px;
    margin: 0
}

@media only screen and (max-width: 480px) {
    .section__title {
        font-size:32px
    }
}

.section__title+.items-grid {
    margin-top: 80px
}

.section__lead {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 0
}

@media only screen and (max-width: 480px) {
    .section__lead {
        font-size:20px;
        line-height: 24px
    }
}

.customers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px
}

@media only screen and (max-width: 992px) {
    .customers {
        flex-direction:column
    }
}

.customers img {
    max-width: 100%
}

.enterprise-content {
    background-color: #fff;
    color: #616f76
}

.enterprise-content .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    padding-top: 80px
}

.enterprise-content .dashboard-cta {
    margin-top: 60px
}

.enterprise-content .light-gray-background {
    background-color: #f8f9fb
}

.enterprise-content .gradient-background {
    background: radial-gradient(circle at right, #3c3c49 0%, #111116 100%)
}

.inquire-page {
    background-color: #23222b;
    color: #b3bdc3;
    min-height: 100vh;
    padding: 35px 0 150px
}

.inquire-page__content {
    column-gap: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width: 992px) {
    .inquire-page__content {
        grid-template-columns:100%
    }
}

@media all and (-ms-high-contrast: none) {
    .inquire-page__content {
        display: flex
    }
}

.inquire-page__content .left {
    align-items: center;
    display: flex;
    max-height: calc(100vh - 64px - 35px);
    position: sticky;
    top: 0
}

@media only screen and (max-width: 992px) {
    .inquire-page__content .left {
        position:relative
    }
}

.inquire-page h1 {
    font-size: 42px;
    line-height: 52px
}

@media only screen and (max-width: 992px) {
    .inquire-page h1 {
        font-size:32px;
        line-height: 125%;
        margin-bottom: 30px
    }
}

.inquire-page .hbspt-form {
    background-color: #373641;
    border: 1px solid #616f77;
    border-radius: 5px;
    padding: 35px 40px
}

@media only screen and (max-width: 480px) {
    .inquire-page .hbspt-form {
        padding:20px 10px
    }
}

.inquire-page .hbspt-form h3 {
    margin-bottom: 30px
}

.inquire-page .hbspt-form .hs-richtext {
    margin-bottom: 40px
}

.inquire-page .hbspt-form .hs-form-field {
    margin-bottom: 24px
}

.inquire-page .hbspt-form .hs-input {
    border: 1px solid #d7dde0;
    border-radius: 2px;
    color: #616f77;
    height: 44px;
    padding: 0 13px;
    width: 100%
}

.inquire-page .hbspt-form .hs-input.invalid {
    border: 1px solid #ff160a
}

.inquire-page .hbspt-form select.hs-input {
    display: none
}

.inquire-page .hbspt-form select.hs-input.invalid~.select2 .select2-selection--single {
    border: 1px solid #ff160a
}

.inquire-page .hbspt-form .hs-error-msgs {
    list-style: none;
    padding-left: 0
}

.inquire-page .hbspt-form .hs-error-msg {
    color: #ff160a;
    margin: 5px 0 0
}

.inquire-page .hbspt-form .hs-form-required {
    color: #ff160a;
    margin-left: 2px
}

.inquire-page .hbspt-form .hs-richtext:not(.hs-main-font-element),.inquire-page .hbspt-form .hs-richtext a {
    color: #b3bdc3
}

.inquire-page .hbspt-form label {
    font-size: 14px
}

.inquire-page .hbspt-form textarea {
    height: 150px !important;
    line-height: 150% !important;
    padding-top: 15px !important
}

.inquire-page .hbspt-form .actions {
    text-align: center
}

.inquire-page .hbspt-form .btn-submit {
    font-size: 16px;
    height: 44px;
    width: 150px
}

.inquire-page .submitted-message {
    color: #ff160a;
    font-size: 32px
}

.inquire-page .select2-container {
    height: 44px;
    width: 100% !important
}

.inquire-page .select2-selection--single,.inquire-page .select2-selection__arrow {
    height: 44px !important
}

.inquire-page .select2-selection--single {
    border-radius: 2px !important
}

.inquire-page .select2-selection__rendered {
    line-height: 44px !important;
    padding-left: 15px !important;
    padding-right: 50px !important
}

.inquire-page .select2-selection__arrow {
    align-items: center;
    background-color: #ff160a;
    display: inline-flex;
    justify-content: center;
    right: 0 !important;
    top: 0 !important;
    width: 50px !important
}

.inquire-page .select2-selection__arrow b {
    border: 0 !important;
    font: normal normal normal 18px/1 FontAwesome;
    height: auto !important;
    left: inherit !important;
    margin: inherit !important;
    position: relative !important;
    top: inherit !important;
    width: auto !important
}

.inquire-page .select2-selection__arrow b::after {
    content: ""
}

.select2-dropdown {
    z-index: 1020 !important
}

.select2-results__options li:first-of-type {
    display: none !important
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 320px
}

.video-wrapper {
    width: 100%
}

.video {
    aspect-ratio: 16/9;
    width: 100%
}

.hero-area {
    background: radial-gradient(circle, #40404a 0%, #16161b 100%);
    color: #e9eff1;
    height: 100%;
    overflow: hidden;
    padding: 96px 0 64px;
    width: 100%
}

.hero-area__container {
    align-items: center;
    display: flex
}

@media only screen and (min-width: 1201px) {
    .hero-area__container {
        padding:0
    }
}

.hero-area__copy {
    align-items: center;
    display: flex;
    gap: 20px;
    width: 100%
}

@media only screen and (max-width: 992px) {
    .hero-area__copy {
        flex-direction:column
    }
}

.hero-area__page-title {
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 30px
}

@media only screen and (max-width: 480px) {
    .hero-area__page-title {
        font-size:38px;
        line-height: 40px
    }
}

.hero-area__page-lead {
    font-size: 24px;
    font-weight: normal;
    line-height: 29px;
    margin-bottom: 60px
}

@media only screen and (max-width: 480px) {
    .hero-area__page-lead {
        font-size:20px;
        line-height: 24px
    }
}

.hero-area__image {
    transform: translateX(-80px)
}

.enterprise-cta,.enterprise-content .dashboard-cta {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    min-width: 283px;
    padding: 15px 0;
    text-transform: capitalize
}

@media only screen and (max-width: 480px) {
    .enterprise-cta,.enterprise-content .dashboard-cta {
        font-size:14px
    }
}

.enterprise-cta+p,.enterprise-content .dashboard-cta+p {
    margin-bottom: 0;
    margin-top: 30px
}

.enterprise-content+.container,.inquire-page+.container {
    display: none
}

.footer {
    border-top: 0
}

.insights-post-link {
    color: #000
}

.insights-post-cover-img {
    aspect-ratio: 16/9;
    object-fit: cover
}

.pagination .page-item .page-link,.pagination .page-item:hover {
    color: var(--danger)
}

.pagination .page-item.active .page-link {
    border-color: var(--danger);
    background-color: var(--danger);
    color: var(--white)
}

.pagination .page-item.active .page-link:hover {
    color: var(--white)
}

.hero-disruption-index {
    height: 100%;
    width: 100%;
    background: radial-gradient(circle, #40404a 0%, #16161b 100%);
    overflow: hidden;
    color: #e9eff1
}

#disruption-button-tooltip {
    width: 15px;
    height: 15px;
    color: #616f77;
    border: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5xdWVzdGlvbiBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InF1ZXN0aW9uLWljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xOCwzNS41IEM4LjMzNTc1NzU4LDM1LjUgMC41LDI3LjY2NDI0MjQgMC41LDE4IEMwLjUsOC4zMzU3NTc1OCA4LjMzNTc1NzU4LDAuNSAxOCwwLjUgQzI3LjY2NDI0MjQsMC41IDM1LjUsOC4zMzU3NTc1OCAzNS41LDE4IEMzNS41LDI3LjY2NDI0MjQgMjcuNjY0MjQyNCwzNS41IDE4LDM1LjUgWiIgaWQ9IkZpbGwtMjciIGZpbGw9IiNGRjE2MEEiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTUuMzIyMDE0MSwxOS42OTE4NjA1IEMxNS4zMjIwMTQxLDE3LjY4NjA0NjUgMTYuNjcwOTYwMiwxNi43MjY3NDQyIDE3Ljc5NTA4MiwxNS44ODM3MjA5IEMxOC42NjYyNzYzLDE1LjI0NDE4NiAxOS40MjUwNTg1LDE0LjY5MTg2MDUgMTkuNDI1MDU4NSwxMy44MTk3Njc0IEMxOS40MjUwNTg1LDEyLjkxODYwNDcgMTguNzc4Njg4NSwxMi4xNjI3OTA3IDE3LjIzMzAyMTEsMTIuMTYyNzkwNyBDMTUuODI3ODY4OSwxMi4xNjI3OTA3IDE0LjY0NzU0MSwxMi44ODk1MzQ5IDEzLjc3NjM0NjYsMTMuOTY1MTE2MyBMMTEuNSwxMS4zMTk3Njc0IEMxMi45ODk0NjE0LDkuNTE3NDQxODYgMTUuMjM3NzA0OSw4LjUgMTcuNjU0NTY2Nyw4LjUgQzIxLjI3OTg1OTUsOC41IDIzLjUsMTAuMzg5NTM0OSAyMy41LDEzLjA5MzAyMzMgQzIzLjUsMTUuNTA1ODE0IDIxLjk4MjQzNTYsMTYuNjY4NjA0NyAyMC42NjE1OTI1LDE3LjYyNzkwNyBDMTkuNjc3OTg1OSwxOC4zODM3MjA5IDE4LjgwNjc5MTYsMTkuMDIzMjU1OCAxOC44MDY3OTE2LDIwLjA5ODgzNzIgQzE4LjgwNjc5MTYsMjAuNTYzOTUzNSAxOS4wMzE2MTU5LDIxLjA1ODEzOTUgMTkuMzEyNjQ2NCwyMS4zMTk3Njc0IEwxNi4yNDk0MTQ1LDIyLjI1IEMxNS42NTkyNTA2LDIxLjU4MTM5NTMgMTUuMzIyMDE0MSwyMC43MDkzMDIzIDE1LjMyMjAxNDEsMTkuNjkxODYwNSBaIE0xNS4zMjIwMTQxLDI2LjE0NTM0ODggQzE1LjMyMjAxNDEsMjQuODY2Mjc5MSAxNi4zNjE4MjY3LDIzLjc5MDY5NzcgMTcuNTk4MzYwNywyMy43OTA2OTc3IEMxOC44MzQ4OTQ2LDIzLjc5MDY5NzcgMTkuODc0NzA3MywyNC44NjYyNzkxIDE5Ljg3NDcwNzMsMjYuMTQ1MzQ4OCBDMTkuODc0NzA3MywyNy40MjQ0MTg2IDE4LjgzNDg5NDYsMjguNSAxNy41OTgzNjA3LDI4LjUgQzE2LjM2MTgyNjcsMjguNSAxNS4zMjIwMTQxLDI3LjQyNDQxODYgMTUuMzIyMDE0MSwyNi4xNDUzNDg4IFoiIGlkPSI/IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) #fff no-repeat center center
}

.page-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.page-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.table-report {
    width: 100%;
    color: #212529
}

.table-report td,.table th {
    padding: .75rem
}

.table-report th,.table td {
    padding-left: 10px
}

.table-report-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0,0,0,.05)
}

.score-color {
    color: #6c757d !important
}

.score-text {
    text-align: right !important
}

.category-table-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    padding-bottom: 1rem
}

.post-link {
    color: #000;
    display: flex
}

.post-card {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    -ms-flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem
}

.table-card {
    padding: .7rem !important;
    font-size: small
}

.post-size {
    height: 100px;
    width: 100px;
    object-fit: cover
}

.rank-change {
    font-size: 14px
}

.positive {
    color: #447b15
}

.negative {
    color: #e50039
}

@media(min-width: 992px) {
    .category-table-container {
        grid-template-columns:1fr 1fr
    }
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: .85em;
    background-color: #f0f2f4;
    padding: 0;
    color: #495156;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    text-align: start
}

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

@media only screen and (max-width: 480px) {
    .main-container {
        margin-top:0
    }
}

.text-danger {
    color: #ff160a !important
}

a,a>span.text-danger {
    transition: all .2s ease-in-out;
    color: #ff160a
}

a.grey-link {
    color: #bbb
}

a:hover,a>span.text-danger:hover,.tweet a.username:hover {
    text-decoration: none;
    color: #be160d !important
}

a.btn-dark:hover,a.btn-outline-dark:hover {
    color: #fff !important
}

a.grey-link:hover {
    color: #666 !important
}

.navbar.bg-dark,.main-navbar,.container-index-search,.footer {
    background-color: #23232c;
    color: #dadde7
}

.navbar.bg-dark {
    background-color: rgba(0,0,0,0)
}

.footer-title {
    color: #fff;
    font-size: 1.2em;
    font-weight: 500
}

p+.footer-title {
    margin-top: 10px
}

.navbar-dark .navbar-nav .nav-link {
    color: #d5d8e2;
    padding: .4rem 1rem
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff
}

.navbar-brand span {
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: -6px
}

span.red {
    color: #ed212d
}

#hero_search input,#bottom_search input,#hero_search input:focus,#bottom_search input:focus {
    border-color: #fff;
    padding: 15px 15px !important;
    height: 52px;
    border-end-end-radius: 0 !important;
    border-end-start-radius: .25rem !important;
    border-start-end-radius: 0 !important;
    border-start-start-radius: .25rem !important
}

#hero_search input:focus,#bottom_search input:focus,#hero_search input:hover,#bottom_search input:hover {
    color: #495057;
    background-color: #fff;
    border-color: #ff160a;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,22,10,.25)
}

#hero_search button,#bottom_search button {
    color: #fff;
    border-color: #ed212d;
    background-color: #ff160a;
    fill: #fff;
    padding: 5px 25px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-end-end-radius: .25rem !important;
    border-end-start-radius: 0 !important;
    border-start-end-radius: .25rem !important;
    border-start-start-radius: 0 !important
}

#hero_search button:hover,#bottom_search button:hover {
    box-shadow: 0 6px 6px rgba(0,0,0,.2),0 3px 3px rgba(0,0,0,.12) !important;
    background-color: #c82333;
    border-color: #bd2130
}

.footer {
    background-color: #23232c;
    margin-top: auto
}

.footer a {
    color: #dadde7
}

.footer a:hover,a.nav-link:hover,a.btn-danger:hover {
    color: #fff !important
}

.tweet .block {
    margin-left: 65px;
    margin-bottom: 10px
}

.tweet .updated {
    color: gray;
    font-size: 12px;
    margin-right: 10px
}

.tweet .username {
    font-weight: bold
}

.tweet a:hover {
    color: #000 !important
}

#sidebar h2,#sidebar h3 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

#sidebar p {
    margin-bottom: 0
}

.footer p {
    margin-bottom: .4rem
}

.footer p.lead {
    margin-bottom: .9rem;
    font-size: .9rem;
    font-weight: 500
}

.footer__nav {
    display: flex;
    justify-content: space-between
}

.footer__col {
    max-width: 165px
}

.btn {
    font-size: .85rem
}

.btn-dark {
    background-color: #626f77;
    border-color: #626f77;
    padding-top: .6rem;
    padding-bottom: .6rem;
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.25) !important
}

.btn-dark:hover {
    background-color: #495156;
    border-color: #495156
}

.breadcrumb {
    background-color: rgba(0,0,0,0);
    color: #ddd;
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0
}

.breadcrumb-item.active {
    color: #4c5458
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .2rem
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0
}

.btn-danger,.alert-danger {
    background: #ff160a;
    border-color: #ff160a
}

.alert-success {
    background: #29afbd;
    border-color: #29afbd
}

.alert-warning {
    background: #fcaf2d;
    border-color: #fcaf2d
}

#_evidon-link-text {
    color: #fff
}

.addthis {
    margin-top: 1rem;
    margin-right: 2rem
}

#hamburger-menu {
    color: #d5d8e2
}

.navbar-toggler:focus,#hamburger-menu:focus {
    outline: 0;
    color: #fff
}

h1.page-header,h2.page-header,.page-header {
    font-size: 1.2rem;
    line-height: 1rem;
    font-weight: 500;
    margin-bottom: 1rem
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    transition: all .2s ease-in-out;
    background-color: #fff
}

.shadow-sm:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.1) !important
}

.btn {
    transition: all .2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important
}

.btn:hover {
    box-shadow: 0 6px 6px rgba(0,0,0,.2),0 3px 3px rgba(0,0,0,.12) !important
}

@media(max-width: 576px) {
    .mobile-leaderboard-spacer {
        padding:0 15px 110px
    }

    [dir=rtl] #countries-dropdown,[dir=rtl] #categories-dropdown {
        right: 0
    }

    [dir=ltr] #countries-dropdown,[dir=ltr] #categories-dropdown {
        left: 0
    }

    .nav-item {
        margin: .5rem .75rem
    }

    .nav-item {
        margin-left: 0
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0
    }

    .footer__nav {
        flex-direction: column
    }

    .footer__col {
        max-width: 100%;
        margin-bottom: 1rem;
        padding: 0 15px
    }
}

@media(min-width: 992px) {
    .ad.leaderboard {
        min-height:90px
    }
}

.color-success {
    color: #29afbd;
    fill: #29afbd
}

.color-danger {
    color: #ff160a
}

.color-warning {
    color: #fbaf17
}

.text-danger,.trending-up {
    color: #ff160a !important
}

#dd-communicate .border {
    font-size: .7rem;
    border: 1px solid #ff160a !important;
    border-radius: 2px;
    background-color: #f8f9fb
}

#dd-communicate span {
    font-weight: .75rem
}

.modal-content .modal-header {
    border-color: #e9eff1
}

.rating .yellow {
    color: #ffb00a
}

.rating .grey {
    color: #616f77
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center
}

.container-index-search {
    background: radial-gradient(circle 590px, #4b4b58 0%, #23232c 70%);
    padding-top: 80px;
    margin-top: 0 !important
}

.container-index-search h1 {
    color: #fff
}

.container-index-search .lead {
    font-weight: 400;
    font-size: 1.6rem;
    color: #d7dde0
}

.container-index-search .lead,.container-index-search .input-group {
    max-width: 680px;
    min-width: 480px
}

#ad-mobileleaderboard {
    display: none
}

.header .navbar-nav {
    margin-inline-start:auto;text-align: start
}

@media(max-width: 576px) {
    .container-index-search {
        background:linear-gradient(0deg, #4b4b58 0%, #23232c 70%)
    }

    h1 {
        font-size: 1.7rem;
        letter-spacing: .05rem
    }

    .header {
        background-color: #23232c
    }

    .container-index-search .lead {
        min-width: fit-content;
        font-size: 1.5rem;
        letter-spacing: .05rem
    }

    .form-group.has-feedback {
        background-color: #23232c;
        border: 0px
    }

    #ad-leaderboard {
        background-color: #fff;
        bottom: 0;
        margin-bottom: 0 !important;
        position: fixed;
        text-align: center;
        z-index: 2000;
        min-height: 90px
    }

    #ad-mobileleaderboard {
        display: block
    }
}

@media(min-height: 933px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:155px !important
    }
}

@media screen and (min-height: 915px)and (max-height: 932px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:135px !important
    }
}

@media screen and (min-height: 844px)and (max-height: 914px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:125px !important
    }
}

@media screen and (min-height: 801px)and (max-height: 843px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:115px !important
    }
}

@media(max-height: 800px)and (max-width: 576px) {
    #ad-leaderboard {
        min-height:50px !important
    }
}

#top10_container img {
    max-width: none;
    max-height: 25px
}

@media(max-width: 1199px) {
    #top10_container img {
        max-width:140px
    }
}

@media(max-width: 991px) {
    #top10_container img {
        max-width:80px
    }

    .navbar-nav {
        background-color: #23232c
    }

    .menu_search_container {
        padding-top: 6px
    }

    [dir=rtl] .menu_search_container {
        left: 45px
    }

    [dir=ltr] .menu_search_container {
        right: 45px
    }
}

@media(max-width: 768px) {
    #top10_container img {
        max-width:none
    }

    .container-index-search .lead {
        font-weight: 300;
        font-size: 1rem
    }
}

#top10_container .rank {
    width: 50px
}

.rating p {
    direction: ltr;
    font-size: 14px
}

#rating .spinner {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.rating>span {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    cursor: pointer;
    color: #616f77
}

.rating>span a {
    text-decoration: none;
    color: #08c
}

.rating>span:hover::before,.rating>span:hover~span::before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    color: #ff160a;
    fill: #ff160a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzAgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdGFyPC90aXRsZT4KICAgIDxnIGlkPSJzdGFyIj4KICAgICAgICA8cGF0aCBkPSJNMTUuNDQ0ODk0OCwwLjI4NjAwMDU2OSBMMTkuNzA0MjI4Nyw5LjQwNzUxMjA2IEwyOS41NzA4NTAzLDEwLjY5ODk2MzUgQzI5Ljk4MTc1MDcsMTAuNzUyMzUwMyAzMC4xNDcxMTMxLDExLjI2OTY5MzUgMjkuODQ1MjAxNSwxMS41NTgyMzYzIEwyMi42MTE4NTA0LDE4LjQ4NzA3NjggTDI0LjQ0OTYyNzcsMjguNDA2ODQ3NyBDMjQuNTI3Mjk3OSwyOC44MjEyMzA3IDI0LjA5NTEwMDgsMjkuMTM5MDA5MSAyMy43MzA1NTE5LDI4LjkzODE3MzIgTDE1LjAwMDE3MDMsMjQuMDk3NzcyNCBMNi4yNjk3ODg2MSwyOC45MzgxNzMyIEM1LjkwNTIzOTc0LDI5LjEzOTAwOTEgNS40NzQyOTUzOCwyOC44MjEyMzA3IDUuNTUwNzEyODQsMjguNDA2ODQ3NyBMNy4zODg0OTAxMiwxOC40ODcwNzY4IEwwLjE1Mzg4NjI5LDExLjU1ODIzNjMgQy0wLjE0Njc3MjU3LDExLjI2OTY5MzUgMC4wMTg1ODk4MDMsMTAuNzUyMzUwMyAwLjQyOTQ5MDI0NiwxMC42OTg5NjM1IEwxMC4yOTYxMTE4LDkuNDA3NTEyMDYgTDE0LjU1NTQ0NTcsMC4yODYwMDA1NjkgQzE0LjczMzMzNTUsLTAuMDk1MzMzNTIzMSAxNS4yNjcwMDUsLTAuMDk1MzMzNTIzMSAxNS40NDQ4OTQ4LDAuMjg2MDAwNTY5IiBmaWxsPSIjRkYxNjBBIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) 0 0 no-repeat rgba(0,0,0,0)
}

.rating>span.voted,.rating>span.voted::before {
    color: #29afbd
}

.container-index-search .search-query {
    font-size: .8rem
}

input#search {
    border: 0
}

.footer {
    background-color: #23232c
}

.footer a {
    color: #dadde7
}

.footer p {
    margin-bottom: .4rem
}

.footer p.lead {
    margin-bottom: .9rem;
    font-size: .9rem;
    font-weight: 500
}

.btn {
    font-size: .85rem
}

.btn-dark {
    background-color: #626f77;
    border-color: #626f77;
    padding-top: .6rem;
    padding-bottom: .6rem;
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.25) !important
}

.breadcrumb {
    background-color: rgba(0,0,0,0);
    color: #ddd;
    font-size: .8rem;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 0
}

.breadcrumb-item.active {
    color: #4c5458
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .2rem
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0
}

.btn-danger,.alert-danger {
    background: #fa211f;
    border-color: #fa211f
}

.alert-success {
    background: #29afbd;
    border-color: #29afbd
}

.alert-warning {
    background: #fcaf2d;
    border-color: #fcaf2d
}

#_evidon-link-text {
    color: #fff
}

.addthis {
    margin-top: 1rem;
    margin-right: 2rem
}

.ad.leaderboard {
    background: rgba(0,0,0,0)
}

.hero-about-us {
    height: 100%;
    width: 100%;
    background: radial-gradient(circle, #40404a 0%, #16161b 100%);
    overflow: hidden;
    color: #e9eff1
}

.insights-post p img {
    max-width: 100%
}

#post_body_wrapper,#post_header_wrapper {
    background: #fff;
    color: #000;
    font-family: proxima-nova,sans-serif;
    font-size: 16px;
    line-height: 1.9
}

#post_header_wrapper h1,#post_body_wrapper h2,#post_body_wrapper h3 {
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-weight: 800;
    line-height: 1.2;
    color: #333
}

#post_body_wrapper p {
    margin-top: 1rem;
    margin-bottom: 3rem
}

#post_body_wrapper p img {
    display: block;
    max-width: 100%;
    height: auto
}

#post_body_wrapper .tag-cloud a {
    background: #5e5f73;
    color: #fff;
    padding: 2px 9px;
    font-size: 13px;
    font-weight: 600 !important;
    margin: 0 4px 5px 0;
    display: inline-block
}

#post_body_wrapper .tag-cloud a:hover {
    background-color: #0077c3;
    color: #fff !important
}

.btn-submit-problem {
    background-image: linear-gradient(rgb(255, 49, 24) 0%, rgb(216, 25, 9) 51.22%, rgb(191, 10, 0) 100%);
    font-size: .9rem;
    font-weight: 500
}

#baseline_info_btn {
    position: absolute;
    width: 25px;
    height: 25px;
    color: #616f77;
    border: 0px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5xdWVzdGlvbiBpY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InF1ZXN0aW9uLWljb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xOCwzNS41IEM4LjMzNTc1NzU4LDM1LjUgMC41LDI3LjY2NDI0MjQgMC41LDE4IEMwLjUsOC4zMzU3NTc1OCA4LjMzNTc1NzU4LDAuNSAxOCwwLjUgQzI3LjY2NDI0MjQsMC41IDM1LjUsOC4zMzU3NTc1OCAzNS41LDE4IEMzNS41LDI3LjY2NDI0MjQgMjcuNjY0MjQyNCwzNS41IDE4LDM1LjUgWiIgaWQ9IkZpbGwtMjciIGZpbGw9IiNGRjE2MEEiPjwvcGF0aD4KICAgICAgICA8cGF0aCBkPSJNMTUuMzIyMDE0MSwxOS42OTE4NjA1IEMxNS4zMjIwMTQxLDE3LjY4NjA0NjUgMTYuNjcwOTYwMiwxNi43MjY3NDQyIDE3Ljc5NTA4MiwxNS44ODM3MjA5IEMxOC42NjYyNzYzLDE1LjI0NDE4NiAxOS40MjUwNTg1LDE0LjY5MTg2MDUgMTkuNDI1MDU4NSwxMy44MTk3Njc0IEMxOS40MjUwNTg1LDEyLjkxODYwNDcgMTguNzc4Njg4NSwxMi4xNjI3OTA3IDE3LjIzMzAyMTEsMTIuMTYyNzkwNyBDMTUuODI3ODY4OSwxMi4xNjI3OTA3IDE0LjY0NzU0MSwxMi44ODk1MzQ5IDEzLjc3NjM0NjYsMTMuOTY1MTE2MyBMMTEuNSwxMS4zMTk3Njc0IEMxMi45ODk0NjE0LDkuNTE3NDQxODYgMTUuMjM3NzA0OSw4LjUgMTcuNjU0NTY2Nyw4LjUgQzIxLjI3OTg1OTUsOC41IDIzLjUsMTAuMzg5NTM0OSAyMy41LDEzLjA5MzAyMzMgQzIzLjUsMTUuNTA1ODE0IDIxLjk4MjQzNTYsMTYuNjY4NjA0NyAyMC42NjE1OTI1LDE3LjYyNzkwNyBDMTkuNjc3OTg1OSwxOC4zODM3MjA5IDE4LjgwNjc5MTYsMTkuMDIzMjU1OCAxOC44MDY3OTE2LDIwLjA5ODgzNzIgQzE4LjgwNjc5MTYsMjAuNTYzOTUzNSAxOS4wMzE2MTU5LDIxLjA1ODEzOTUgMTkuMzEyNjQ2NCwyMS4zMTk3Njc0IEwxNi4yNDk0MTQ1LDIyLjI1IEMxNS42NTkyNTA2LDIxLjU4MTM5NTMgMTUuMzIyMDE0MSwyMC43MDkzMDIzIDE1LjMyMjAxNDEsMTkuNjkxODYwNSBaIE0xNS4zMjIwMTQxLDI2LjE0NTM0ODggQzE1LjMyMjAxNDEsMjQuODY2Mjc5MSAxNi4zNjE4MjY3LDIzLjc5MDY5NzcgMTcuNTk4MzYwNywyMy43OTA2OTc3IEMxOC44MzQ4OTQ2LDIzLjc5MDY5NzcgMTkuODc0NzA3MywyNC44NjYyNzkxIDE5Ljg3NDcwNzMsMjYuMTQ1MzQ4OCBDMTkuODc0NzA3MywyNy40MjQ0MTg2IDE4LjgzNDg5NDYsMjguNSAxNy41OTgzNjA3LDI4LjUgQzE2LjM2MTgyNjcsMjguNSAxNS4zMjIwMTQxLDI3LjQyNDQxODYgMTUuMzIyMDE0MSwyNi4xNDUzNDg4IFoiIGlkPSI/IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==) #fff no-repeat center center;
    background-size: 15px 15px;
    bottom: 49px;
    left: 8px
}

.indicatorChart {
    position: relative
}

.indicatorChart_percentage {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold
}

.indicatorChart_name {
    margin-top: 5px
}

.top-indicator-button {
    background-color: #ff160a;
    border: 1px solid #ff160a;
    color: #fff;
    margin-right: 5px
}

.top-indicator-button:hover {
    background-color: #ff160a;
    border: 1px solid #ff160a;
    color: #fff !important
}

.btn.top-indicator-button-other {
    color: #616f77 !important;
    border: 1px solid #495156
}

.category-navbar-container {
    display: flex;
    justify-content: center;
    background-color: #000
}

@media only screen and (max-width: 480px) {
    .category-navbar-container {
        display:none !important
    }
}

.category-navbar-nav {
    flex-direction: row;
    background-color: #000
}

.nav-link.category-nav-link {
    color: #d5d8e2;
    font-size: 11pt
}

.category-pages-center {
    margin: 50px
}

.category-pages-description {
    margin-top: 50px
}

.companies .wrapper {
    height: 100px;
    line-height: 100px;
}