body.page-id-56800 .solutions .bordered-grid__item .bordered-grid__text-container img {
    margin-top: 0;
    margin-bottom: 5px
}

body.page-id-56800 .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-id-56800 .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-id-56800 .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-id-56800 .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-id-56800 span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-id-56800 span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-id-56800 span.pink {
    color: #f54da5
}

body.page-id-56800 span.blue {
    color: #19bede
}

body.page-id-56800 span.orange {
    color: #f9903f
}

body.page-id-56800 span.purple {
    color: #9d54fd
}

body.page-id-56800 .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-id-56800 .button-main__link--action {
    margin: 0 auto
}

body.page-id-56800 .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-id-56800 .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-id-56800 .odin-navbar-nav .nav-item:last-child {
    background-color: #75bc52;
    color: #fff
}

body.page-id-56800 .odin-navbar-nav .nav-item:last-child:hover {
    background-color: #528b36 !important
}

body.page-id-56800 .odin-navbar .nav-item.active, body.page-id-56800 .odin-navbar .nav-item:hover {
    background-color: #fff
}

body.page-id-56800 .navbar-scrolled .nav-item.active, body.page-id-56800 .navbar-scrolled .nav-item:hover {
    background-color: rgba(0, 0, 0, .05)
}

body.page-id-56800 .button-main__link--green {
    background-color: #75bf2a
}

body.page-id-56800 .button-main__link--green:hover {
    background-color: #63a91c
}

body.page-id-56800 .odin-navbar-brand img {
    margin-top: 0
}

body.page-id-56800 .page-general {
    max-width: 1035px;
    text-align: left
}

@media (max-width: 768px) {
    body.page-id-56800 .page-general {
        text-align: center
    }

    body.page-id-56800 .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-id-56800 .page-general.heading {
    text-align: center;
    color: #111
}

body.page-id-56800 .odin-navbar-nav .nav-link {
    font-size: 18px
}

body.page-id-56800 .bordered-grid__item:last-child {
    border-bottom: 0
}

body.page-id-56800 .bordered-grid__item .bordered-grid__item-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    padding: 0;
    position: relative;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

body.page-id-56800 .bordered-grid__item .bordered-grid__item-container .image img {
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    margin-top: 0;
    margin-bottom: 0
}

body.page-id-56800 .bordered-grid__item .bordered-grid__text-container {
    padding: 30px 50px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px
}

body.page-id-56800 .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #30404d;
    color: #e5e0ee
}

body.page-id-56800 .footer .giveUsACall .giveUsACallButton a {
    background: #ffac77;
    background: -webkit-gradient(linear, left top, right top, from(#ffac77), color-stop(31%, #e26bcf), to(#ff1e66));
    background: -webkit-linear-gradient(left, #ffac77, #e26bcf 31%, #ff1e66);
    background: -moz-linear-gradient(left, #ffac77 0, #e26bcf 31%, #ff1e66 100%);
    background: -o-linear-gradient(left, #ffac77 0, #e26bcf 31%, #ff1e66 100%);
    background: linear-gradient(90deg, #ffac77, #e26bcf 31%, #ff1e66)
}

body.page-id-56800 .footer:before {
    position: absolute;
    width: 640px;
    height: 480px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-suite.svg) no-repeat;
    top: -400px;
    z-index: -1;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    right: 0
}

@media (max-width: 1200px) {
    body.page-id-56800 .footer:before {
        display: none
    }
}

body.page-id-56800 .footer #menu-odin-suite-footer-column-3 {
    width: 100%
}

body.page-id-56800 .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-id-56800 .footer .subTitle {
    line-height: 26px;
    margin-bottom: 20px
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column {
    width: 200px
}

@media (max-width: 1200px) {
    body.page-id-56800 .footer .footer__nav--platform .footer__nav-column {
        width: 160px
    }
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column.suite {
    margin-right: 80px;
    border-right: 2px solid rgba(0, 0, 0, .05);
    -webkit-box-shadow: 2px 0 #45535e;
    -moz-box-shadow: 2px 0 #45535e;
    box-shadow: 2px 0 #45535e;
    padding-right: 80px;
    width: 450px
}

@media (max-width: 1200px) {
    body.page-id-56800 .footer .footer__nav--platform .footer__nav-column.suite {
        width: 450px;
        padding-right: 40px;
        margin-right: 40px
    }
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column:nth-child(2) {
    border-right: 0;
    padding: 0;
    margin: 0
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border-right: 0;
    padding: 0;
    margin: 0;
    border-left: 0
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column:nth-child(4) {
    margin-left: 0
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column .widget {
    margin-bottom: 0
}

body.page-id-56800 .footer a:hover {
    color: #fff
}

body.page-id-56800 .footer .footer__nav {
    margin-top: 0
}

body.page-id-56800 .footer .footer__character {
    display: none
}

body.page-id-56800 .footer .footer__app-icon-item {
    display: block;
    max-width: 121px;
    margin: 5px 0 11px
}

@media (max-width: 768px) {
    body.page-id-56800 .footer .footer__app-icon-item {
        max-width: 180px;
        margin: 10px 0
    }
}

body.page-id-56800 .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-id-56800 .footer .footer__nav-column {
    position: relative
}

@media (max-width: 768px) {
    body.page-id-56800 .footer .footer__nav-column {
        text-align: left
    }
}

body.page-id-56800 .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2) {
    margin-top: 0
}

body.page-id-56800 .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-id-56800 .footer .odin-navbar-brand .navbar-title, body.page-id-56800 .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-id-56800 .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px
    }
}

@media (max-width: 768px) {
    body.page-id-56800 .footer .odin-navbar-brand .navbar-title {
        font-size: 20px
    }
}

body.page-id-56800 .footer .odin-navbar-brand img {
    height: 16px;
    position: absolute;
    left: -22px;
    top: 3px
}

@media (max-width: 768px) {
    body.page-id-56800 .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-id-56800 .footer #nav_menu-7 {
    margin-top: 0
}

body.page-id-56800 .footer #nav_menu-7 h3 {
    display: none
}

body.page-id-56800 .footerBottom .footer__legal, body.page-id-56800 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-id-56800 .footerBottom .footer__legal a {
    color: #fff
}

body.page-id-56800 .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-id-56800 .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-id-56800 .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-id-56800 .section__welcome__store-buttons {
        display: none
    }
}

body.page-id-56800 .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-id-56800 .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-id-56800 .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

body.page-id-56800 .generalFlexible .page-general {
    max-width: 100%;
    text-align: center
}

body.page-template-page-newsroom .bordered-grid__item-container img {
    max-width: 180px;
    margin-top: 90px
}

body.page-id-40596, body.page-id-40668 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif
}

@media (max-width: 768px) {
    body.page-id-40596, body.page-id-40668 {
        background-position: 0 0
    }
}

body.page-id-40596 video, body.page-id-40668 video {
    margin-top: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    max-width: 75%
}

body.page-id-40596 .alternatives-table, body.page-id-40668 .alternatives-table {
    width: 70%
}

@media (max-width: 992px) and (max-width: 768px) {
    body.page-id-40596 .alternatives-table, body.page-id-40668 .alternatives-table {
        width: 100%
    }
}

body.page-id-40596 .alternatives-table td, body.page-id-40668 .alternatives-table td {
    border-bottom: 1px solid #c7dae9;
    color: #111;
    padding: 15px 0 5px;
    position: relative;
    width: 25%
}

body.page-id-40596 .alternatives-table td:first-child, body.page-id-40668 .alternatives-table td:first-child {
    width: 50%
}

body.page-id-40596 .alternatives-table th, body.page-id-40668 .alternatives-table th {
    border-bottom: 0;
    padding: 15px 0 5px;
    border-bottom: 1px solid #c7dae9;
    width: 25%
}

body.page-id-40596 .alternatives-table th:first-child, body.page-id-40668 .alternatives-table th:first-child {
    width: 50%
}

body.page-id-40596 .alternatives-table th img, body.page-id-40668 .alternatives-table th img {
    width: 40px
}

@media (max-width: 768px) {
    body.page-id-40596 .alternatives-table th, body.page-id-40668 .alternatives-table th {
        width: 33%
    }
}

body.page-id-40596 .alternatives-table .bordered-grid__label-container, body.page-id-40668 .alternatives-table .bordered-grid__label-container {
    margin: 0;
    display: inline-block
}

@media (max-width: 992px) {
    body.page-id-40596 .alternatives-table .bordered-grid__label-plus, body.page-id-40668 .alternatives-table .bordered-grid__label-plus {
        margin-left: 5px
    }
}

body.page-id-40596 .alternatives-table .bordered-grid__label-business, body.page-id-40668 .alternatives-table .bordered-grid__label-business {
    cursor: pointer;
    padding: 1px 4px;
    max-height: 30px;
    margin-bottom: 20px;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #013463;
    color: #013463
}

@media (max-width: 992px) {
    body.page-id-40596 .alternatives-table .bordered-grid__label-business, body.page-id-40668 .alternatives-table .bordered-grid__label-business {
        margin-left: 5px
    }
}

body.page-id-40596 .page-general, body.page-id-40668 .page-general {
    max-width: 1170px !important;
    text-align: left
}

body.page-id-40596 .page-general .container, body.page-id-40668 .page-general .container {
    text-align: center
}

body.page-id-40596 .page-general .container h1, body.page-id-40668 .page-general .container h1 {
    font-size: 5rem
}

@media (max-width: 992px) {
    body.page-id-40596 .page-general .container h1, body.page-id-40668 .page-general .container h1 {
        font-size: 2.5rem
    }
}

@media (max-width: 768px) {
    body.page-id-40596 .page-general, body.page-id-40668 .page-general {
        text-align: center
    }

    body.page-id-40596 .page-general .col-md-6, body.page-id-40668 .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-id-40596 .page-general h1, body.page-id-40668 .page-general h1 {
    font-size: 6rem;
    margin-bottom: .7rem
}

@media (max-width: 992px) {
    body.page-id-40596 .page-general h1, body.page-id-40668 .page-general h1 {
        font-size: 3rem
    }
}

body.page-id-40596 .page-general h2, body.page-id-40668 .page-general h2 {
    line-height: 1.2;
    font-size: 35px;
    margin-bottom: 2rem;
    margin-top: 0;
    font-weight: 300
}

@media (max-width: 992px) {
    body.page-id-40596 .page-general h2, body.page-id-40668 .page-general h2 {
        font-size: 33px
    }
}

@media (max-width: 768px) {
    body.page-id-40596 .page-general h2, body.page-id-40668 .page-general h2 {
        margin-bottom: 2rem;
        font-size: 25px
    }
}

body.page-id-40596 .page-general h3, body.page-id-40668 .page-general h3 {
    font-size: 46px;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 7px
}

@media (max-width: 768px) {
    body.page-id-40596 .page-general h3, body.page-id-40668 .page-general h3 {
        font-size: 33px
    }
}

body.page-id-40596 .page-general.heading, body.page-id-40668 .page-general.heading {
    text-align: center;
    color: #111
}

body.page-template-page-apps-chat, body.page-template-page-features-chat, body.page-template-page-pricing-chat, body.page-template-page-roadmap-chat, body.page-template-template-odin-chat {
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    background-position: top
}

body.page-template-page-apps-chat ::-moz-selection, body.page-template-page-features-chat ::-moz-selection, body.page-template-page-pricing-chat ::-moz-selection, body.page-template-page-roadmap-chat ::-moz-selection, body.page-template-template-odin-chat ::-moz-selection {
    color: #fff;
    background-image: #1ed7c2
}

body.page-template-page-apps-chat ::selection, body.page-template-page-features-chat ::selection, body.page-template-page-pricing-chat ::selection, body.page-template-page-roadmap-chat ::selection, body.page-template-template-odin-chat ::selection {
    color: #fff;
    background: #1ed7c2
}

body.page-template-page-apps-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-apps-chat .odin-navbar-collapse li:hover > a, body.page-template-page-features-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-chat .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-chat .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-chat .odin-navbar-collapse li:hover > a, body.page-template-template-odin-chat .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-chat .odin-navbar-collapse li:hover > a {
    background-color: #d5ebff5e
}

body.page-template-page-apps-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .current-menu-item a:hover {
    background-color: #bbd9f55e
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-apps-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-apps-chat .odin-navbar-collapse li:hover > a, body.page-template-page-features-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-chat .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-chat .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse li:hover > a, body.page-template-template-odin-chat .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-chat .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-chat .odin-navbar-collapse li:hover > a {
        background-color: transparent
    }
}

body.page-template-page-apps-chat #scene, body.page-template-page-features-chat #scene, body.page-template-page-pricing-chat #scene, body.page-template-page-roadmap-chat #scene, body.page-template-template-odin-chat #scene {
    position: absolute !important;
    width: 100%;
    top: 0;
    overflow: hidden;
    height: 1330px
}

body.page-template-page-apps-chat .landing-bg-l, body.page-template-page-features-chat .landing-bg-l, body.page-template-page-pricing-chat .landing-bg-l, body.page-template-page-roadmap-chat .landing-bg-l, body.page-template-template-odin-chat .landing-bg-l {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-chat-left.svg) no-repeat;
    width: 688px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    left: -25px !important;
    top: -15px !important;
    height: 800px
}

@media (max-width: 1100px) {
    body.page-template-page-apps-chat .landing-bg-l, body.page-template-page-features-chat .landing-bg-l, body.page-template-page-pricing-chat .landing-bg-l, body.page-template-page-roadmap-chat .landing-bg-l, body.page-template-template-odin-chat .landing-bg-l {
        width: 800px
    }
}

@media (max-width: 810px) {
    body.page-template-page-apps-chat .landing-bg-l, body.page-template-page-features-chat .landing-bg-l, body.page-template-page-pricing-chat .landing-bg-l, body.page-template-page-roadmap-chat .landing-bg-l, body.page-template-template-odin-chat .landing-bg-l {
        width: 320px
    }
}

body.page-template-page-apps-chat .landing-bg-r, body.page-template-page-features-chat .landing-bg-r, body.page-template-page-pricing-chat .landing-bg-r, body.page-template-page-roadmap-chat .landing-bg-r, body.page-template-template-odin-chat .landing-bg-r {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-chat-right.svg) no-repeat;
    width: 421px;
    top: -130px !important;
    left: auto !important;
    right: -25px !important;
    height: 810px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .landing-bg-r, body.page-template-page-features-chat .landing-bg-r, body.page-template-page-pricing-chat .landing-bg-r, body.page-template-page-roadmap-chat .landing-bg-r, body.page-template-template-odin-chat .landing-bg-r {
        display: none !important
    }
}

body.page-template-page-apps-chat:before, body.page-template-page-features-chat:before, body.page-template-page-pricing-chat:before, body.page-template-page-roadmap-chat:before, body.page-template-template-odin-chat:before {
    display: none;
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-chat-left.svg) no-repeat;
    width: 430px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    top: 0
}

@media (max-width: 800px) {
    body.page-template-page-apps-chat:before, body.page-template-page-features-chat:before, body.page-template-page-pricing-chat:before, body.page-template-page-roadmap-chat:before, body.page-template-template-odin-chat:before {
        left: 0;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        top: 0;
        width: 100%;
        height: 940px
    }
}

body.page-template-page-apps-chat:after, body.page-template-page-features-chat:after, body.page-template-page-pricing-chat:after, body.page-template-page-roadmap-chat:after, body.page-template-template-odin-chat:after {
    display: none;
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-chat-right.svg) no-repeat;
    width: 430px;
    left: auto;
    top: -260px;
    right: 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat:after, body.page-template-page-features-chat:after, body.page-template-page-pricing-chat:after, body.page-template-page-roadmap-chat:after, body.page-template-template-odin-chat:after {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat, body.page-template-page-features-chat, body.page-template-page-pricing-chat, body.page-template-page-roadmap-chat, body.page-template-template-odin-chat {
        background-position: 0 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .container .row .col-lg-3:last-child .pricing-grid__item-footer, body.page-template-page-features-chat .container .row .col-lg-3:last-child .pricing-grid__item-footer, body.page-template-page-pricing-chat .container .row .col-lg-3:last-child .pricing-grid__item-footer, body.page-template-page-roadmap-chat .container .row .col-lg-3:last-child .pricing-grid__item-footer, body.page-template-template-odin-chat .container .row .col-lg-3:last-child .pricing-grid__item-footer {
        width: 70%
    }
}

body.page-template-page-apps-chat .odin-navbar-collapse li.sign-up a:after, body.page-template-page-features-chat .odin-navbar-collapse li.sign-up a:after, body.page-template-page-pricing-chat .odin-navbar-collapse li.sign-up a:after, body.page-template-page-roadmap-chat .odin-navbar-collapse li.sign-up a:after, body.page-template-template-odin-chat .odin-navbar-collapse li.sign-up a:after {
    display: none
}

body.page-template-page-apps-chat .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-features-chat .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-pricing-chat .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-roadmap-chat .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-odin-chat .odin-navbar-collapse li.sign-up:hover > a {
    background-color: #007aff1a
}

body.page-template-page-apps-chat .odin-navbar--chat, body.page-template-page-features-chat .odin-navbar--chat, body.page-template-page-pricing-chat .odin-navbar--chat, body.page-template-page-roadmap-chat .odin-navbar--chat, body.page-template-template-odin-chat .odin-navbar--chat {
    border-bottom: 0
}

body.page-template-page-apps-chat .comingSoon, body.page-template-page-features-chat .comingSoon, body.page-template-page-pricing-chat .comingSoon, body.page-template-page-roadmap-chat .comingSoon, body.page-template-template-odin-chat .comingSoon {
    display: block;
    width: 160px;
    margin: 0 auto;
    padding: 10px 5px;
    font-size: 16px;
    background: #2f6fe1;
    background: -webkit-linear-gradient(10deg, #2f6fe1, #ea90e1 67%, #fca9c0);
    background: -moz-linear-gradient(10deg, #2f6fe1 0, #ea90e1 67%, #fca9c0 100%);
    background: -o-linear-gradient(10deg, #2f6fe1 0, #ea90e1 67%, #fca9c0 100%);
    background: -moz-linear-gradient(10deg, #2f6fe1, #ea90e1 67%, #fca9c0);
    background: -o-linear-gradient(10deg, #2f6fe1, #ea90e1 67%, #fca9c0);
    background: linear-gradient(80deg, #2f6fe1, #ea90e1 67%, #fca9c0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 20px;
    margin-bottom: 20px;
    color: #fff
}

body.page-template-page-apps-chat video, body.page-template-page-features-chat video, body.page-template-page-pricing-chat video, body.page-template-page-roadmap-chat video, body.page-template-template-odin-chat video {
    width: 45%
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat video, body.page-template-page-features-chat video, body.page-template-page-pricing-chat video, body.page-template-page-roadmap-chat video, body.page-template-template-odin-chat video {
        width: 70%;
        margin-bottom: 20px
    }
}

body.page-template-page-apps-chat video.movie, body.page-template-page-features-chat video.movie, body.page-template-page-pricing-chat video.movie, body.page-template-page-roadmap-chat video.movie, body.page-template-template-odin-chat video.movie {
    -webkit-mask-image: url(https://odin.com/wp-content/themes/odin-com/img/video/movie-mask.png);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

body.page-template-page-apps-chat .heroScreen, body.page-template-page-features-chat .heroScreen, body.page-template-page-pricing-chat .heroScreen, body.page-template-page-roadmap-chat .heroScreen, body.page-template-template-odin-chat .heroScreen {
    margin-top: -20px;
    width: 40%;
    background-image: url(https://odin.com/wp-content/themes/odin-com/img/chat/chat-hero-mask.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .heroScreen, body.page-template-page-features-chat .heroScreen, body.page-template-page-pricing-chat .heroScreen, body.page-template-page-roadmap-chat .heroScreen, body.page-template-template-odin-chat .heroScreen {
        width: 70%;
        margin-bottom: 20px
    }
}

body.page-template-page-apps-chat .filterOption .options, body.page-template-page-features-chat .filterOption .options, body.page-template-page-pricing-chat .filterOption .options, body.page-template-page-roadmap-chat .filterOption .options, body.page-template-template-odin-chat .filterOption .options {
    background: #f2f9ff
}

body.page-template-page-apps-chat .section__welcome img, body.page-template-page-features-chat .section__welcome img, body.page-template-page-pricing-chat .section__welcome img, body.page-template-page-roadmap-chat .section__welcome img, body.page-template-template-odin-chat .section__welcome img {
    max-width: 100%;
    margin: 50px 0
}

body.page-template-page-apps-chat .odin-navbar--chat.navbar-scrolled, body.page-template-page-features-chat .odin-navbar--chat.navbar-scrolled, body.page-template-page-pricing-chat .odin-navbar--chat.navbar-scrolled, body.page-template-page-roadmap-chat .odin-navbar--chat.navbar-scrolled, body.page-template-template-odin-chat .odin-navbar--chat.navbar-scrolled {
    border-bottom: 0
}

body.page-template-page-apps-chat .odin-navbar--chat.navbar-scrolled .odin-navbar__main-menu, body.page-template-page-features-chat .odin-navbar--chat.navbar-scrolled .odin-navbar__main-menu, body.page-template-page-pricing-chat .odin-navbar--chat.navbar-scrolled .odin-navbar__main-menu, body.page-template-page-roadmap-chat .odin-navbar--chat.navbar-scrolled .odin-navbar__main-menu, body.page-template-template-odin-chat .odin-navbar--chat.navbar-scrolled .odin-navbar__main-menu {
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0 10px 40px 0 rgba(47, 47, 47, .1);
    -moz-box-shadow: 0 10px 40px 0 rgba(47, 47, 47, .1);
    box-shadow: 0 10px 40px 0 rgba(47, 47, 47, .1)
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .footer .giveUsACall, body.page-template-page-features-chat .footer .giveUsACall, body.page-template-page-pricing-chat .footer .giveUsACall, body.page-template-page-roadmap-chat .footer .giveUsACall, body.page-template-template-odin-chat .footer .giveUsACall {
        margin: 0
    }

    body.page-template-page-apps-chat .footer__nav, body.page-template-page-apps-chat .footerBottom .wpml-ls, body.page-template-page-features-chat .footer__nav, body.page-template-page-features-chat .footerBottom .wpml-ls, body.page-template-page-pricing-chat .footer__nav, body.page-template-page-pricing-chat .footerBottom .wpml-ls, body.page-template-page-roadmap-chat .footer__nav, body.page-template-page-roadmap-chat .footerBottom .wpml-ls, body.page-template-template-odin-chat .footer__nav, body.page-template-template-odin-chat .footerBottom .wpml-ls {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-nav .displayNone, body.page-template-page-features-chat .odin-navbar-nav .displayNone, body.page-template-page-pricing-chat .odin-navbar-nav .displayNone, body.page-template-page-roadmap-chat .odin-navbar-nav .displayNone, body.page-template-template-odin-chat .odin-navbar-nav .displayNone {
        display: block
    }

    body.page-template-page-apps-chat label.hamburger, body.page-template-page-features-chat label.hamburger, body.page-template-page-pricing-chat label.hamburger, body.page-template-page-roadmap-chat label.hamburger, body.page-template-template-odin-chat label.hamburger {
        position: absolute;
        right: 15px;
        top: 4px;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    body.page-template-page-apps-chat label.hamburger .line, body.page-template-page-features-chat label.hamburger .line, body.page-template-page-pricing-chat label.hamburger .line, body.page-template-page-roadmap-chat label.hamburger .line, body.page-template-template-odin-chat label.hamburger .line {
        position: absolute;
        height: 2px;
        width: 30px;
        background: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        -webkit-transition: .05s;
        -o-transition: .05s;
        -moz-transition: .05s;
        transition: .05s;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center
    }

    body.page-template-page-apps-chat label.hamburger .line:first-child, body.page-template-page-features-chat label.hamburger .line:first-child, body.page-template-page-pricing-chat label.hamburger .line:first-child, body.page-template-page-roadmap-chat label.hamburger .line:first-child, body.page-template-template-odin-chat label.hamburger .line:first-child {
        top: 12px
    }

    body.page-template-page-apps-chat label.hamburger .line:nth-child(2), body.page-template-page-features-chat label.hamburger .line:nth-child(2), body.page-template-page-pricing-chat label.hamburger .line:nth-child(2), body.page-template-page-roadmap-chat label.hamburger .line:nth-child(2), body.page-template-template-odin-chat label.hamburger .line:nth-child(2) {
        top: 19px
    }

    body.page-template-page-apps-chat label.hamburger .line:nth-child(3), body.page-template-page-features-chat label.hamburger .line:nth-child(3), body.page-template-page-pricing-chat label.hamburger .line:nth-child(3), body.page-template-page-roadmap-chat label.hamburger .line:nth-child(3), body.page-template-template-odin-chat label.hamburger .line:nth-child(3) {
        top: 26px
    }

    body.page-template-page-apps-chat #hamburger:checked + .hamburger .line:first-child, body.page-template-page-features-chat #hamburger:checked + .hamburger .line:first-child, body.page-template-page-pricing-chat #hamburger:checked + .hamburger .line:first-child, body.page-template-page-roadmap-chat #hamburger:checked + .hamburger .line:first-child, body.page-template-template-odin-chat #hamburger:checked + .hamburger .line:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        -moz-transform: translateY(8px) rotate(-45deg);
        -ms-transform: translateY(8px) rotate(-45deg);
        -o-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    body.page-template-page-apps-chat #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-features-chat #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-pricing-chat #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-roadmap-chat #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-odin-chat #hamburger:checked + .hamburger .line:nth-child(2) {
        opacity: 0
    }

    body.page-template-page-apps-chat #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-features-chat #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-pricing-chat #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-roadmap-chat #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-odin-chat #hamburger:checked + .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        -moz-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
        -o-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg)
    }

    body.page-template-page-apps-chat .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-apps-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-features-chat .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-features-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-pricing-chat .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-pricing-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-roadmap-chat .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-roadmap-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-odin-chat .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-odin-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse {
        top: 60px;
        background-position: left -60px
    }

    body.page-template-page-apps-chat .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-apps-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-features-chat .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-features-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-pricing-chat .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-pricing-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-roadmap-chat .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-roadmap-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-odin-chat .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-odin-chat .odin-navbar.navbar-scrolled .odin-navbar-collapse:before {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        content: "";
        height: 10px;
        -webkit-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        -moz-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse, body.page-template-page-features-chat .odin-navbar-collapse, body.page-template-page-pricing-chat .odin-navbar-collapse, body.page-template-page-roadmap-chat .odin-navbar-collapse, body.page-template-template-odin-chat .odin-navbar-collapse {
        margin-top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #1b1b1b;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        overflow: auto;
        background-color: #f0f0f0;
        padding: 10px 10px 90px;
        -ms-overflow-style: none;
        z-index: 100;
        top: 60px;
        opacity: 0;
        visibility: hidden
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: -1px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button {
        pointer-events: none;
        cursor: not-allowed;
        color: #999 !important
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher.empty button:after {
        opacity: .3
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul {
        background: none;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item {
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
        display: block;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6;
        position: relative;
        overflow: hidden
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 1px;
        background: #e5e5e6;
        left: 0;
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited {
        background: #fff;
        outline: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu {
        position: static;
        top: 0;
        right: auto;
        left: auto;
        bottom: auto;
        display: block;
        max-height: 0;
        background: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle {
        padding: 17px 20px 16px;
        color: #000;
        left: 0;
        border: 0;
        margin-top: 0;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 500;
        width: 100%;
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        text-align: left;
        position: relative;
        background-color: #fff
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after {
        position: absolute;
        right: 20px;
        top: 22px;
        height: 15px;
        width: 15px;
        content: "";
        background: url(https://odin.com/wp-content/uploads/2020/03/globe-black.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link {
        padding: 20px 20px 24px 65px;
        border-top: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span {
        margin-left: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before {
        content: "";
        height: 33px;
        width: 33px;
        left: 20px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -11px 10px 12px 1px;
        position: absolute;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        top: 24px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px;
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/de.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/en.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/fr.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ch.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/it.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/kr.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/pt.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ru.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/es.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-features-chat .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-pricing-chat .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-roadmap-chat .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-odin-chat .odin-navbar-collapse::-webkit-scrollbar {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse.show, body.page-template-page-features-chat .odin-navbar-collapse.show, body.page-template-page-pricing-chat .odin-navbar-collapse.show, body.page-template-page-roadmap-chat .odin-navbar-collapse.show, body.page-template-template-odin-chat .odin-navbar-collapse.show {
        opacity: 1;
        visibility: visible
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul, body.page-template-page-features-chat .odin-navbar-collapse ul, body.page-template-page-pricing-chat .odin-navbar-collapse ul, body.page-template-page-roadmap-chat .odin-navbar-collapse ul, body.page-template-template-odin-chat .odin-navbar-collapse ul {
        width: 100%;
        list-style: none;
        border-left: 1px solid #e5e5e6;
        border-right: 1px solid #e5e5e6;
        border-bottom: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li, body.page-template-page-features-chat .odin-navbar-collapse ul li, body.page-template-page-pricing-chat .odin-navbar-collapse ul li, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li, body.page-template-template-odin-chat .odin-navbar-collapse ul li {
        background-color: #fff;
        margin: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a, body.page-template-page-features-chat .odin-navbar-collapse ul li a, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a, body.page-template-template-odin-chat .odin-navbar-collapse ul li a {
        overflow: hidden;
        text-align: left
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a:after, body.page-template-page-features-chat .odin-navbar-collapse ul li a:after, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a:after, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a:after, body.page-template-template-odin-chat .odin-navbar-collapse ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #e5e5e6;
        left: 20px;
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li .languageBtn, body.page-template-page-features-chat .odin-navbar-collapse ul li .languageBtn, body.page-template-page-pricing-chat .odin-navbar-collapse ul li .languageBtn, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li .languageBtn, body.page-template-template-odin-chat .odin-navbar-collapse ul li .languageBtn {
        overflow: hidden
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-features-chat .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-pricing-chat .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-odin-chat .odin-navbar-collapse ul li .languageBtn img {
        float: right;
        width: 15px;
        margin-top: -2px;
        margin-right: -4px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-features-chat .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-pricing-chat .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-odin-chat .odin-navbar-collapse ul li .languageBtn.sub i {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li:first-child, body.page-template-page-features-chat .odin-navbar-collapse ul li:first-child, body.page-template-page-pricing-chat .odin-navbar-collapse ul li:first-child, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li:first-child, body.page-template-template-odin-chat .odin-navbar-collapse ul li:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-features-chat .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-pricing-chat .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-odin-chat .odin-navbar-collapse ul li:last-child ul li:last-child a:after {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a, body.page-template-page-features-chat .odin-navbar-collapse ul li a, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a, body.page-template-template-odin-chat .odin-navbar-collapse ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #000;
        line-height: 16px;
        padding: 20px;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        position: relative
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a.sub, body.page-template-page-features-chat .odin-navbar-collapse ul li a.sub, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a.sub, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a.sub, body.page-template-template-odin-chat .odin-navbar-collapse ul li a.sub {
        padding: 20px 20px 15px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a i, body.page-template-page-features-chat .odin-navbar-collapse ul li a i, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a i, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a i, body.page-template-template-odin-chat .odin-navbar-collapse ul li a i {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
        font-size: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a i:after, body.page-template-page-features-chat .odin-navbar-collapse ul li a i:after, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a i:after, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a i:after, body.page-template-template-odin-chat .odin-navbar-collapse ul li a i:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 45%;
        right: 24px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li a.active i:after, body.page-template-page-features-chat .odin-navbar-collapse ul li a.active i:after, body.page-template-page-pricing-chat .odin-navbar-collapse ul li a.active i:after, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li a.active i:after, body.page-template-template-odin-chat .odin-navbar-collapse ul li a.active i:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul, body.page-template-page-features-chat .odin-navbar-collapse ul li ul, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul {
        border: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease;
        -o-transition: max-height .2s ease;
        -moz-transition: max-height .2s ease;
        transition: max-height .2s ease;
        padding-left: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li {
        overflow: hidden;
        border: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li:first-child {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li:last-child {
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.subTitle span.sub {
        font-size: 11px;
        color: #666;
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.subTitle a {
        padding: 20px 20px 19px 65px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.subTitle a:before {
        margin-top: -2px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li a, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li a, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li a, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li a, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 22px 20px 22px 65px;
        position: relative;
        overflow: hidden;
        line-height: 24px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li a:hover, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li a:hover, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li a:hover {
        color: #000
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li a:before {
        content: "";
        height: 31px;
        width: 31px;
        left: 20px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -4px 10px 12px 1px;
        position: absolute
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li a:after, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li a:after, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li a:after, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li a:after, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/base.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/todo.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.odinChatDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/zenchat.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-features-chat .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-pricing-chat .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-roadmap-chat .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-odin-chat .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/hypernotes.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse ul .show, body.page-template-page-features-chat .odin-navbar-collapse ul .show, body.page-template-page-pricing-chat .odin-navbar-collapse ul .show, body.page-template-page-roadmap-chat .odin-navbar-collapse ul .show, body.page-template-template-odin-chat .odin-navbar-collapse ul .show {
        display: block;
        visibility: visible !important
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .content, body.page-template-page-features-chat .odin-navbar-collapse .content, body.page-template-page-pricing-chat .odin-navbar-collapse .content, body.page-template-page-roadmap-chat .odin-navbar-collapse .content, body.page-template-template-odin-chat .odin-navbar-collapse .content {
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
        margin-top: 30px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection {
        overflow: hidden;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection h3 {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection .button {
        width: 50%;
        margin: 0 auto 10px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection .button {
        float: left;
        margin: 0;
        width: 48%
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection .button.right {
        float: right
    }
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-features-chat .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-pricing-chat .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-roadmap-chat .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-odin-chat .odin-navbar-collapse .content .appDownloadSection img {
        width: 100%
    }
}

body.page-template-page-apps-chat input#hamburger, body.page-template-page-features-chat input#hamburger, body.page-template-page-pricing-chat input#hamburger, body.page-template-page-roadmap-chat input#hamburger, body.page-template-template-odin-chat input#hamburger {
    display: none
}

@media (min-width: 992px) {
    body.page-template-page-apps-chat .odin-navbar .content, body.page-template-page-features-chat .odin-navbar .content, body.page-template-page-pricing-chat .odin-navbar .content, body.page-template-page-roadmap-chat .odin-navbar .content, body.page-template-template-odin-chat .odin-navbar .content {
        display: none
    }

    body.page-template-page-apps-chat .footer__nav, body.page-template-page-features-chat .footer__nav, body.page-template-page-pricing-chat .footer__nav, body.page-template-page-roadmap-chat .footer__nav, body.page-template-template-odin-chat .footer__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.page-template-page-apps-chat .odin-navbar-nav .displayNone, body.page-template-page-features-chat .odin-navbar-nav .displayNone, body.page-template-page-pricing-chat .odin-navbar-nav .displayNone, body.page-template-page-roadmap-chat .odin-navbar-nav .displayNone, body.page-template-template-odin-chat .odin-navbar-nav .displayNone {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse, body.page-template-page-features-chat .odin-navbar-collapse, body.page-template-page-pricing-chat .odin-navbar-collapse, body.page-template-page-roadmap-chat .odin-navbar-collapse, body.page-template-template-odin-chat .odin-navbar-collapse {
        background: none !important;
        margin-top: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-chat .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-chat .odin-navbar-collapse .odin-dropdown-switcher {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li, body.page-template-page-features-chat .odin-navbar-collapse li, body.page-template-page-pricing-chat .odin-navbar-collapse li, body.page-template-page-roadmap-chat .odin-navbar-collapse li, body.page-template-template-odin-chat .odin-navbar-collapse li {
        padding: 0;
        display: block
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li > a, body.page-template-page-features-chat .odin-navbar-collapse li > a, body.page-template-page-pricing-chat .odin-navbar-collapse li > a, body.page-template-page-roadmap-chat .odin-navbar-collapse li > a, body.page-template-template-odin-chat .odin-navbar-collapse li > a {
        padding: 8px 10px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li > a i, body.page-template-page-features-chat .odin-navbar-collapse li > a i, body.page-template-page-pricing-chat .odin-navbar-collapse li > a i, body.page-template-page-roadmap-chat .odin-navbar-collapse li > a i, body.page-template-template-odin-chat .odin-navbar-collapse li > a i {
        display: none
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-features-chat .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-pricing-chat .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-roadmap-chat .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-odin-chat .odin-navbar-collapse li:hover .sub-menu {
        top: 50px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-features-chat .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-pricing-chat .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-roadmap-chat .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-odin-chat .odin-navbar-collapse li.forEnterprises > a {
        background-color: #75bc52;
        color: #fff
    }

    body.page-template-page-apps-chat .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-features-chat .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-odin-chat .odin-navbar-collapse li.forEnterprises > a:hover {
        background-color: #63a91c
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children {
        margin-right: 0;
        position: relative
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children a {
        padding-right: 25px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: relative;
        top: -2px;
        right: 21px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children:hover:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul {
        left: -217px;
        display: none;
        -webkit-transition: visibility 0s, opacity .2s linear;
        -o-transition: visibility 0s, opacity .2s linear;
        -moz-transition: visibility 0s, opacity .2s linear;
        transition: visibility 0s, opacity .2s linear;
        position: absolute;
        top: 72px;
        background-color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        padding: 10px;
        margin: 0;
        list-style: none;
        width: 540px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li {
        float: left;
        width: 33.3%;
        padding: 0;
        margin: 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li a {
        display: block;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: .9
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title {
        font-size: 13px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600;
        display: block;
        line-height: 21px;
        overflow: hidden
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li a span.title:before {
        height: 15px;
        width: 15px;
        content: "";
        margin-right: 7px;
        margin-top: 3px;
        display: block;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li a span.sub {
        font-size: 11px
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/09/base-icon.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover {
        background-color: #fef2f6
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/09/todo-icon.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover {
        background-color: #e5f7fb
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/09/zenchat-icon.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover {
        background-color: #fff9f3
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/09/hypernotes-icon.svg)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover {
        background-color: #f4fdfa
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/gantt-icon.png)
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover {
        background-color: #fcf7fe
    }

    body.page-template-page-apps-chat .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-features-chat .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-pricing-chat .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-roadmap-chat .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-odin-chat .odin-navbar-collapse .menu-item-has-children:hover ul {
        display: block;
        -webkit-animation: c .2s;
        -moz-animation: c .2s;
        -o-animation: c .2s;
        animation: c .2s
    }
}

body.page-template-page-apps-chat .odin-navbar__main-menu li, body.page-template-page-features-chat .odin-navbar__main-menu li, body.page-template-page-pricing-chat .odin-navbar__main-menu li, body.page-template-page-roadmap-chat .odin-navbar__main-menu li, body.page-template-template-odin-chat .odin-navbar__main-menu li {
    font-size: 18px;
    font-weight: 500;
    margin: 10px
}

body.page-template-page-apps-chat .odin-navbar-brand img, body.page-template-page-features-chat .odin-navbar-brand img, body.page-template-page-pricing-chat .odin-navbar-brand img, body.page-template-page-roadmap-chat .odin-navbar-brand img, body.page-template-template-odin-chat .odin-navbar-brand img {
    height: 32px;
    margin-top: 3px
}

body.page-template-page-apps-chat .bigContainer.content-section--padding .container, body.page-template-page-features-chat .bigContainer.content-section--padding .container, body.page-template-page-pricing-chat .bigContainer.content-section--padding .container, body.page-template-page-roadmap-chat .bigContainer.content-section--padding .container, body.page-template-template-odin-chat .bigContainer.content-section--padding .container {
    max-width: 1400px
}

body.page-template-page-apps-chat .appstore__row, body.page-template-page-features-chat .appstore__row, body.page-template-page-pricing-chat .appstore__row, body.page-template-page-roadmap-chat .appstore__row, body.page-template-template-odin-chat .appstore__row {
    max-width: 1200px;
    padding: 0
}

body.page-template-page-apps-chat h3.appstore__heading, body.page-template-page-features-chat h3.appstore__heading, body.page-template-page-pricing-chat h3.appstore__heading, body.page-template-page-roadmap-chat h3.appstore__heading, body.page-template-template-odin-chat h3.appstore__heading {
    font-size: 18px !important
}

body.page-template-page-apps-chat .appstore__item, body.page-template-page-features-chat .appstore__item, body.page-template-page-pricing-chat .appstore__item, body.page-template-page-roadmap-chat .appstore__item, body.page-template-template-odin-chat .appstore__item {
    float: left
}

body.page-template-page-apps-chat .appstore__item-inner, body.page-template-page-features-chat .appstore__item-inner, body.page-template-page-pricing-chat .appstore__item-inner, body.page-template-page-roadmap-chat .appstore__item-inner, body.page-template-template-odin-chat .appstore__item-inner {
    min-height: 380px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .appstore__item-inner, body.page-template-page-features-chat .appstore__item-inner, body.page-template-page-pricing-chat .appstore__item-inner, body.page-template-page-roadmap-chat .appstore__item-inner, body.page-template-template-odin-chat .appstore__item-inner {
        min-height: auto;
        padding: 20px
    }
}

body.page-template-page-apps-chat .appstore__stars br, body.page-template-page-features-chat .appstore__stars br, body.page-template-page-pricing-chat .appstore__stars br, body.page-template-page-roadmap-chat .appstore__stars br, body.page-template-template-odin-chat .appstore__stars br {
    display: none
}

body.page-template-page-apps-chat .carousel-indicators, body.page-template-page-features-chat .carousel-indicators, body.page-template-page-pricing-chat .carousel-indicators, body.page-template-page-roadmap-chat .carousel-indicators, body.page-template-template-odin-chat .carousel-indicators {
    bottom: -26px
}

body.page-template-page-apps-chat .carousel-indicators li, body.page-template-page-features-chat .carousel-indicators li, body.page-template-page-pricing-chat .carousel-indicators li, body.page-template-page-roadmap-chat .carousel-indicators li, body.page-template-template-odin-chat .carousel-indicators li {
    background-color: #337ab7;
    height: 5px;
    cursor: pointer
}

body.page-template-page-apps-chat .carousel-indicators li.active, body.page-template-page-features-chat .carousel-indicators li.active, body.page-template-page-pricing-chat .carousel-indicators li.active, body.page-template-page-roadmap-chat .carousel-indicators li.active, body.page-template-template-odin-chat .carousel-indicators li.active {
    background-color: #83bcee
}

body.page-template-page-apps-chat .content-section--info .contentBox, body.page-template-page-features-chat .content-section--info .contentBox, body.page-template-page-pricing-chat .content-section--info .contentBox, body.page-template-page-roadmap-chat .content-section--info .contentBox, body.page-template-template-odin-chat .content-section--info .contentBox {
    padding: 20px;
    background-color: #fffdd7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #664d1d;
    display: inline-block;
    font-size: 18px
}

body.page-template-page-apps-chat .content-section--info .contentBox img, body.page-template-page-features-chat .content-section--info .contentBox img, body.page-template-page-pricing-chat .content-section--info .contentBox img, body.page-template-page-roadmap-chat .content-section--info .contentBox img, body.page-template-template-odin-chat .content-section--info .contentBox img {
    width: 90px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .content-section--info .contentBox img, body.page-template-page-features-chat .content-section--info .contentBox img, body.page-template-page-pricing-chat .content-section--info .contentBox img, body.page-template-page-roadmap-chat .content-section--info .contentBox img, body.page-template-template-odin-chat .content-section--info .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-template-page-apps-chat .content-section--info .contentBox p, body.page-template-page-features-chat .content-section--info .contentBox p, body.page-template-page-pricing-chat .content-section--info .contentBox p, body.page-template-page-roadmap-chat .content-section--info .contentBox p, body.page-template-template-odin-chat .content-section--info .contentBox p {
    margin-bottom: 0
}

body.page-template-page-apps-chat .odin-navbar__main-menu .info, body.page-template-page-features-chat .odin-navbar__main-menu .info, body.page-template-page-pricing-chat .odin-navbar__main-menu .info, body.page-template-page-roadmap-chat .odin-navbar__main-menu .info, body.page-template-template-odin-chat .odin-navbar__main-menu .info {
    color: #5d87ac;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 2px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .odin-navbar__main-menu .info, body.page-template-page-features-chat .odin-navbar__main-menu .info, body.page-template-page-pricing-chat .odin-navbar__main-menu .info, body.page-template-page-roadmap-chat .odin-navbar__main-menu .info, body.page-template-template-odin-chat .odin-navbar__main-menu .info {
        font-size: 12px;
        margin-top: 8px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .odin-navbar__main-menu .mobileNone, body.page-template-page-features-chat .odin-navbar__main-menu .mobileNone, body.page-template-page-pricing-chat .odin-navbar__main-menu .mobileNone, body.page-template-page-roadmap-chat .odin-navbar__main-menu .mobileNone, body.page-template-template-odin-chat .odin-navbar__main-menu .mobileNone {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .odin-navbar__main-menu .mobileBlock, body.page-template-page-features-chat .odin-navbar__main-menu .mobileBlock, body.page-template-page-pricing-chat .odin-navbar__main-menu .mobileBlock, body.page-template-page-roadmap-chat .odin-navbar__main-menu .mobileBlock, body.page-template-template-odin-chat .odin-navbar__main-menu .mobileBlock {
        display: block;
        color: #5d87ac;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

body.page-template-page-apps-chat .odin-button, body.page-template-page-features-chat .odin-button, body.page-template-page-pricing-chat .odin-button, body.page-template-page-roadmap-chat .odin-button, body.page-template-template-odin-chat .odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

body.page-template-page-apps-chat .section__welcome, body.page-template-page-features-chat .section__welcome, body.page-template-page-pricing-chat .section__welcome, body.page-template-page-roadmap-chat .section__welcome, body.page-template-template-odin-chat .section__welcome {
    margin-bottom: 70px;
    margin-top: 30px
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome, body.page-template-page-features-chat .section__welcome, body.page-template-page-pricing-chat .section__welcome, body.page-template-page-roadmap-chat .section__welcome, body.page-template-template-odin-chat .section__welcome {
        margin-bottom: 40px;
        margin-top: 30px
    }
}

body.page-template-page-apps-chat .section__welcome .productHunt, body.page-template-page-features-chat .section__welcome .productHunt, body.page-template-page-pricing-chat .section__welcome .productHunt, body.page-template-page-roadmap-chat .section__welcome .productHunt, body.page-template-template-odin-chat .section__welcome .productHunt {
    margin-top: 30px
}

body.page-template-page-apps-chat .section__welcome .section__welcome__content, body.page-template-page-features-chat .section__welcome .section__welcome__content, body.page-template-page-pricing-chat .section__welcome .section__welcome__content, body.page-template-page-roadmap-chat .section__welcome .section__welcome__content, body.page-template-template-odin-chat .section__welcome .section__welcome__content {
    text-align: center
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__content, body.page-template-page-features-chat .section__welcome .section__welcome__content, body.page-template-page-pricing-chat .section__welcome .section__welcome__content, body.page-template-page-roadmap-chat .section__welcome .section__welcome__content, body.page-template-template-odin-chat .section__welcome .section__welcome__content {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }
}

body.page-template-page-apps-chat .section__welcome .displayMobile, body.page-template-page-features-chat .section__welcome .displayMobile, body.page-template-page-pricing-chat .section__welcome .displayMobile, body.page-template-page-roadmap-chat .section__welcome .displayMobile, body.page-template-template-odin-chat .section__welcome .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome .displayMobile, body.page-template-page-features-chat .section__welcome .displayMobile, body.page-template-page-pricing-chat .section__welcome .displayMobile, body.page-template-page-roadmap-chat .section__welcome .displayMobile, body.page-template-template-odin-chat .section__welcome .displayMobile {
        display: block
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .displayMobile, body.page-template-page-features-chat .section__welcome .displayMobile, body.page-template-page-pricing-chat .section__welcome .displayMobile, body.page-template-page-roadmap-chat .section__welcome .displayMobile, body.page-template-template-odin-chat .section__welcome .displayMobile {
        display: block
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    top: 20px;
    width: 775px;
    height: 500px;
    left: 22%
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop {
        top: 0;
        left: 0;
        position: relative;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        margin: 0 auto;
        height: 500px;
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop {
        height: 270px;
        margin-bottom: 40px;
        display: none
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage {
    position: absolute
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage .iphone {
    position: absolute
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
    height: 495px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        height: 495px;
        right: 138px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 501px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-apps-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-features-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-pricing-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-odin-chat .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome__register-form, body.page-template-page-apps-chat .section__welcome__register-form__sub-header, body.page-template-page-features-chat .section__welcome__register-form, body.page-template-page-features-chat .section__welcome__register-form__sub-header, body.page-template-page-pricing-chat .section__welcome__register-form, body.page-template-page-pricing-chat .section__welcome__register-form__sub-header, body.page-template-page-roadmap-chat .section__welcome__register-form, body.page-template-page-roadmap-chat .section__welcome__register-form__sub-header, body.page-template-template-odin-chat .section__welcome__register-form, body.page-template-template-odin-chat .section__welcome__register-form__sub-header {
        display: none
    }
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .section__welcome__register-form, body.page-template-page-apps-chat .section__welcome__register-form__sub-header, body.page-template-page-features-chat .section__welcome__register-form, body.page-template-page-features-chat .section__welcome__register-form__sub-header, body.page-template-page-pricing-chat .section__welcome__register-form, body.page-template-page-pricing-chat .section__welcome__register-form__sub-header, body.page-template-page-roadmap-chat .section__welcome__register-form, body.page-template-page-roadmap-chat .section__welcome__register-form__sub-header, body.page-template-template-odin-chat .section__welcome__register-form, body.page-template-template-odin-chat .section__welcome__register-form__sub-header {
        display: none
    }
}

body.page-template-page-apps-chat .section__welcome__register-form__email, body.page-template-page-features-chat .section__welcome__register-form__email, body.page-template-page-pricing-chat .section__welcome__register-form__email, body.page-template-page-roadmap-chat .section__welcome__register-form__email, body.page-template-template-odin-chat .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .section__welcome__register-form__email, body.page-template-page-features-chat .section__welcome__register-form__email, body.page-template-page-pricing-chat .section__welcome__register-form__email, body.page-template-page-roadmap-chat .section__welcome__register-form__email, body.page-template-template-odin-chat .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-template-page-apps-chat .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-features-chat .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-pricing-chat .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-roadmap-chat .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-odin-chat .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-template-page-apps-chat .section__welcome__register-form__email:focus, body.page-template-page-features-chat .section__welcome__register-form__email:focus, body.page-template-page-pricing-chat .section__welcome__register-form__email:focus, body.page-template-page-roadmap-chat .section__welcome__register-form__email:focus, body.page-template-template-odin-chat .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-template-page-apps-chat span.bold, body.page-template-page-features-chat span.bold, body.page-template-page-pricing-chat span.bold, body.page-template-page-roadmap-chat span.bold, body.page-template-template-odin-chat span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-template-page-apps-chat span.uppercase, body.page-template-page-features-chat span.uppercase, body.page-template-page-pricing-chat span.uppercase, body.page-template-page-roadmap-chat span.uppercase, body.page-template-template-odin-chat span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-template-page-apps-chat span.pink, body.page-template-page-features-chat span.pink, body.page-template-page-pricing-chat span.pink, body.page-template-page-roadmap-chat span.pink, body.page-template-template-odin-chat span.pink {
    color: #f54da5
}

body.page-template-page-apps-chat span.blue, body.page-template-page-features-chat span.blue, body.page-template-page-pricing-chat span.blue, body.page-template-page-roadmap-chat span.blue, body.page-template-template-odin-chat span.blue {
    color: #19bede
}

body.page-template-page-apps-chat span.orange, body.page-template-page-features-chat span.orange, body.page-template-page-pricing-chat span.orange, body.page-template-page-roadmap-chat span.orange, body.page-template-template-odin-chat span.orange {
    color: #f9903f
}

body.page-template-page-apps-chat span.purple, body.page-template-page-features-chat span.purple, body.page-template-page-pricing-chat span.purple, body.page-template-page-roadmap-chat span.purple, body.page-template-template-odin-chat span.purple {
    color: #9d54fd
}

body.page-template-page-apps-chat .section__welcome__register-form__sub-header, body.page-template-page-features-chat .section__welcome__register-form__sub-header, body.page-template-page-pricing-chat .section__welcome__register-form__sub-header, body.page-template-page-roadmap-chat .section__welcome__register-form__sub-header, body.page-template-template-odin-chat .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-template-page-apps-chat .button-main__link--blue, body.page-template-page-features-chat .button-main__link--blue, body.page-template-page-pricing-chat .button-main__link--blue, body.page-template-page-roadmap-chat .button-main__link--blue, body.page-template-template-odin-chat .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-template-page-apps-chat .button-main__link--blue:hover, body.page-template-page-features-chat .button-main__link--blue:hover, body.page-template-page-pricing-chat .button-main__link--blue:hover, body.page-template-page-roadmap-chat .button-main__link--blue:hover, body.page-template-template-odin-chat .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-template-page-apps-chat .odin-navbar.closed .nav-item:last-child, body.page-template-page-apps-chat .odin-navbar .nav-item:last-child, body.page-template-page-features-chat .odin-navbar.closed .nav-item:last-child, body.page-template-page-features-chat .odin-navbar .nav-item:last-child, body.page-template-page-pricing-chat .odin-navbar.closed .nav-item:last-child, body.page-template-page-pricing-chat .odin-navbar .nav-item:last-child, body.page-template-page-roadmap-chat .odin-navbar.closed .nav-item:last-child, body.page-template-page-roadmap-chat .odin-navbar .nav-item:last-child, body.page-template-template-odin-chat .odin-navbar.closed .nav-item:last-child, body.page-template-template-odin-chat .odin-navbar .nav-item:last-child {
    background-color: #75bc52;
    color: #fff
}

body.page-template-page-apps-chat .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-apps-chat .odin-navbar .nav-item:last-child:hover, body.page-template-page-features-chat .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-features-chat .odin-navbar .nav-item:last-child:hover, body.page-template-page-pricing-chat .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-pricing-chat .odin-navbar .nav-item:last-child:hover, body.page-template-page-roadmap-chat .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-roadmap-chat .odin-navbar .nav-item:last-child:hover, body.page-template-template-odin-chat .odin-navbar.closed .nav-item:last-child:hover, body.page-template-template-odin-chat .odin-navbar .nav-item:last-child:hover {
    background-color: #63a91c
}

body.page-template-page-apps-chat .pricing-grid .pricingButton, body.page-template-page-features-chat .pricing-grid .pricingButton, body.page-template-page-pricing-chat .pricing-grid .pricingButton, body.page-template-page-roadmap-chat .pricing-grid .pricingButton, body.page-template-template-odin-chat .pricing-grid .pricingButton {
    display: block;
    width: 100%;
    max-width: 100%
}

body.page-template-page-apps-chat .pricing-grid .pricingButton.personal, body.page-template-page-features-chat .pricing-grid .pricingButton.personal, body.page-template-page-pricing-chat .pricing-grid .pricingButton.personal, body.page-template-page-roadmap-chat .pricing-grid .pricingButton.personal, body.page-template-template-odin-chat .pricing-grid .pricingButton.personal {
    background-color: #107fdc
}

body.page-template-page-apps-chat .page-general, body.page-template-page-features-chat .page-general, body.page-template-page-pricing-chat .page-general, body.page-template-page-roadmap-chat .page-general, body.page-template-template-odin-chat .page-general {
    max-width: 1035px;
    text-align: left
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .page-general, body.page-template-page-features-chat .page-general, body.page-template-page-pricing-chat .page-general, body.page-template-page-roadmap-chat .page-general, body.page-template-template-odin-chat .page-general {
        text-align: center
    }

    body.page-template-page-apps-chat .page-general .col-md-6, body.page-template-page-features-chat .page-general .col-md-6, body.page-template-page-pricing-chat .page-general .col-md-6, body.page-template-page-roadmap-chat .page-general .col-md-6, body.page-template-template-odin-chat .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-template-page-apps-chat .page-general h1, body.page-template-page-features-chat .page-general h1, body.page-template-page-pricing-chat .page-general h1, body.page-template-page-roadmap-chat .page-general h1, body.page-template-template-odin-chat .page-general h1 {
    font-size: 6rem;
    margin-bottom: .7rem
}

@media (max-width: 992px) {
    body.page-template-page-apps-chat .page-general h1, body.page-template-page-features-chat .page-general h1, body.page-template-page-pricing-chat .page-general h1, body.page-template-page-roadmap-chat .page-general h1, body.page-template-template-odin-chat .page-general h1 {
        font-size: 3rem
    }
}

body.page-template-page-apps-chat .container, body.page-template-page-features-chat .container, body.page-template-page-pricing-chat .container, body.page-template-page-roadmap-chat .container, body.page-template-template-odin-chat .container {
    text-align: center
}

body.page-template-page-apps-chat .content-section--padding + .page-general, body.page-template-page-apps-chat .odin-navbar-collapse, body.page-template-page-features-chat .content-section--padding + .page-general, body.page-template-page-features-chat .odin-navbar-collapse, body.page-template-page-pricing-chat .content-section--padding + .page-general, body.page-template-page-pricing-chat .odin-navbar-collapse, body.page-template-page-roadmap-chat .content-section--padding + .page-general, body.page-template-page-roadmap-chat .odin-navbar-collapse, body.page-template-template-odin-chat .content-section--padding + .page-general, body.page-template-template-odin-chat .odin-navbar-collapse {
    margin-top: 0
}

body.page-template-page-apps-chat .bordered-grid__item .bordered-grid__item-container, body.page-template-page-features-chat .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-chat .bordered-grid__item .bordered-grid__item-container, body.page-template-page-roadmap-chat .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-chat .bordered-grid__item .bordered-grid__item-container {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

body.page-template-page-apps-chat .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-features-chat .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-pricing-chat .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-roadmap-chat .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-odin-chat .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container {
    position: absolute;
    top: 17px;
    width: 100%;
    left: 5px
}

body.page-template-page-apps-chat .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-features-chat .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-pricing-chat .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-roadmap-chat .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-odin-chat .bordered-grid__item .bordered-grid__text-paragraph {
    font-size: 16px
}

body.page-template-page-apps-chat .footer, body.page-template-page-features-chat .footer, body.page-template-page-pricing-chat .footer, body.page-template-page-roadmap-chat .footer, body.page-template-template-odin-chat .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    color: #e5e0ee
}

body.page-template-page-apps-chat .footer:before, body.page-template-page-features-chat .footer:before, body.page-template-page-pricing-chat .footer:before, body.page-template-page-roadmap-chat .footer:before, body.page-template-template-odin-chat .footer:before {
    position: absolute;
    width: 640px;
    height: 480px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-zenchat.svg) no-repeat;
    top: -300px;
    z-index: -1;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    right: 200px
}

@media (max-width: 1200px) {
    body.page-template-page-apps-chat .footer:before, body.page-template-page-features-chat .footer:before, body.page-template-page-pricing-chat .footer:before, body.page-template-page-roadmap-chat .footer:before, body.page-template-template-odin-chat .footer:before {
        display: none
    }
}

body.page-template-page-apps-chat .footer .giveUsACall .giveUsACallButton a, body.page-template-page-features-chat .footer .giveUsACall .giveUsACallButton a, body.page-template-page-pricing-chat .footer .giveUsACall .giveUsACallButton a, body.page-template-page-roadmap-chat .footer .giveUsACall .giveUsACallButton a, body.page-template-template-odin-chat .footer .giveUsACall .giveUsACallButton a {
    background: #0053e5;
    background: -webkit-gradient(linear, left top, right top, from(#0053e5), to(#2ee4bc));
    background: -webkit-linear-gradient(left, #0053e5, #2ee4bc);
    background: -moz-linear-gradient(left, #0053e5 0, #2ee4bc 100%);
    background: -o-linear-gradient(left, #0053e5 0, #2ee4bc 100%);
    background: linear-gradient(90deg, #0053e5, #2ee4bc)
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer, body.page-template-page-features-chat .footer, body.page-template-page-pricing-chat .footer, body.page-template-page-roadmap-chat .footer, body.page-template-template-odin-chat .footer {
        padding: 0
    }
}

body.page-template-page-apps-chat .footer #nav_menu-10 ul, body.page-template-page-features-chat .footer #nav_menu-10 ul, body.page-template-page-pricing-chat .footer #nav_menu-10 ul, body.page-template-page-roadmap-chat .footer #nav_menu-10 ul, body.page-template-template-odin-chat .footer #nav_menu-10 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-template-page-apps-chat .footer #nav_menu-10 ul li, body.page-template-page-features-chat .footer #nav_menu-10 ul li, body.page-template-page-pricing-chat .footer #nav_menu-10 ul li, body.page-template-page-roadmap-chat .footer #nav_menu-10 ul li, body.page-template-template-odin-chat .footer #nav_menu-10 ul li {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .footer__content, body.page-template-page-features-chat .footer .footer__content, body.page-template-page-pricing-chat .footer .footer__content, body.page-template-page-roadmap-chat .footer .footer__content, body.page-template-template-odin-chat .footer .footer__content {
        margin: 0
    }
}

body.page-template-page-apps-chat .footer h3.footer__nav-column-heading, body.page-template-page-features-chat .footer h3.footer__nav-column-heading, body.page-template-page-pricing-chat .footer h3.footer__nav-column-heading, body.page-template-page-roadmap-chat .footer h3.footer__nav-column-heading, body.page-template-template-odin-chat .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-template-page-apps-chat .footer .subTitle, body.page-template-page-features-chat .footer .subTitle, body.page-template-page-pricing-chat .footer .subTitle, body.page-template-page-roadmap-chat .footer .subTitle, body.page-template-template-odin-chat .footer .subTitle {
    line-height: 26px;
    margin-bottom: 20px
}

body.page-template-page-apps-chat .footer .footer__nav--platform, body.page-template-page-features-chat .footer .footer__nav--platform, body.page-template-page-pricing-chat .footer .footer__nav--platform, body.page-template-page-roadmap-chat .footer .footer__nav--platform, body.page-template-template-odin-chat .footer .footer__nav--platform {
    max-width: 1000px;
    margin: 0 auto
}

body.page-template-page-apps-chat .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-apps-chat .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-features-chat .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-features-chat .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-chat .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-chat .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-roadmap-chat .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-roadmap-chat .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-chat .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-odin-chat .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border-left: 0;
    padding: 0;
    margin: 0
}

body.page-template-page-apps-chat .footer .footer__nav--platform .footer__nav-column.chat, body.page-template-page-features-chat .footer .footer__nav--platform .footer__nav-column.chat, body.page-template-page-pricing-chat .footer .footer__nav--platform .footer__nav-column.chat, body.page-template-page-roadmap-chat .footer .footer__nav--platform .footer__nav-column.chat, body.page-template-template-odin-chat .footer .footer__nav--platform .footer__nav-column.chat {
    margin-right: 80px;
    border-right: 2px solid rgba(0, 0, 0, .05);
    -webkit-box-shadow: 2px 0 #45535e;
    -moz-box-shadow: 2px 0 #45535e;
    box-shadow: 2px 0 #45535e;
    padding-right: 80px
}

body.page-template-page-apps-chat .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-features-chat .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-pricing-chat .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-roadmap-chat .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-template-odin-chat .footer .footer__nav--platform .footer__nav-column:nth-child(4) {
    padding-left: 0;
    margin-left: 0;
    border-left: 0
}

body.page-template-page-apps-chat .footer .footer__nav--platform .widget, body.page-template-page-features-chat .footer .footer__nav--platform .widget, body.page-template-page-pricing-chat .footer .footer__nav--platform .widget, body.page-template-page-roadmap-chat .footer .footer__nav--platform .widget, body.page-template-template-odin-chat .footer .footer__nav--platform .widget {
    margin-bottom: 0
}

body.page-template-page-apps-chat .footer .footer__nav--platform .widget:nth-child(2), body.page-template-page-features-chat .footer .footer__nav--platform .widget:nth-child(2), body.page-template-page-pricing-chat .footer .footer__nav--platform .widget:nth-child(2), body.page-template-page-roadmap-chat .footer .footer__nav--platform .widget:nth-child(2), body.page-template-template-odin-chat .footer .footer__nav--platform .widget:nth-child(2) {
    margin-top: 0
}

body.page-template-page-apps-chat .footer a:hover, body.page-template-page-features-chat .footer a:hover, body.page-template-page-pricing-chat .footer a:hover, body.page-template-page-roadmap-chat .footer a:hover, body.page-template-template-odin-chat .footer a:hover {
    color: #fff
}

body.page-template-page-apps-chat .footer .footer__nav, body.page-template-page-features-chat .footer .footer__nav, body.page-template-page-pricing-chat .footer .footer__nav, body.page-template-page-roadmap-chat .footer .footer__nav, body.page-template-template-odin-chat .footer .footer__nav {
    margin-top: 0
}

body.page-template-page-apps-chat .footer .footer__character, body.page-template-page-features-chat .footer .footer__character, body.page-template-page-pricing-chat .footer .footer__character, body.page-template-page-roadmap-chat .footer .footer__character, body.page-template-template-odin-chat .footer .footer__character {
    display: none
}

body.page-template-page-apps-chat .footer .footer__app-icon-item, body.page-template-page-features-chat .footer .footer__app-icon-item, body.page-template-page-pricing-chat .footer .footer__app-icon-item, body.page-template-page-roadmap-chat .footer .footer__app-icon-item, body.page-template-template-odin-chat .footer .footer__app-icon-item {
    display: inline-block;
    max-width: 135px;
    margin: 5px 5px 11px 0
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .footer__app-icon-item, body.page-template-page-features-chat .footer .footer__app-icon-item, body.page-template-page-pricing-chat .footer .footer__app-icon-item, body.page-template-page-roadmap-chat .footer .footer__app-icon-item, body.page-template-template-odin-chat .footer .footer__app-icon-item {
        max-width: 180px;
        margin: 10px 0
    }
}

body.page-template-page-apps-chat .footer #menu-footer-odin-chat, body.page-template-page-features-chat .footer #menu-footer-odin-chat, body.page-template-page-pricing-chat .footer #menu-footer-odin-chat, body.page-template-page-roadmap-chat .footer #menu-footer-odin-chat, body.page-template-template-odin-chat .footer #menu-footer-odin-chat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-template-page-apps-chat .footer #menu-footer-odin-chat li, body.page-template-page-features-chat .footer #menu-footer-odin-chat li, body.page-template-page-pricing-chat .footer #menu-footer-odin-chat li, body.page-template-page-roadmap-chat .footer #menu-footer-odin-chat li, body.page-template-template-odin-chat .footer #menu-footer-odin-chat li {
    width: 50%
}

body.page-template-page-apps-chat .footer .footer__nav-app-icons, body.page-template-page-features-chat .footer .footer__nav-app-icons, body.page-template-page-pricing-chat .footer .footer__nav-app-icons, body.page-template-page-roadmap-chat .footer .footer__nav-app-icons, body.page-template-template-odin-chat .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-template-page-apps-chat .footer .footer__nav-column, body.page-template-page-features-chat .footer .footer__nav-column, body.page-template-page-pricing-chat .footer .footer__nav-column, body.page-template-page-roadmap-chat .footer .footer__nav-column, body.page-template-template-odin-chat .footer .footer__nav-column {
    position: relative;
    width: 20%
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .footer__nav-column, body.page-template-page-features-chat .footer .footer__nav-column, body.page-template-page-pricing-chat .footer .footer__nav-column, body.page-template-page-roadmap-chat .footer .footer__nav-column, body.page-template-template-odin-chat .footer .footer__nav-column {
        text-align: left
    }
}

body.page-template-page-apps-chat .footer .footer__nav-column.chat, body.page-template-page-features-chat .footer .footer__nav-column.chat, body.page-template-page-pricing-chat .footer .footer__nav-column.chat, body.page-template-page-roadmap-chat .footer .footer__nav-column.chat, body.page-template-template-odin-chat .footer .footer__nav-column.chat {
    width: 40%
}

body.page-template-page-apps-chat .footer .odin-navbar-brand, body.page-template-page-features-chat .footer .odin-navbar-brand, body.page-template-page-pricing-chat .footer .odin-navbar-brand, body.page-template-page-roadmap-chat .footer .odin-navbar-brand, body.page-template-template-odin-chat .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-template-page-apps-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-apps-chat .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-chat .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-chat .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-chat .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-chat .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-chat .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .odin-navbar-brand, body.page-template-page-features-chat .footer .odin-navbar-brand, body.page-template-page-pricing-chat .footer .odin-navbar-brand, body.page-template-page-roadmap-chat .footer .odin-navbar-brand, body.page-template-template-odin-chat .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-chat .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-chat .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-chat .footer .odin-navbar-brand .navbar-title {
        font-size: 20px
    }
}

body.page-template-page-apps-chat .footer .odin-navbar-brand img, body.page-template-page-features-chat .footer .odin-navbar-brand img, body.page-template-page-pricing-chat .footer .odin-navbar-brand img, body.page-template-page-roadmap-chat .footer .odin-navbar-brand img, body.page-template-template-odin-chat .footer .odin-navbar-brand img {
    height: 20px;
    position: absolute;
    left: -29px;
    top: -3px
}

@media (max-width: 768px) {
    body.page-template-page-apps-chat .footer .odin-navbar-brand img, body.page-template-page-features-chat .footer .odin-navbar-brand img, body.page-template-page-pricing-chat .footer .odin-navbar-brand img, body.page-template-page-roadmap-chat .footer .odin-navbar-brand img, body.page-template-template-odin-chat .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-template-page-apps-chat .footer #nav_menu-7, body.page-template-page-features-chat .footer #nav_menu-7, body.page-template-page-pricing-chat .footer #nav_menu-7, body.page-template-page-roadmap-chat .footer #nav_menu-7, body.page-template-template-odin-chat .footer #nav_menu-7 {
    margin-top: 0
}

body.page-template-page-apps-chat .footer #nav_menu-7 h3, body.page-template-page-features-chat .footer #nav_menu-7 h3, body.page-template-page-pricing-chat .footer #nav_menu-7 h3, body.page-template-page-roadmap-chat .footer #nav_menu-7 h3, body.page-template-template-odin-chat .footer #nav_menu-7 h3 {
    display: none
}

body.page-template-page-apps-chat .footerBottom .footer__legal, body.page-template-page-apps-chat .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-features-chat .footerBottom .footer__legal, body.page-template-page-features-chat .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-pricing-chat .footerBottom .footer__legal, body.page-template-page-pricing-chat .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-roadmap-chat .footerBottom .footer__legal, body.page-template-page-roadmap-chat .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-odin-chat .footerBottom .footer__legal, body.page-template-template-odin-chat .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-template-page-apps-chat .footerBottom .footer__legal a, body.page-template-page-features-chat .footerBottom .footer__legal a, body.page-template-page-pricing-chat .footerBottom .footer__legal a, body.page-template-page-roadmap-chat .footerBottom .footer__legal a, body.page-template-template-odin-chat .footerBottom .footer__legal a {
    color: #fff
}

body.page-template-page-apps-chat .footerBottom .footer__social-list li a, body.page-template-page-features-chat .footerBottom .footer__social-list li a, body.page-template-page-pricing-chat .footerBottom .footer__social-list li a, body.page-template-page-roadmap-chat .footerBottom .footer__social-list li a, body.page-template-template-odin-chat .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-template-page-apps-chat .footerBottom .footer__social-list li a:hover, body.page-template-page-features-chat .footerBottom .footer__social-list li a:hover, body.page-template-page-pricing-chat .footerBottom .footer__social-list li a:hover, body.page-template-page-roadmap-chat .footerBottom .footer__social-list li a:hover, body.page-template-template-odin-chat .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-template-page-apps-chat .section__welcome__store-buttons, body.page-template-page-features-chat .section__welcome__store-buttons, body.page-template-page-pricing-chat .section__welcome__store-buttons, body.page-template-page-roadmap-chat .section__welcome__store-buttons, body.page-template-template-odin-chat .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-template-page-apps-chat .section__welcome__store-buttons, body.page-template-page-features-chat .section__welcome__store-buttons, body.page-template-page-pricing-chat .section__welcome__store-buttons, body.page-template-page-roadmap-chat .section__welcome__store-buttons, body.page-template-template-odin-chat .section__welcome__store-buttons {
        display: none
    }
}

body.page-template-page-apps-chat .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-features-chat .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-pricing-chat .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-roadmap-chat .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-odin-chat .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-template-page-apps-chat .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-features-chat .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-pricing-chat .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-roadmap-chat .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-odin-chat .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-template-page-apps-chat .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-features-chat .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-pricing-chat .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-roadmap-chat .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-odin-chat .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

body.page-template-page-apps-hypernotes, body.page-template-page-features-hypernotes, body.page-template-page-pricing-hypernotes, body.page-template-page-roadmap-hypernotes, body.page-template-page-solutions-hypernotes, body.page-template-template-odin-hypernotes {
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    background-position: top
}

body.page-template-page-apps-hypernotes #scene, body.page-template-page-features-hypernotes #scene, body.page-template-page-pricing-hypernotes #scene, body.page-template-page-roadmap-hypernotes #scene, body.page-template-page-solutions-hypernotes #scene, body.page-template-template-odin-hypernotes #scene {
    position: absolute !important;
    width: 100%;
    top: 0;
    overflow: hidden;
    height: 1330px
}

body.page-template-page-apps-hypernotes .earlyAccess, body.page-template-page-features-hypernotes .earlyAccess, body.page-template-page-pricing-hypernotes .earlyAccess, body.page-template-page-roadmap-hypernotes .earlyAccess, body.page-template-page-solutions-hypernotes .earlyAccess, body.page-template-template-odin-hypernotes .earlyAccess {
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 20px;
    color: #fff;
    background: #fecc96;
    background: -webkit-gradient(linear, left top, right top, from(#fecc96), to(#ff99a6));
    background: -webkit-linear-gradient(left, #fecc96, #ff99a6);
    background: -moz-linear-gradient(left, #fecc96 0, #ff99a6 100%);
    background: -o-linear-gradient(left, #fecc96 0, #ff99a6 100%);
    background: linear-gradient(90deg, #fecc96, #ff99a6)
}

body.page-template-page-apps-hypernotes .navbar-title, body.page-template-page-features-hypernotes .navbar-title, body.page-template-page-pricing-hypernotes .navbar-title, body.page-template-page-roadmap-hypernotes .navbar-title, body.page-template-page-solutions-hypernotes .navbar-title, body.page-template-template-odin-hypernotes .navbar-title {
    display: none
}

body.page-template-page-apps-hypernotes .odin-logo-highlight, body.page-template-page-features-hypernotes .odin-logo-highlight, body.page-template-page-pricing-hypernotes .odin-logo-highlight, body.page-template-page-roadmap-hypernotes .odin-logo-highlight, body.page-template-page-solutions-hypernotes .odin-logo-highlight, body.page-template-template-odin-hypernotes .odin-logo-highlight {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

body.page-template-page-apps-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-apps-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-features-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-hypernotes .odin-navbar-collapse li:hover > a {
    background-color: #fed4961e
}

body.page-template-page-apps-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .current-menu-item a:hover {
    background-color: #e0bb831e
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-apps-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-apps-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-features-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li:hover > a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse li:hover > a {
        background-color: transparent
    }
}

body.page-template-page-apps-hypernotes .filterOption .options, body.page-template-page-features-hypernotes .filterOption .options, body.page-template-page-pricing-hypernotes .filterOption .options, body.page-template-page-roadmap-hypernotes .filterOption .options, body.page-template-page-solutions-hypernotes .filterOption .options, body.page-template-template-odin-hypernotes .filterOption .options {
    background: #fed4961e
}

body.page-template-page-apps-hypernotes .parallax-1, body.page-template-page-features-hypernotes .parallax-1, body.page-template-page-pricing-hypernotes .parallax-1, body.page-template-page-roadmap-hypernotes .parallax-1, body.page-template-page-solutions-hypernotes .parallax-1, body.page-template-template-odin-hypernotes .parallax-1 {
    position: relative !important;
    z-index: 2px;
    background: url(https://odin.com/wp-content/themes/odin-com/img/parallax/hypernotes-1.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 292px;
    width: 1060px;
    margin: 0 auto;
    top: 270px !important
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .parallax-1, body.page-template-page-features-hypernotes .parallax-1, body.page-template-page-pricing-hypernotes .parallax-1, body.page-template-page-roadmap-hypernotes .parallax-1, body.page-template-page-solutions-hypernotes .parallax-1, body.page-template-template-odin-hypernotes .parallax-1 {
        display: none !important
    }
}

body.page-template-page-apps-hypernotes .parallax-2, body.page-template-page-features-hypernotes .parallax-2, body.page-template-page-pricing-hypernotes .parallax-2, body.page-template-page-roadmap-hypernotes .parallax-2, body.page-template-page-solutions-hypernotes .parallax-2, body.page-template-template-odin-hypernotes .parallax-2 {
    position: relative !important;
    background: url(https://odin.com/wp-content/themes/odin-com/img/parallax/hypernotes-2.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    height: 462px;
    width: 828px;
    background-size: 100%;
    left: auto !important;
    margin: 0 auto;
    z-index: 5 !important
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .parallax-2, body.page-template-page-features-hypernotes .parallax-2, body.page-template-page-pricing-hypernotes .parallax-2, body.page-template-page-roadmap-hypernotes .parallax-2, body.page-template-page-solutions-hypernotes .parallax-2, body.page-template-template-odin-hypernotes .parallax-2 {
        display: none !important
    }
}

body.page-template-page-apps-hypernotes .landing-bg-l, body.page-template-page-features-hypernotes .landing-bg-l, body.page-template-page-pricing-hypernotes .landing-bg-l, body.page-template-page-roadmap-hypernotes .landing-bg-l, body.page-template-page-solutions-hypernotes .landing-bg-l, body.page-template-template-odin-hypernotes .landing-bg-l {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-hypernotes-left.svg) no-repeat;
    width: 520px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    left: -25px !important;
    top: -25px !important;
    height: 690px
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .landing-bg-l, body.page-template-page-features-hypernotes .landing-bg-l, body.page-template-page-pricing-hypernotes .landing-bg-l, body.page-template-page-roadmap-hypernotes .landing-bg-l, body.page-template-page-solutions-hypernotes .landing-bg-l, body.page-template-template-odin-hypernotes .landing-bg-l {
        width: 410px
    }
}

body.page-template-page-apps-hypernotes .landing-bg-r, body.page-template-page-features-hypernotes .landing-bg-r, body.page-template-page-pricing-hypernotes .landing-bg-r, body.page-template-page-roadmap-hypernotes .landing-bg-r, body.page-template-page-solutions-hypernotes .landing-bg-r, body.page-template-template-odin-hypernotes .landing-bg-r {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-hypernotes-right.svg) no-repeat;
    width: 470px;
    top: -60px;
    left: auto !important;
    right: -25px !important;
    height: 880px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .landing-bg-r, body.page-template-page-features-hypernotes .landing-bg-r, body.page-template-page-pricing-hypernotes .landing-bg-r, body.page-template-page-roadmap-hypernotes .landing-bg-r, body.page-template-page-solutions-hypernotes .landing-bg-r, body.page-template-template-odin-hypernotes .landing-bg-r {
        width: 310px
    }
}

body.page-template-page-apps-hypernotes .bannerSlideshow, body.page-template-page-features-hypernotes .bannerSlideshow, body.page-template-page-pricing-hypernotes .bannerSlideshow, body.page-template-page-roadmap-hypernotes .bannerSlideshow, body.page-template-page-solutions-hypernotes .bannerSlideshow, body.page-template-template-odin-hypernotes .bannerSlideshow {
    position: relative
}

body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage {
    height: 520px;
    width: 100%;
    position: relative
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage {
        display: none
    }
}

body.page-template-page-apps-hypernotes .bannerSlideshow .mobile, body.page-template-page-features-hypernotes .bannerSlideshow .mobile, body.page-template-page-pricing-hypernotes .bannerSlideshow .mobile, body.page-template-page-roadmap-hypernotes .bannerSlideshow .mobile, body.page-template-page-solutions-hypernotes .bannerSlideshow .mobile, body.page-template-template-odin-hypernotes .bannerSlideshow .mobile {
    display: none;
    max-width: 100%
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .mobile, body.page-template-page-features-hypernotes .bannerSlideshow .mobile, body.page-template-page-pricing-hypernotes .bannerSlideshow .mobile, body.page-template-page-roadmap-hypernotes .bannerSlideshow .mobile, body.page-template-page-solutions-hypernotes .bannerSlideshow .mobile, body.page-template-template-odin-hypernotes .bannerSlideshow .mobile {
        display: block
    }
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box, body.page-template-page-features-hypernotes .bannerSlideshow .box, body.page-template-page-pricing-hypernotes .bannerSlideshow .box, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box, body.page-template-page-solutions-hypernotes .bannerSlideshow .box, body.page-template-template-odin-hypernotes .bannerSlideshow .box {
    position: absolute;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .buttons, body.page-template-page-features-hypernotes .bannerSlideshow .box .buttons, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .buttons, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .buttons, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .buttons, body.page-template-template-odin-hypernotes .bannerSlideshow .box .buttons {
    position: aboslute;
    top: 0;
    left: 0
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .buttons span, body.page-template-page-features-hypernotes .bannerSlideshow .box .buttons span, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .buttons span, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .buttons span, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .buttons span, body.page-template-template-odin-hypernotes .bannerSlideshow .box .buttons span {
    background-color: #282828;
    height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    width: 60px;
    left: 0;
    top: 0
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .inner, body.page-template-page-features-hypernotes .bannerSlideshow .box .inner, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .inner, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .inner, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .inner, body.page-template-template-odin-hypernotes .bannerSlideshow .box .inner {
    background-color: #282828;
    overflow: hidden;
    position: relative;
    z-index: 2
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .inner img, body.page-template-page-features-hypernotes .bannerSlideshow .box .inner img, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .inner img, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .inner img, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .inner img, body.page-template-template-odin-hypernotes .bannerSlideshow .box .inner img {
    max-width: 100%;
    height: auto
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .inner:before, body.page-template-page-features-hypernotes .bannerSlideshow .box .inner:before, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .inner:before, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .inner:before, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .inner:before, body.page-template-template-odin-hypernotes .bannerSlideshow .box .inner:before {
    position: absolute;
    content: "";
    width: 1055px;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
    background: -moz-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -o-linear-gradient(bottom, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -moz-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(bottom, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    height: 400px;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .2;
    top: -20px;
    right: -420px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box .shadow, body.page-template-page-features-hypernotes .bannerSlideshow .box .shadow, body.page-template-page-pricing-hypernotes .bannerSlideshow .box .shadow, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box .shadow, body.page-template-page-solutions-hypernotes .bannerSlideshow .box .shadow, body.page-template-template-odin-hypernotes .bannerSlideshow .box .shadow {
    background-color: #000;
    height: 13px;
    width: 100%;
    content: "";
    display: block;
    -webkit-filter: blur(7px);
    filter: blur(7px);
    position: absolute;
    z-index: 1;
    opacity: .4;
    bottom: 0
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    left: -180px;
    top: -207px;
    z-index: 3;
    cursor: default
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .buttons span.onOff {
    left: -28px;
    top: 110px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .buttons span.loud, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .buttons span.loud, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .buttons span.loud, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .buttons span.loud, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .buttons span.loud, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .buttons span.loud {
    top: -3px;
    left: 70px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .buttons span.soft, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .buttons span.soft, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .buttons span.soft, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .buttons span.soft, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .buttons span.soft, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .buttons span.soft {
    top: -3px;
    left: 140px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .inner, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .inner, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .inner, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .inner, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .inner, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .inner {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 30px;
    display: inline-block
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .inner video, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .inner video, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .inner video, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .inner video, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .inner video, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .inner video {
    width: 1280px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.ipad .inner img, body.page-template-page-features-hypernotes .bannerSlideshow .box.ipad .inner img, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.ipad .inner img, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.ipad .inner img, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.ipad .inner img, body.page-template-template-odin-hypernotes .bannerSlideshow .box.ipad .inner img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone {
    left: 556px;
    top: -381px;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
    z-index: 2
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .buttons span.onOff {
    left: auto;
    top: 240px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    right: -69px;
    transform: rotate(-90deg);
    width: 140px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .buttons span.loud, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .buttons span.loud, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .buttons span.loud, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .buttons span.loud, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .buttons span.loud, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .buttons span.loud {
    top: 197px;
    left: -29px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .buttons span.soft, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .buttons span.soft, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .buttons span.soft, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .buttons span.soft, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .buttons span.soft, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .buttons span.soft {
    top: 267px;
    left: -29px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .inner, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .inner, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .inner, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .inner, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .inner, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .inner {
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    padding: 15px 15px 10px;
    display: inline-block
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .inner:before, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .inner:before, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .inner:before, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .inner:before, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .inner:before, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .inner:before {
    top: -200px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .inner video, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .inner video, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .inner video, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .inner video, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .inner video, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .inner video {
    width: 592px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

body.page-template-page-apps-hypernotes .bannerSlideshow .box.iphone .inner img, body.page-template-page-features-hypernotes .bannerSlideshow .box.iphone .inner img, body.page-template-page-pricing-hypernotes .bannerSlideshow .box.iphone .inner img, body.page-template-page-roadmap-hypernotes .bannerSlideshow .box.iphone .inner img, body.page-template-page-solutions-hypernotes .bannerSlideshow .box.iphone .inner img, body.page-template-template-odin-hypernotes .bannerSlideshow .box.iphone .inner img {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

@media (max-width: 767px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage {
        height: 310px
    }
}

body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad {
    cursor: pointer;
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
    transform: scale(.4);
    z-index: 2;
    top: -160px
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad {
        left: -260px
    }
}

@media (max-width: 991px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad {
        left: -356px;
        top: -190px
    }
}

@media (max-width: 767px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad {
        left: -443px;
        top: -323px;
        -webkit-transform: scale(.25);
        -moz-transform: scale(.25);
        -ms-transform: scale(.25);
        -o-transform: scale(.25);
        transform: scale(.25)
    }
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.ipad {
        display: none
    }
}

body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone {
    cursor: default;
    -webkit-transform: scale(.43);
    -moz-transform: scale(.43);
    -ms-transform: scale(.43);
    -o-transform: scale(.43);
    transform: scale(.43);
    left: 410px;
    top: -363px;
    z-index: 3
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone {
        left: 359px
    }
}

@media (max-width: 991px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone {
        left: 210px;
        top: -383px;
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4)
    }
}

@media (max-width: 767px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone {
        left: 60px;
        top: -501px;
        -webkit-transform: scale(.25);
        -moz-transform: scale(.25);
        -ms-transform: scale(.25);
        -o-transform: scale(.25);
        transform: scale(.25)
    }
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.phoneFront .box.iphone {
        display: none
    }
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad {
        left: -240px
    }
}

@media (max-width: 991px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad {
        left: -386px;
        top: -280px;
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4);
        -ms-transform: scale(.4);
        -o-transform: scale(.4);
        transform: scale(.4)
    }
}

@media (max-width: 767px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad {
        left: -460px;
        top: -337px;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3)
    }
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.ipad {
        display: none
    }
}

@media (max-width: 1199px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone {
        left: 470px
    }
}

@media (max-width: 991px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone {
        left: 290px;
        -webkit-transform: scale(.25);
        -moz-transform: scale(.25);
        -ms-transform: scale(.25);
        -o-transform: scale(.25);
        transform: scale(.25);
        top: -453px
    }
}

@media (max-width: 767px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone {
        left: 129px;
        top: -507px;
        -webkit-transform: scale(.2);
        -moz-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }
}

@media (max-width: 576px) {
    body.page-template-page-apps-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-features-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-pricing-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-roadmap-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-page-solutions-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone, body.page-template-template-odin-hypernotes .bannerSlideshow .bannerImage.ipadFront .box.iphone {
        display: none
    }
}

body.page-template-page-apps-hypernotes:after, body.page-template-page-apps-hypernotes:before, body.page-template-page-features-hypernotes:after, body.page-template-page-features-hypernotes:before, body.page-template-page-pricing-hypernotes:after, body.page-template-page-pricing-hypernotes:before, body.page-template-page-roadmap-hypernotes:after, body.page-template-page-roadmap-hypernotes:before, body.page-template-page-solutions-hypernotes:after, body.page-template-page-solutions-hypernotes:before, body.page-template-template-odin-hypernotes:after, body.page-template-template-odin-hypernotes:before {
    display: none
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes, body.page-template-page-features-hypernotes, body.page-template-page-pricing-hypernotes, body.page-template-page-roadmap-hypernotes, body.page-template-page-solutions-hypernotes, body.page-template-template-odin-hypernotes {
        background-position: 0 0
    }
}

body.page-template-page-apps-hypernotes .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-hypernotes .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-hypernotes .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-hypernotes .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-solutions-hypernotes .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-hypernotes .odin-navbar-brand .odin-todo-logo-highlight {
    line-height: 17px;
    font-size: 24px
}

body.page-template-page-apps-hypernotes .integrations-content__main, body.page-template-page-apps-hypernotes .integrations-content__sidebar, body.page-template-page-apps-hypernotes .pros-cons__column, body.page-template-page-features-hypernotes .integrations-content__main, body.page-template-page-features-hypernotes .integrations-content__sidebar, body.page-template-page-features-hypernotes .pros-cons__column, body.page-template-page-pricing-hypernotes .integrations-content__main, body.page-template-page-pricing-hypernotes .integrations-content__sidebar, body.page-template-page-pricing-hypernotes .pros-cons__column, body.page-template-page-roadmap-hypernotes .integrations-content__main, body.page-template-page-roadmap-hypernotes .integrations-content__sidebar, body.page-template-page-roadmap-hypernotes .pros-cons__column, body.page-template-page-solutions-hypernotes .integrations-content__main, body.page-template-page-solutions-hypernotes .integrations-content__sidebar, body.page-template-page-solutions-hypernotes .pros-cons__column, body.page-template-template-odin-hypernotes .integrations-content__main, body.page-template-template-odin-hypernotes .integrations-content__sidebar, body.page-template-template-odin-hypernotes .pros-cons__column {
    text-align: left
}

body.page-template-page-apps-hypernotes .odin-navbar-nav, body.page-template-page-features-hypernotes .odin-navbar-nav, body.page-template-page-pricing-hypernotes .odin-navbar-nav, body.page-template-page-roadmap-hypernotes .odin-navbar-nav, body.page-template-page-solutions-hypernotes .odin-navbar-nav, body.page-template-template-odin-hypernotes .odin-navbar-nav {
    margin-top: 0 !important
}

body.page-template-page-apps-hypernotes .odin-navbar--hypernotes, body.page-template-page-features-hypernotes .odin-navbar--hypernotes, body.page-template-page-pricing-hypernotes .odin-navbar--hypernotes, body.page-template-page-roadmap-hypernotes .odin-navbar--hypernotes, body.page-template-page-solutions-hypernotes .odin-navbar--hypernotes, body.page-template-template-odin-hypernotes .odin-navbar--hypernotes {
    border-bottom: 0
}

body.page-template-page-apps-hypernotes .content-section--padding.heading, body.page-template-page-features-hypernotes .content-section--padding.heading, body.page-template-page-pricing-hypernotes .content-section--padding.heading, body.page-template-page-roadmap-hypernotes .content-section--padding.heading, body.page-template-page-solutions-hypernotes .content-section--padding.heading, body.page-template-template-odin-hypernotes .content-section--padding.heading {
    padding-bottom: 0
}

body.page-template-page-apps-hypernotes .odin-navbar.sign-up, body.page-template-page-apps-hypernotes .odin-navbar.sign-up:hover, body.page-template-page-features-hypernotes .odin-navbar.sign-up, body.page-template-page-features-hypernotes .odin-navbar.sign-up:hover, body.page-template-page-pricing-hypernotes .odin-navbar.sign-up, body.page-template-page-pricing-hypernotes .odin-navbar.sign-up:hover, body.page-template-page-roadmap-hypernotes .odin-navbar.sign-up, body.page-template-page-roadmap-hypernotes .odin-navbar.sign-up:hover, body.page-template-page-solutions-hypernotes .odin-navbar.sign-up, body.page-template-page-solutions-hypernotes .odin-navbar.sign-up:hover, body.page-template-template-odin-hypernotes .odin-navbar.sign-up, body.page-template-template-odin-hypernotes .odin-navbar.sign-up:hover {
    color: #007aff
}

body.page-template-page-apps-hypernotes .odin-navbar.sign-up:hover a, body.page-template-page-features-hypernotes .odin-navbar.sign-up:hover a, body.page-template-page-pricing-hypernotes .odin-navbar.sign-up:hover a, body.page-template-page-roadmap-hypernotes .odin-navbar.sign-up:hover a, body.page-template-page-solutions-hypernotes .odin-navbar.sign-up:hover a, body.page-template-template-odin-hypernotes .odin-navbar.sign-up:hover a {
    background-color: #007aff1a
}

body.page-template-page-apps-hypernotes .germany, body.page-template-page-features-hypernotes .germany, body.page-template-page-pricing-hypernotes .germany, body.page-template-page-roadmap-hypernotes .germany, body.page-template-page-solutions-hypernotes .germany, body.page-template-template-odin-hypernotes .germany {
    left: 290px;
    top: 25px
}

body.page-template-page-apps-hypernotes .bigContainer.content-section--padding .container, body.page-template-page-features-hypernotes .bigContainer.content-section--padding .container, body.page-template-page-pricing-hypernotes .bigContainer.content-section--padding .container, body.page-template-page-roadmap-hypernotes .bigContainer.content-section--padding .container, body.page-template-page-solutions-hypernotes .bigContainer.content-section--padding .container, body.page-template-template-odin-hypernotes .bigContainer.content-section--padding .container {
    max-width: 1400px
}

body.page-template-page-apps-hypernotes .pricing-grid .container, body.page-template-page-features-hypernotes .pricing-grid .container, body.page-template-page-pricing-hypernotes .pricing-grid .container, body.page-template-page-roadmap-hypernotes .pricing-grid .container, body.page-template-page-solutions-hypernotes .pricing-grid .container, body.page-template-template-odin-hypernotes .pricing-grid .container {
    max-width: 1000px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .pricing-grid, body.page-template-page-features-hypernotes .pricing-grid, body.page-template-page-pricing-hypernotes .pricing-grid, body.page-template-page-roadmap-hypernotes .pricing-grid, body.page-template-page-solutions-hypernotes .pricing-grid, body.page-template-template-odin-hypernotes .pricing-grid {
        margin-bottom: 30px
    }
}

body.page-template-page-apps-hypernotes .appstore__row, body.page-template-page-features-hypernotes .appstore__row, body.page-template-page-pricing-hypernotes .appstore__row, body.page-template-page-roadmap-hypernotes .appstore__row, body.page-template-page-solutions-hypernotes .appstore__row, body.page-template-template-odin-hypernotes .appstore__row {
    max-width: 1200px;
    padding: 0
}

body.page-template-page-apps-hypernotes h3.appstore__heading, body.page-template-page-features-hypernotes h3.appstore__heading, body.page-template-page-pricing-hypernotes h3.appstore__heading, body.page-template-page-roadmap-hypernotes h3.appstore__heading, body.page-template-page-solutions-hypernotes h3.appstore__heading, body.page-template-template-odin-hypernotes h3.appstore__heading {
    font-size: 18px !important
}

body.page-template-page-apps-hypernotes .appstore__item, body.page-template-page-features-hypernotes .appstore__item, body.page-template-page-pricing-hypernotes .appstore__item, body.page-template-page-roadmap-hypernotes .appstore__item, body.page-template-page-solutions-hypernotes .appstore__item, body.page-template-template-odin-hypernotes .appstore__item {
    float: left
}

body.page-template-page-apps-hypernotes .appstore__item-inner, body.page-template-page-features-hypernotes .appstore__item-inner, body.page-template-page-pricing-hypernotes .appstore__item-inner, body.page-template-page-roadmap-hypernotes .appstore__item-inner, body.page-template-page-solutions-hypernotes .appstore__item-inner, body.page-template-template-odin-hypernotes .appstore__item-inner {
    min-height: 380px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .appstore__item-inner, body.page-template-page-features-hypernotes .appstore__item-inner, body.page-template-page-pricing-hypernotes .appstore__item-inner, body.page-template-page-roadmap-hypernotes .appstore__item-inner, body.page-template-page-solutions-hypernotes .appstore__item-inner, body.page-template-template-odin-hypernotes .appstore__item-inner {
        min-height: auto;
        padding: 20px
    }
}

body.page-template-page-apps-hypernotes .appstore__stars br, body.page-template-page-features-hypernotes .appstore__stars br, body.page-template-page-pricing-hypernotes .appstore__stars br, body.page-template-page-roadmap-hypernotes .appstore__stars br, body.page-template-page-solutions-hypernotes .appstore__stars br, body.page-template-template-odin-hypernotes .appstore__stars br {
    display: none
}

body.page-template-page-apps-hypernotes .carousel-indicators, body.page-template-page-features-hypernotes .carousel-indicators, body.page-template-page-pricing-hypernotes .carousel-indicators, body.page-template-page-roadmap-hypernotes .carousel-indicators, body.page-template-page-solutions-hypernotes .carousel-indicators, body.page-template-template-odin-hypernotes .carousel-indicators {
    bottom: -26px
}

body.page-template-page-apps-hypernotes .carousel-indicators li, body.page-template-page-features-hypernotes .carousel-indicators li, body.page-template-page-pricing-hypernotes .carousel-indicators li, body.page-template-page-roadmap-hypernotes .carousel-indicators li, body.page-template-page-solutions-hypernotes .carousel-indicators li, body.page-template-template-odin-hypernotes .carousel-indicators li {
    background-color: #337ab7;
    height: 5px;
    cursor: pointer
}

body.page-template-page-apps-hypernotes .carousel-indicators li.active, body.page-template-page-features-hypernotes .carousel-indicators li.active, body.page-template-page-pricing-hypernotes .carousel-indicators li.active, body.page-template-page-roadmap-hypernotes .carousel-indicators li.active, body.page-template-page-solutions-hypernotes .carousel-indicators li.active, body.page-template-template-odin-hypernotes .carousel-indicators li.active {
    background-color: #83bcee
}

body.page-template-page-apps-hypernotes .content-section--padding.zen .container, body.page-template-page-features-hypernotes .content-section--padding.zen .container, body.page-template-page-pricing-hypernotes .content-section--padding.zen .container, body.page-template-page-roadmap-hypernotes .content-section--padding.zen .container, body.page-template-page-solutions-hypernotes .content-section--padding.zen .container, body.page-template-template-odin-hypernotes .content-section--padding.zen .container {
    position: relative
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .footer .giveUsACall, body.page-template-page-features-hypernotes .footer .giveUsACall, body.page-template-page-pricing-hypernotes .footer .giveUsACall, body.page-template-page-roadmap-hypernotes .footer .giveUsACall, body.page-template-page-solutions-hypernotes .footer .giveUsACall, body.page-template-template-odin-hypernotes .footer .giveUsACall {
        margin: 0
    }

    body.page-template-page-apps-hypernotes .footer__nav, body.page-template-page-apps-hypernotes .footerBottom .wpml-ls, body.page-template-page-features-hypernotes .footer__nav, body.page-template-page-features-hypernotes .footerBottom .wpml-ls, body.page-template-page-pricing-hypernotes .footer__nav, body.page-template-page-pricing-hypernotes .footerBottom .wpml-ls, body.page-template-page-roadmap-hypernotes .footer__nav, body.page-template-page-roadmap-hypernotes .footerBottom .wpml-ls, body.page-template-page-solutions-hypernotes .footer__nav, body.page-template-page-solutions-hypernotes .footerBottom .wpml-ls, body.page-template-template-odin-hypernotes .footer__nav, body.page-template-template-odin-hypernotes .footerBottom .wpml-ls {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-features-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-pricing-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-roadmap-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-solutions-hypernotes .odin-navbar-nav .displayNone, body.page-template-template-odin-hypernotes .odin-navbar-nav .displayNone {
        display: block
    }

    body.page-template-page-apps-hypernotes label.hamburger, body.page-template-page-features-hypernotes label.hamburger, body.page-template-page-pricing-hypernotes label.hamburger, body.page-template-page-roadmap-hypernotes label.hamburger, body.page-template-page-solutions-hypernotes label.hamburger, body.page-template-template-odin-hypernotes label.hamburger {
        position: absolute;
        right: 15px;
        top: 4px;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    body.page-template-page-apps-hypernotes label.hamburger .line, body.page-template-page-features-hypernotes label.hamburger .line, body.page-template-page-pricing-hypernotes label.hamburger .line, body.page-template-page-roadmap-hypernotes label.hamburger .line, body.page-template-page-solutions-hypernotes label.hamburger .line, body.page-template-template-odin-hypernotes label.hamburger .line {
        position: absolute;
        height: 2px;
        width: 30px;
        background: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        -webkit-transition: .05s;
        -o-transition: .05s;
        -moz-transition: .05s;
        transition: .05s;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center
    }

    body.page-template-page-apps-hypernotes label.hamburger .line:first-child, body.page-template-page-features-hypernotes label.hamburger .line:first-child, body.page-template-page-pricing-hypernotes label.hamburger .line:first-child, body.page-template-page-roadmap-hypernotes label.hamburger .line:first-child, body.page-template-page-solutions-hypernotes label.hamburger .line:first-child, body.page-template-template-odin-hypernotes label.hamburger .line:first-child {
        top: 12px
    }

    body.page-template-page-apps-hypernotes label.hamburger .line:nth-child(2), body.page-template-page-features-hypernotes label.hamburger .line:nth-child(2), body.page-template-page-pricing-hypernotes label.hamburger .line:nth-child(2), body.page-template-page-roadmap-hypernotes label.hamburger .line:nth-child(2), body.page-template-page-solutions-hypernotes label.hamburger .line:nth-child(2), body.page-template-template-odin-hypernotes label.hamburger .line:nth-child(2) {
        top: 19px
    }

    body.page-template-page-apps-hypernotes label.hamburger .line:nth-child(3), body.page-template-page-features-hypernotes label.hamburger .line:nth-child(3), body.page-template-page-pricing-hypernotes label.hamburger .line:nth-child(3), body.page-template-page-roadmap-hypernotes label.hamburger .line:nth-child(3), body.page-template-page-solutions-hypernotes label.hamburger .line:nth-child(3), body.page-template-template-odin-hypernotes label.hamburger .line:nth-child(3) {
        top: 26px
    }

    body.page-template-page-apps-hypernotes #hamburger:checked + .hamburger .line:first-child, body.page-template-page-features-hypernotes #hamburger:checked + .hamburger .line:first-child, body.page-template-page-pricing-hypernotes #hamburger:checked + .hamburger .line:first-child, body.page-template-page-roadmap-hypernotes #hamburger:checked + .hamburger .line:first-child, body.page-template-page-solutions-hypernotes #hamburger:checked + .hamburger .line:first-child, body.page-template-template-odin-hypernotes #hamburger:checked + .hamburger .line:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        -moz-transform: translateY(8px) rotate(-45deg);
        -ms-transform: translateY(8px) rotate(-45deg);
        -o-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    body.page-template-page-apps-hypernotes #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-features-hypernotes #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-pricing-hypernotes #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-roadmap-hypernotes #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-solutions-hypernotes #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-odin-hypernotes #hamburger:checked + .hamburger .line:nth-child(2) {
        opacity: 0
    }

    body.page-template-page-apps-hypernotes #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-features-hypernotes #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-pricing-hypernotes #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-roadmap-hypernotes #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-solutions-hypernotes #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-odin-hypernotes #hamburger:checked + .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        -moz-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
        -o-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-apps-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-features-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-features-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-pricing-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-pricing-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-roadmap-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-roadmap-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-solutions-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-solutions-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-odin-hypernotes .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-odin-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse {
        top: 60px;
        background-position: left -60px
    }

    body.page-template-page-apps-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-apps-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-features-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-features-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-pricing-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-pricing-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-roadmap-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-roadmap-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-solutions-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-solutions-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-odin-hypernotes .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-odin-hypernotes .odin-navbar.navbar-scrolled .odin-navbar-collapse:before {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        content: "";
        height: 10px;
        -webkit-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        -moz-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse, body.page-template-page-features-hypernotes .odin-navbar-collapse, body.page-template-page-pricing-hypernotes .odin-navbar-collapse, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse, body.page-template-page-solutions-hypernotes .odin-navbar-collapse, body.page-template-template-odin-hypernotes .odin-navbar-collapse {
        margin-top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #1b1b1b;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        overflow: auto;
        background-color: #f0f0f0;
        padding: 10px 10px 90px;
        -ms-overflow-style: none;
        z-index: 100;
        top: 60px;
        opacity: 0;
        visibility: hidden
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: -1px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button {
        pointer-events: none;
        cursor: not-allowed;
        color: #999 !important
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher.empty button:after {
        opacity: .3
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul {
        background: none;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item {
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
        display: block;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6;
        position: relative;
        overflow: hidden
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 1px;
        background: #e5e5e6;
        left: 0;
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited {
        background: #fff;
        outline: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu {
        position: static;
        top: 0;
        right: auto;
        left: auto;
        bottom: auto;
        display: block;
        max-height: 0;
        background: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle {
        padding: 17px 20px 16px;
        color: #000;
        left: 0;
        border: 0;
        margin-top: 0;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 500;
        width: 100%;
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        text-align: left;
        position: relative
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after {
        position: absolute;
        right: 20px;
        top: 22px;
        height: 15px;
        width: 15px;
        content: "";
        background: url(https://odin.com/wp-content/uploads/2020/03/globe-black.svg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link {
        padding: 20px 20px 24px 65px;
        border-top: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span {
        margin-left: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before {
        content: "";
        height: 33px;
        width: 33px;
        left: 20px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -11px 10px 12px 1px;
        position: absolute;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        top: 24px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px;
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/de.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/en.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/fr.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ch.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/it.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/kr.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/pt.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ru.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/es.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-features-hypernotes .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-pricing-hypernotes .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-solutions-hypernotes .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-odin-hypernotes .odin-navbar-collapse::-webkit-scrollbar {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse.show, body.page-template-page-features-hypernotes .odin-navbar-collapse.show, body.page-template-page-pricing-hypernotes .odin-navbar-collapse.show, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse.show, body.page-template-page-solutions-hypernotes .odin-navbar-collapse.show, body.page-template-template-odin-hypernotes .odin-navbar-collapse.show {
        opacity: 1;
        visibility: visible
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul, body.page-template-page-features-hypernotes .odin-navbar-collapse ul, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul {
        width: 100%;
        list-style: none;
        border-left: 1px solid #e5e5e6;
        border-right: 1px solid #e5e5e6;
        border-bottom: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li {
        background-color: #fff;
        margin: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a {
        overflow: hidden;
        text-align: left
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a:after, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #e5e5e6;
        left: 20px;
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li .languageBtn, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li .languageBtn, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li .languageBtn, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li .languageBtn, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li .languageBtn, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li .languageBtn {
        overflow: hidden
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li .languageBtn img {
        float: right;
        width: 15px;
        margin-top: -2px;
        margin-right: -4px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li .languageBtn.sub i {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li:first-child, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li:first-child, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li:first-child, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li:first-child, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li:first-child, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li:last-child ul li:last-child a:after {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #000;
        line-height: 16px;
        padding: 20px;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        position: relative
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a.sub, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a.sub, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a.sub, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a.sub, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a.sub, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a.sub {
        padding: 20px 20px 15px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a i, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a i, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a i, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a i, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a i, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a i {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
        font-size: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a i:after, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a i:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a i:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a i:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a i:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a i:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 45%;
        right: 24px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li a.active i:after, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li a.active i:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li a.active i:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li a.active i:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li a.active i:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li a.active i:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul {
        border: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease;
        -o-transition: max-height .2s ease;
        -moz-transition: max-height .2s ease;
        transition: max-height .2s ease;
        padding-left: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li {
        overflow: hidden;
        border: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li:first-child {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li:last-child {
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.subTitle span.sub {
        font-size: 11px;
        color: #666;
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.subTitle a {
        padding: 20px 20px 19px 65px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.subTitle a:before {
        margin-top: -2px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li a, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li a, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 22px 20px 22px 65px;
        position: relative;
        overflow: hidden;
        line-height: 24px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li a:before {
        content: "";
        height: 31px;
        width: 31px;
        left: 25px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -4px 10px 12px 1px;
        position: absolute
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li a:after, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li a:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li a:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li a:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li a:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/base.svg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/todo.svg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.odinChatDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/zenchat.svg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-features-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/hypernotes.svg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse ul .show, body.page-template-page-features-hypernotes .odin-navbar-collapse ul .show, body.page-template-page-pricing-hypernotes .odin-navbar-collapse ul .show, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse ul .show, body.page-template-page-solutions-hypernotes .odin-navbar-collapse ul .show, body.page-template-template-odin-hypernotes .odin-navbar-collapse ul .show {
        display: block;
        visibility: visible !important
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content, body.page-template-page-features-hypernotes .odin-navbar-collapse .content, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content {
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
        margin-top: 30px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection {
        overflow: hidden;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection h3 {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection .button {
        width: 50%;
        margin: 0 auto 10px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection .button {
        float: left;
        margin: 0;
        width: 48%
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection .button.right {
        float: right
    }
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-features-hypernotes .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-odin-hypernotes .odin-navbar-collapse .content .appDownloadSection img {
        width: 100%
    }
}

body.page-template-page-apps-hypernotes input#hamburger, body.page-template-page-features-hypernotes input#hamburger, body.page-template-page-pricing-hypernotes input#hamburger, body.page-template-page-roadmap-hypernotes input#hamburger, body.page-template-page-solutions-hypernotes input#hamburger, body.page-template-template-odin-hypernotes input#hamburger {
    display: none
}

@media (min-width: 992px) {
    body.page-template-page-apps-hypernotes .odin-navbar .content, body.page-template-page-features-hypernotes .odin-navbar .content, body.page-template-page-pricing-hypernotes .odin-navbar .content, body.page-template-page-roadmap-hypernotes .odin-navbar .content, body.page-template-page-solutions-hypernotes .odin-navbar .content, body.page-template-template-odin-hypernotes .odin-navbar .content {
        display: none
    }

    body.page-template-page-apps-hypernotes .footer__nav, body.page-template-page-features-hypernotes .footer__nav, body.page-template-page-pricing-hypernotes .footer__nav, body.page-template-page-roadmap-hypernotes .footer__nav, body.page-template-page-solutions-hypernotes .footer__nav, body.page-template-template-odin-hypernotes .footer__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.page-template-page-apps-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-features-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-pricing-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-roadmap-hypernotes .odin-navbar-nav .displayNone, body.page-template-page-solutions-hypernotes .odin-navbar-nav .displayNone, body.page-template-template-odin-hypernotes .odin-navbar-nav .displayNone {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse, body.page-template-page-features-hypernotes .odin-navbar-collapse, body.page-template-page-pricing-hypernotes .odin-navbar-collapse, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse, body.page-template-page-solutions-hypernotes .odin-navbar-collapse, body.page-template-template-odin-hypernotes .odin-navbar-collapse {
        background: none !important;
        margin-top: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-hypernotes .odin-navbar-collapse .odin-dropdown-switcher {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li, body.page-template-page-features-hypernotes .odin-navbar-collapse li, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li, body.page-template-template-odin-hypernotes .odin-navbar-collapse li {
        padding: 0;
        display: block
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li > a, body.page-template-page-features-hypernotes .odin-navbar-collapse li > a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li > a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li > a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li > a, body.page-template-template-odin-hypernotes .odin-navbar-collapse li > a {
        padding: 8px 10px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li > a i, body.page-template-page-features-hypernotes .odin-navbar-collapse li > a i, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li > a i, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li > a i, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li > a i, body.page-template-template-odin-hypernotes .odin-navbar-collapse li > a i {
        display: none
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-features-hypernotes .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-odin-hypernotes .odin-navbar-collapse li:hover .sub-menu {
        top: 50px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-features-hypernotes .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-odin-hypernotes .odin-navbar-collapse li.sign-up:hover > a {
        background-color: #007aff1a
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-features-hypernotes .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-odin-hypernotes .odin-navbar-collapse li.forEnterprises > a {
        background-color: #75bc52;
        color: #fff
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse li.forEnterprises > a:hover {
        background-color: #63a91c
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children {
        margin-right: 0;
        position: relative
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children a {
        padding-right: 25px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: relative;
        top: -2px;
        right: 21px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children:hover:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul {
        left: -217px;
        display: none;
        -webkit-transition: visibility 0s, opacity .2s linear;
        -o-transition: visibility 0s, opacity .2s linear;
        -moz-transition: visibility 0s, opacity .2s linear;
        transition: visibility 0s, opacity .2s linear;
        position: absolute;
        top: 72px;
        background-color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        padding: 10px;
        margin: 0;
        list-style: none;
        width: 540px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li {
        float: left;
        width: 33.3%;
        padding: 0;
        margin: 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a {
        display: block;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: .9
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title {
        font-size: 13px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600;
        display: block;
        line-height: 21px;
        overflow: hidden
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.title:before {
        height: 15px;
        width: 15px;
        content: "";
        margin-right: 7px;
        margin-top: 3px;
        display: block;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li a span.sub {
        font-size: 11px
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-base-icon-suite-1.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover {
        background-color: #fef2f6
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-todo-icon.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover {
        background-color: #e5f7fb
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/hypernotes-icon.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover {
        background-color: #fff9f3
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/zenchat-icon.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover {
        background-color: #f4fdfa
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/gantt-icon.png)
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover {
        background-color: #fcf7fe
    }

    body.page-template-page-apps-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-features-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-pricing-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-solutions-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-odin-hypernotes .odin-navbar-collapse .menu-item-has-children:hover ul {
        display: block;
        -webkit-animation: c .2s;
        -moz-animation: c .2s;
        -o-animation: c .2s;
        animation: c .2s
    }
}

body.page-template-page-apps-hypernotes .odin-navbar__main-menu li:hover, body.page-template-page-features-hypernotes .odin-navbar__main-menu li:hover, body.page-template-page-pricing-hypernotes .odin-navbar__main-menu li:hover, body.page-template-page-roadmap-hypernotes .odin-navbar__main-menu li:hover, body.page-template-page-solutions-hypernotes .odin-navbar__main-menu li:hover, body.page-template-template-odin-hypernotes .odin-navbar__main-menu li:hover {
    color: #000
}

body.page-template-page-apps-hypernotes .content-section--info .contentBox, body.page-template-page-features-hypernotes .content-section--info .contentBox, body.page-template-page-pricing-hypernotes .content-section--info .contentBox, body.page-template-page-roadmap-hypernotes .content-section--info .contentBox, body.page-template-page-solutions-hypernotes .content-section--info .contentBox, body.page-template-template-odin-hypernotes .content-section--info .contentBox {
    padding: 20px;
    background-color: #e9ffec;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #1e251f;
    display: inline-block;
    font-size: 18px
}

body.page-template-page-apps-hypernotes .content-section--info .contentBox img, body.page-template-page-features-hypernotes .content-section--info .contentBox img, body.page-template-page-pricing-hypernotes .content-section--info .contentBox img, body.page-template-page-roadmap-hypernotes .content-section--info .contentBox img, body.page-template-page-solutions-hypernotes .content-section--info .contentBox img, body.page-template-template-odin-hypernotes .content-section--info .contentBox img {
    width: 90px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .content-section--info .contentBox img, body.page-template-page-features-hypernotes .content-section--info .contentBox img, body.page-template-page-pricing-hypernotes .content-section--info .contentBox img, body.page-template-page-roadmap-hypernotes .content-section--info .contentBox img, body.page-template-page-solutions-hypernotes .content-section--info .contentBox img, body.page-template-template-odin-hypernotes .content-section--info .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-template-page-apps-hypernotes .content-section--info .contentBox p, body.page-template-page-features-hypernotes .content-section--info .contentBox p, body.page-template-page-pricing-hypernotes .content-section--info .contentBox p, body.page-template-page-roadmap-hypernotes .content-section--info .contentBox p, body.page-template-page-solutions-hypernotes .content-section--info .contentBox p, body.page-template-template-odin-hypernotes .content-section--info .contentBox p {
    margin-bottom: 0
}

body.page-template-page-apps-hypernotes .content-section--padding, body.page-template-page-features-hypernotes .content-section--padding, body.page-template-page-pricing-hypernotes .content-section--padding, body.page-template-page-roadmap-hypernotes .content-section--padding, body.page-template-page-solutions-hypernotes .content-section--padding, body.page-template-template-odin-hypernotes .content-section--padding {
    padding: 80px 0;
    margin-top: 0
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .content-section--padding, body.page-template-page-features-hypernotes .content-section--padding, body.page-template-page-pricing-hypernotes .content-section--padding, body.page-template-page-roadmap-hypernotes .content-section--padding, body.page-template-page-solutions-hypernotes .content-section--padding, body.page-template-template-odin-hypernotes .content-section--padding {
        padding: 30px 0
    }
}

body.page-template-page-apps-hypernotes .odin-navbar__main-menu .info, body.page-template-page-features-hypernotes .odin-navbar__main-menu .info, body.page-template-page-pricing-hypernotes .odin-navbar__main-menu .info, body.page-template-page-roadmap-hypernotes .odin-navbar__main-menu .info, body.page-template-page-solutions-hypernotes .odin-navbar__main-menu .info, body.page-template-template-odin-hypernotes .odin-navbar__main-menu .info {
    color: #5d87ac;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 2px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .odin-navbar__main-menu .info, body.page-template-page-features-hypernotes .odin-navbar__main-menu .info, body.page-template-page-pricing-hypernotes .odin-navbar__main-menu .info, body.page-template-page-roadmap-hypernotes .odin-navbar__main-menu .info, body.page-template-page-solutions-hypernotes .odin-navbar__main-menu .info, body.page-template-template-odin-hypernotes .odin-navbar__main-menu .info {
        font-size: 12px;
        margin-top: 8px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .odin-navbar__main-menu .mobileNone, body.page-template-page-features-hypernotes .odin-navbar__main-menu .mobileNone, body.page-template-page-pricing-hypernotes .odin-navbar__main-menu .mobileNone, body.page-template-page-roadmap-hypernotes .odin-navbar__main-menu .mobileNone, body.page-template-page-solutions-hypernotes .odin-navbar__main-menu .mobileNone, body.page-template-template-odin-hypernotes .odin-navbar__main-menu .mobileNone {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .odin-navbar__main-menu .mobileBlock, body.page-template-page-features-hypernotes .odin-navbar__main-menu .mobileBlock, body.page-template-page-pricing-hypernotes .odin-navbar__main-menu .mobileBlock, body.page-template-page-roadmap-hypernotes .odin-navbar__main-menu .mobileBlock, body.page-template-page-solutions-hypernotes .odin-navbar__main-menu .mobileBlock, body.page-template-template-odin-hypernotes .odin-navbar__main-menu .mobileBlock {
        display: block;
        color: #5d87ac;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

body.page-template-page-apps-hypernotes .odin-button, body.page-template-page-features-hypernotes .odin-button, body.page-template-page-pricing-hypernotes .odin-button, body.page-template-page-roadmap-hypernotes .odin-button, body.page-template-page-solutions-hypernotes .odin-button, body.page-template-template-odin-hypernotes .odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

body.page-template-page-apps-hypernotes .section__welcome, body.page-template-page-features-hypernotes .section__welcome, body.page-template-page-pricing-hypernotes .section__welcome, body.page-template-page-roadmap-hypernotes .section__welcome, body.page-template-page-solutions-hypernotes .section__welcome, body.page-template-template-odin-hypernotes .section__welcome {
    margin-bottom: 70px
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome, body.page-template-page-features-hypernotes .section__welcome, body.page-template-page-pricing-hypernotes .section__welcome, body.page-template-page-roadmap-hypernotes .section__welcome, body.page-template-page-solutions-hypernotes .section__welcome, body.page-template-template-odin-hypernotes .section__welcome {
        margin-bottom: 40px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .productHunt, body.page-template-page-features-hypernotes .section__welcome .productHunt, body.page-template-page-pricing-hypernotes .section__welcome .productHunt, body.page-template-page-roadmap-hypernotes .section__welcome .productHunt, body.page-template-page-solutions-hypernotes .section__welcome .productHunt, body.page-template-template-odin-hypernotes .section__welcome .productHunt {
    margin-top: 30px
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__content, body.page-template-page-features-hypernotes .section__welcome .section__welcome__content, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__content, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__content, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__content, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__content {
    text-align: center
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__content, body.page-template-page-features-hypernotes .section__welcome .section__welcome__content, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__content, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__content, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__content, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__content {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }
}

body.page-template-page-apps-hypernotes .section__welcome .displayMobile, body.page-template-page-features-hypernotes .section__welcome .displayMobile, body.page-template-page-pricing-hypernotes .section__welcome .displayMobile, body.page-template-page-roadmap-hypernotes .section__welcome .displayMobile, body.page-template-page-solutions-hypernotes .section__welcome .displayMobile, body.page-template-template-odin-hypernotes .section__welcome .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome .displayMobile, body.page-template-page-features-hypernotes .section__welcome .displayMobile, body.page-template-page-pricing-hypernotes .section__welcome .displayMobile, body.page-template-page-roadmap-hypernotes .section__welcome .displayMobile, body.page-template-page-solutions-hypernotes .section__welcome .displayMobile, body.page-template-template-odin-hypernotes .section__welcome .displayMobile {
        display: block
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .displayMobile, body.page-template-page-features-hypernotes .section__welcome .displayMobile, body.page-template-page-pricing-hypernotes .section__welcome .displayMobile, body.page-template-page-roadmap-hypernotes .section__welcome .displayMobile, body.page-template-page-solutions-hypernotes .section__welcome .displayMobile, body.page-template-template-odin-hypernotes .section__welcome .displayMobile {
        display: block
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    top: 20px;
    width: 775px;
    height: 500px;
    left: 22%
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop {
        top: 0;
        left: 0;
        position: relative;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        margin: 0 auto;
        height: 500px;
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop {
        height: 270px;
        margin-bottom: 40px;
        display: none
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage {
    position: absolute
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage .iphone {
    position: absolute
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
    height: 495px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        height: 495px;
        right: 138px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 502px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-apps-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-features-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-pricing-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-solutions-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-odin-hypernotes .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (max-width: 768px) and (max-width: 992px) {
    body.page-template-page-apps-hypernotes .section__welcome__register-form, body.page-template-page-apps-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-features-hypernotes .section__welcome__register-form, body.page-template-page-features-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-pricing-hypernotes .section__welcome__register-form, body.page-template-page-pricing-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-roadmap-hypernotes .section__welcome__register-form, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-solutions-hypernotes .section__welcome__register-form, body.page-template-page-solutions-hypernotes .section__welcome__register-form__sub-header, body.page-template-template-odin-hypernotes .section__welcome__register-form, body.page-template-template-odin-hypernotes .section__welcome__register-form__sub-header {
        display: none
    }
}

body.page-template-page-apps-hypernotes .section__welcome__register-form__email, body.page-template-page-features-hypernotes .section__welcome__register-form__email, body.page-template-page-pricing-hypernotes .section__welcome__register-form__email, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__email, body.page-template-page-solutions-hypernotes .section__welcome__register-form__email, body.page-template-template-odin-hypernotes .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome__register-form__email, body.page-template-page-features-hypernotes .section__welcome__register-form__email, body.page-template-page-pricing-hypernotes .section__welcome__register-form__email, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__email, body.page-template-page-solutions-hypernotes .section__welcome__register-form__email, body.page-template-template-odin-hypernotes .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-template-page-apps-hypernotes .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-features-hypernotes .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-pricing-hypernotes .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-solutions-hypernotes .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-odin-hypernotes .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-template-page-apps-hypernotes .section__welcome__register-form__email:focus, body.page-template-page-features-hypernotes .section__welcome__register-form__email:focus, body.page-template-page-pricing-hypernotes .section__welcome__register-form__email:focus, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__email:focus, body.page-template-page-solutions-hypernotes .section__welcome__register-form__email:focus, body.page-template-template-odin-hypernotes .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-template-page-apps-hypernotes span.bold, body.page-template-page-features-hypernotes span.bold, body.page-template-page-pricing-hypernotes span.bold, body.page-template-page-roadmap-hypernotes span.bold, body.page-template-page-solutions-hypernotes span.bold, body.page-template-template-odin-hypernotes span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-template-page-apps-hypernotes span.uppercase, body.page-template-page-features-hypernotes span.uppercase, body.page-template-page-pricing-hypernotes span.uppercase, body.page-template-page-roadmap-hypernotes span.uppercase, body.page-template-page-solutions-hypernotes span.uppercase, body.page-template-template-odin-hypernotes span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-template-page-apps-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-features-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-pricing-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-roadmap-hypernotes .section__welcome__register-form__sub-header, body.page-template-page-solutions-hypernotes .section__welcome__register-form__sub-header, body.page-template-template-odin-hypernotes .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-template-page-apps-hypernotes .button-main__link--blue, body.page-template-page-features-hypernotes .button-main__link--blue, body.page-template-page-pricing-hypernotes .button-main__link--blue, body.page-template-page-roadmap-hypernotes .button-main__link--blue, body.page-template-page-solutions-hypernotes .button-main__link--blue, body.page-template-template-odin-hypernotes .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-template-page-apps-hypernotes .button-main__link--blue:hover, body.page-template-page-features-hypernotes .button-main__link--blue:hover, body.page-template-page-pricing-hypernotes .button-main__link--blue:hover, body.page-template-page-roadmap-hypernotes .button-main__link--blue:hover, body.page-template-page-solutions-hypernotes .button-main__link--blue:hover, body.page-template-template-odin-hypernotes .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-template-page-apps-hypernotes .pricing-grid .pricingButton, body.page-template-page-features-hypernotes .pricing-grid .pricingButton, body.page-template-page-pricing-hypernotes .pricing-grid .pricingButton, body.page-template-page-roadmap-hypernotes .pricing-grid .pricingButton, body.page-template-page-solutions-hypernotes .pricing-grid .pricingButton, body.page-template-template-odin-hypernotes .pricing-grid .pricingButton {
    display: block;
    width: 100%;
    max-width: 100%
}

body.page-template-page-apps-hypernotes .pricing-grid .pricingButton.personal, body.page-template-page-features-hypernotes .pricing-grid .pricingButton.personal, body.page-template-page-pricing-hypernotes .pricing-grid .pricingButton.personal, body.page-template-page-roadmap-hypernotes .pricing-grid .pricingButton.personal, body.page-template-page-solutions-hypernotes .pricing-grid .pricingButton.personal, body.page-template-template-odin-hypernotes .pricing-grid .pricingButton.personal {
    background-color: #107fdc
}

body.page-template-page-apps-hypernotes .page-general, body.page-template-page-features-hypernotes .page-general, body.page-template-page-pricing-hypernotes .page-general, body.page-template-page-roadmap-hypernotes .page-general, body.page-template-page-solutions-hypernotes .page-general, body.page-template-template-odin-hypernotes .page-general {
    text-align: left
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .page-general, body.page-template-page-features-hypernotes .page-general, body.page-template-page-pricing-hypernotes .page-general, body.page-template-page-roadmap-hypernotes .page-general, body.page-template-page-solutions-hypernotes .page-general, body.page-template-template-odin-hypernotes .page-general {
        text-align: center
    }

    body.page-template-page-apps-hypernotes .page-general .col-md-6, body.page-template-page-features-hypernotes .page-general .col-md-6, body.page-template-page-pricing-hypernotes .page-general .col-md-6, body.page-template-page-roadmap-hypernotes .page-general .col-md-6, body.page-template-page-solutions-hypernotes .page-general .col-md-6, body.page-template-template-odin-hypernotes .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-template-page-apps-hypernotes .container, body.page-template-page-features-hypernotes .container, body.page-template-page-pricing-hypernotes .container, body.page-template-page-roadmap-hypernotes .container, body.page-template-page-solutions-hypernotes .container, body.page-template-template-odin-hypernotes .container {
    text-align: center
}

body.page-template-page-apps-hypernotes .odin-navbar-collapse, body.page-template-page-features-hypernotes .odin-navbar-collapse, body.page-template-page-pricing-hypernotes .odin-navbar-collapse, body.page-template-page-roadmap-hypernotes .odin-navbar-collapse, body.page-template-page-solutions-hypernotes .odin-navbar-collapse, body.page-template-template-odin-hypernotes .odin-navbar-collapse {
    margin-top: 0
}

body.page-template-page-apps-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-features-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-roadmap-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-solutions-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-hypernotes .bordered-grid__item .bordered-grid__item-container {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-features-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-roadmap-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-page-solutions-hypernotes .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-hypernotes .bordered-grid__item .bordered-grid__item-container {
        padding: 20px
    }
}

body.page-template-page-apps-hypernotes .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-features-hypernotes .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-pricing-hypernotes .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-roadmap-hypernotes .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-solutions-hypernotes .bordered-grid__item .bordered-grid__item-container h2, body.page-template-template-odin-hypernotes .bordered-grid__item .bordered-grid__item-container h2 {
    font-weight: 500;
    font-size: 25px
}

body.page-template-page-apps-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-features-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-pricing-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-roadmap-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-solutions-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-odin-hypernotes .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container {
    position: absolute;
    top: 17px;
    width: 100%;
    left: 5px
}

body.page-template-page-apps-hypernotes .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-features-hypernotes .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-pricing-hypernotes .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-roadmap-hypernotes .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-solutions-hypernotes .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-odin-hypernotes .bordered-grid__item .bordered-grid__text-paragraph {
    font-size: 16px
}

body.page-template-page-apps-hypernotes .footer, body.page-template-page-features-hypernotes .footer, body.page-template-page-pricing-hypernotes .footer, body.page-template-page-roadmap-hypernotes .footer, body.page-template-page-solutions-hypernotes .footer, body.page-template-template-odin-hypernotes .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #30404d;
    color: #e5e0ee
}

body.page-template-page-apps-hypernotes .footer .giveUsACall .giveUsACallButton a, body.page-template-page-features-hypernotes .footer .giveUsACall .giveUsACallButton a, body.page-template-page-pricing-hypernotes .footer .giveUsACall .giveUsACallButton a, body.page-template-page-roadmap-hypernotes .footer .giveUsACall .giveUsACallButton a, body.page-template-page-solutions-hypernotes .footer .giveUsACall .giveUsACallButton a, body.page-template-template-odin-hypernotes .footer .giveUsACall .giveUsACallButton a {
    background: #f48c87;
    background: -webkit-linear-gradient(10deg, #f48c87, #fde0af);
    background: -moz-linear-gradient(10deg, #f48c87 0, #fde0af 100%);
    background: -o-linear-gradient(10deg, #f48c87 0, #fde0af 100%);
    background: linear-gradient(80deg, #f48c87, #fde0af)
}

body.page-template-page-apps-hypernotes .footer:before, body.page-template-page-features-hypernotes .footer:before, body.page-template-page-pricing-hypernotes .footer:before, body.page-template-page-roadmap-hypernotes .footer:before, body.page-template-page-solutions-hypernotes .footer:before, body.page-template-template-odin-hypernotes .footer:before {
    position: absolute;
    width: 809px;
    height: 300px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-hypernotes.svg) no-repeat;
    top: -160px;
    right: 0;
    z-index: -1;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 1200px) {
    body.page-template-page-apps-hypernotes .footer:before, body.page-template-page-features-hypernotes .footer:before, body.page-template-page-pricing-hypernotes .footer:before, body.page-template-page-roadmap-hypernotes .footer:before, body.page-template-page-solutions-hypernotes .footer:before, body.page-template-template-odin-hypernotes .footer:before {
        display: none
    }
}

@media (min-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .footer__nav-column + .footer__nav-column, body.page-template-page-features-hypernotes .footer .footer__nav-column + .footer__nav-column, body.page-template-page-pricing-hypernotes .footer .footer__nav-column + .footer__nav-column, body.page-template-page-roadmap-hypernotes .footer .footer__nav-column + .footer__nav-column, body.page-template-page-solutions-hypernotes .footer .footer__nav-column + .footer__nav-column, body.page-template-template-odin-hypernotes .footer .footer__nav-column + .footer__nav-column {
        margin-left: 0
    }

    body.page-template-page-apps-hypernotes .footer .subTitle, body.page-template-page-features-hypernotes .footer .subTitle, body.page-template-page-pricing-hypernotes .footer .subTitle, body.page-template-page-roadmap-hypernotes .footer .subTitle, body.page-template-page-solutions-hypernotes .footer .subTitle, body.page-template-template-odin-hypernotes .footer .subTitle {
        line-height: 26px;
        margin-bottom: 20px
    }

    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column {
        position: relative;
        width: 200px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column, body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column, body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column {
        width: 160px
    }
}

@media (min-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(2), body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(2) {
        border-right: 0;
        padding: 0;
        margin: 0
    }

    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(3), body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
        border-right: 0;
        padding: 0;
        margin: 0;
        border-left: 0
    }

    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes {
        margin-right: 80px;
        border-right: 2px solid rgba(0, 0, 0, .05);
        -webkit-box-shadow: 2px 0 #45535e;
        -moz-box-shadow: 2px 0 #45535e;
        box-shadow: 2px 0 #45535e;
        padding-right: 80px;
        width: 450px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes, body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column.hypernotes, body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column.hypernotes {
        width: 450px;
        padding-right: 40px;
        margin-right: 40px
    }
}

@media (min-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4), body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column:nth-child(4), body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(4) {
        padding-left: 0;
        margin-left: 0;
        border-left: 0
    }

    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column .widget, body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column .widget, body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column .widget, body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column .widget, body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column .widget, body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget, body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column .widget {
        margin-bottom: 0
    }

    body.page-template-page-apps-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2), body.page-template-page-features-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2), body.page-template-page-pricing-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2), body.page-template-page-roadmap-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2), body.page-template-page-solutions-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2), body.page-template-template-odin-hypernotes .footer .footer__nav--frontpage-platform .footer__nav-column .widget:nth-child(2), body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column .widget:nth-child(2) {
        margin-top: 0
    }
}

body.page-template-page-apps-hypernotes .footer h3.footer__nav-column-heading, body.page-template-page-features-hypernotes .footer h3.footer__nav-column-heading, body.page-template-page-pricing-hypernotes .footer h3.footer__nav-column-heading, body.page-template-page-roadmap-hypernotes .footer h3.footer__nav-column-heading, body.page-template-page-solutions-hypernotes .footer h3.footer__nav-column-heading, body.page-template-template-odin-hypernotes .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-template-page-apps-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-features-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-roadmap-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-solutions-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-hypernotes .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border-left-color: #45535e
}

body.page-template-page-apps-hypernotes .footer a:hover, body.page-template-page-features-hypernotes .footer a:hover, body.page-template-page-pricing-hypernotes .footer a:hover, body.page-template-page-roadmap-hypernotes .footer a:hover, body.page-template-page-solutions-hypernotes .footer a:hover, body.page-template-template-odin-hypernotes .footer a:hover {
    color: #fff
}

body.page-template-page-apps-hypernotes .footer .footer__nav, body.page-template-page-features-hypernotes .footer .footer__nav, body.page-template-page-pricing-hypernotes .footer .footer__nav, body.page-template-page-roadmap-hypernotes .footer .footer__nav, body.page-template-page-solutions-hypernotes .footer .footer__nav, body.page-template-template-odin-hypernotes .footer .footer__nav {
    margin-top: 0;
    margin: 0 auto
}

body.page-template-page-apps-hypernotes .footer .footer__character, body.page-template-page-features-hypernotes .footer .footer__character, body.page-template-page-pricing-hypernotes .footer .footer__character, body.page-template-page-roadmap-hypernotes .footer .footer__character, body.page-template-page-solutions-hypernotes .footer .footer__character, body.page-template-template-odin-hypernotes .footer .footer__character {
    display: none
}

body.page-template-page-apps-hypernotes .footer .footer__app-icon-item, body.page-template-page-features-hypernotes .footer .footer__app-icon-item, body.page-template-page-pricing-hypernotes .footer .footer__app-icon-item, body.page-template-page-roadmap-hypernotes .footer .footer__app-icon-item, body.page-template-page-solutions-hypernotes .footer .footer__app-icon-item, body.page-template-template-odin-hypernotes .footer .footer__app-icon-item {
    display: inline-block;
    max-width: 135px;
    margin: 5px 5px 11px 0
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .footer__app-icon-item, body.page-template-page-features-hypernotes .footer .footer__app-icon-item, body.page-template-page-pricing-hypernotes .footer .footer__app-icon-item, body.page-template-page-roadmap-hypernotes .footer .footer__app-icon-item, body.page-template-page-solutions-hypernotes .footer .footer__app-icon-item, body.page-template-template-odin-hypernotes .footer .footer__app-icon-item {
        max-width: 180px;
        margin: 10px 0
    }
}

body.page-template-page-apps-hypernotes .footer .footer__nav-column.hypernotes .menu, body.page-template-page-features-hypernotes .footer .footer__nav-column.hypernotes .menu, body.page-template-page-pricing-hypernotes .footer .footer__nav-column.hypernotes .menu, body.page-template-page-roadmap-hypernotes .footer .footer__nav-column.hypernotes .menu, body.page-template-page-solutions-hypernotes .footer .footer__nav-column.hypernotes .menu, body.page-template-template-odin-hypernotes .footer .footer__nav-column.hypernotes .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-template-page-apps-hypernotes .footer .footer__nav-column.hypernotes .menu li, body.page-template-page-features-hypernotes .footer .footer__nav-column.hypernotes .menu li, body.page-template-page-pricing-hypernotes .footer .footer__nav-column.hypernotes .menu li, body.page-template-page-roadmap-hypernotes .footer .footer__nav-column.hypernotes .menu li, body.page-template-page-solutions-hypernotes .footer .footer__nav-column.hypernotes .menu li, body.page-template-template-odin-hypernotes .footer .footer__nav-column.hypernotes .menu li {
    width: 50%
}

body.page-template-page-apps-hypernotes .footer .footer__nav-app-icons, body.page-template-page-features-hypernotes .footer .footer__nav-app-icons, body.page-template-page-pricing-hypernotes .footer .footer__nav-app-icons, body.page-template-page-roadmap-hypernotes .footer .footer__nav-app-icons, body.page-template-page-solutions-hypernotes .footer .footer__nav-app-icons, body.page-template-template-odin-hypernotes .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-template-page-apps-hypernotes .footer .odin-navbar-brand, body.page-template-page-features-hypernotes .footer .odin-navbar-brand, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-template-page-apps-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-apps-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .odin-navbar-brand, body.page-template-page-features-hypernotes .footer .odin-navbar-brand, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px
    }
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand .navbar-title {
        font-size: 20px
    }
}

body.page-template-page-apps-hypernotes .footer .odin-navbar-brand img, body.page-template-page-features-hypernotes .footer .odin-navbar-brand img, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand img, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand img, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand img, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand img {
    height: 16px;
    position: absolute;
    left: -26px;
    top: 3px
}

@media (max-width: 768px) {
    body.page-template-page-apps-hypernotes .footer .odin-navbar-brand img, body.page-template-page-features-hypernotes .footer .odin-navbar-brand img, body.page-template-page-pricing-hypernotes .footer .odin-navbar-brand img, body.page-template-page-roadmap-hypernotes .footer .odin-navbar-brand img, body.page-template-page-solutions-hypernotes .footer .odin-navbar-brand img, body.page-template-template-odin-hypernotes .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-template-page-apps-hypernotes .footer #nav_menu-7, body.page-template-page-features-hypernotes .footer #nav_menu-7, body.page-template-page-pricing-hypernotes .footer #nav_menu-7, body.page-template-page-roadmap-hypernotes .footer #nav_menu-7, body.page-template-page-solutions-hypernotes .footer #nav_menu-7, body.page-template-template-odin-hypernotes .footer #nav_menu-7 {
    margin-top: 0
}

body.page-template-page-apps-hypernotes .footer #nav_menu-7 h3, body.page-template-page-features-hypernotes .footer #nav_menu-7 h3, body.page-template-page-pricing-hypernotes .footer #nav_menu-7 h3, body.page-template-page-roadmap-hypernotes .footer #nav_menu-7 h3, body.page-template-page-solutions-hypernotes .footer #nav_menu-7 h3, body.page-template-template-odin-hypernotes .footer #nav_menu-7 h3 {
    display: none
}

body.page-template-page-apps-hypernotes .footerBottom .footer__legal, body.page-template-page-apps-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-features-hypernotes .footerBottom .footer__legal, body.page-template-page-features-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-pricing-hypernotes .footerBottom .footer__legal, body.page-template-page-pricing-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-roadmap-hypernotes .footerBottom .footer__legal, body.page-template-page-roadmap-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-solutions-hypernotes .footerBottom .footer__legal, body.page-template-page-solutions-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-odin-hypernotes .footerBottom .footer__legal, body.page-template-template-odin-hypernotes .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-template-page-apps-hypernotes .footerBottom .footer__legal a, body.page-template-page-features-hypernotes .footerBottom .footer__legal a, body.page-template-page-pricing-hypernotes .footerBottom .footer__legal a, body.page-template-page-roadmap-hypernotes .footerBottom .footer__legal a, body.page-template-page-solutions-hypernotes .footerBottom .footer__legal a, body.page-template-template-odin-hypernotes .footerBottom .footer__legal a {
    color: #fff
}

body.page-template-page-apps-hypernotes .footerBottom .footer__social-list li a, body.page-template-page-features-hypernotes .footerBottom .footer__social-list li a, body.page-template-page-pricing-hypernotes .footerBottom .footer__social-list li a, body.page-template-page-roadmap-hypernotes .footerBottom .footer__social-list li a, body.page-template-page-solutions-hypernotes .footerBottom .footer__social-list li a, body.page-template-template-odin-hypernotes .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-template-page-apps-hypernotes .footerBottom .footer__social-list li a:hover, body.page-template-page-features-hypernotes .footerBottom .footer__social-list li a:hover, body.page-template-page-pricing-hypernotes .footerBottom .footer__social-list li a:hover, body.page-template-page-roadmap-hypernotes .footerBottom .footer__social-list li a:hover, body.page-template-page-solutions-hypernotes .footerBottom .footer__social-list li a:hover, body.page-template-template-odin-hypernotes .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-template-page-apps-hypernotes .section__welcome__store-buttons, body.page-template-page-features-hypernotes .section__welcome__store-buttons, body.page-template-page-pricing-hypernotes .section__welcome__store-buttons, body.page-template-page-roadmap-hypernotes .section__welcome__store-buttons, body.page-template-page-solutions-hypernotes .section__welcome__store-buttons, body.page-template-template-odin-hypernotes .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-template-page-apps-hypernotes .section__welcome__store-buttons, body.page-template-page-features-hypernotes .section__welcome__store-buttons, body.page-template-page-pricing-hypernotes .section__welcome__store-buttons, body.page-template-page-roadmap-hypernotes .section__welcome__store-buttons, body.page-template-page-solutions-hypernotes .section__welcome__store-buttons, body.page-template-template-odin-hypernotes .section__welcome__store-buttons {
        display: none
    }
}

body.page-template-page-apps-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-features-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-pricing-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-roadmap-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-solutions-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-odin-hypernotes .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-template-page-apps-hypernotes .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-features-hypernotes .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-pricing-hypernotes .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-roadmap-hypernotes .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-solutions-hypernotes .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-odin-hypernotes .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-template-page-apps-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-features-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-pricing-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-roadmap-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-solutions-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-odin-hypernotes .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

@media (max-width: 768px) {
    .odin-navbar-brand .odin-logo-highlight {
        font-weight: 500
    }
}

body.page-template-template-general-flexible .contentBox {
    padding: 20px;
    background-color: #fffdd7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #664d1d;
    display: inline-block;
    font-size: 15px
}

body.page-template-template-general-flexible .contentBox img {
    width: 60px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-template-template-general-flexible .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-template-template-general-flexible .contentBox p {
    margin-bottom: 0
}

.page-id-38584 main .container {
    display: none
}

.page-id-38584 main img {
    margin-bottom: 10rem
}

body.page-template-page-features-todo .footer {
    margin-top: 70px
}

body.page-id-38612, body.page-id-39326, body.page-id-40596, body.page-id-40668, body.page-id-52905, body.page-template-page-features-todo, body.page-template-page-pricing-todo, body.page-template-page-roadmap-todo, body.page-template-template-general-flexible-to-do, body.page-template-template-odin-todo, body.parent-pageid-38584, body.parent-pageid-39315 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    background-position: top
}

body.page-id-38612 ::-moz-selection, body.page-id-39326 ::-moz-selection, body.page-id-40596 ::-moz-selection, body.page-id-40668 ::-moz-selection, body.page-id-52905 ::-moz-selection, body.page-template-page-features-todo ::-moz-selection, body.page-template-page-pricing-todo ::-moz-selection, body.page-template-page-roadmap-todo ::-moz-selection, body.page-template-template-general-flexible-to-do ::-moz-selection, body.page-template-template-odin-todo ::-moz-selection, body.parent-pageid-38584 ::-moz-selection, body.parent-pageid-39315 ::-moz-selection {
    color: #fff;
    background-image: #7ee57e
}

body.page-id-38612 ::selection, body.page-id-39326 ::selection, body.page-id-40596 ::selection, body.page-id-40668 ::selection, body.page-id-52905 ::selection, body.page-template-page-features-todo ::selection, body.page-template-page-pricing-todo ::selection, body.page-template-page-roadmap-todo ::selection, body.page-template-template-general-flexible-to-do ::selection, body.page-template-template-odin-todo ::selection, body.parent-pageid-38584 ::selection, body.parent-pageid-39315 ::selection {
    color: #fff;
    background: #7ee57e
}

body.page-id-38612 .odin-navbar-collapse .current-menu-item a, body.page-id-38612 .odin-navbar-collapse li:hover > a, body.page-id-39326 .odin-navbar-collapse .current-menu-item a, body.page-id-39326 .odin-navbar-collapse li:hover > a, body.page-id-40596 .odin-navbar-collapse .current-menu-item a, body.page-id-40596 .odin-navbar-collapse li:hover > a, body.page-id-40668 .odin-navbar-collapse .current-menu-item a, body.page-id-40668 .odin-navbar-collapse li:hover > a, body.page-id-52905 .odin-navbar-collapse .current-menu-item a, body.page-id-52905 .odin-navbar-collapse li:hover > a, body.page-template-page-features-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-todo .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-todo .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-todo .odin-navbar-collapse li:hover > a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .current-menu-item a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li:hover > a, body.page-template-template-odin-todo .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-todo .odin-navbar-collapse li:hover > a, body.parent-pageid-38584 .odin-navbar-collapse .current-menu-item a, body.parent-pageid-38584 .odin-navbar-collapse li:hover > a, body.parent-pageid-39315 .odin-navbar-collapse .current-menu-item a, body.parent-pageid-39315 .odin-navbar-collapse li:hover > a {
    background-color: #81deac36
}

body.page-id-38612 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-39326 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-40596 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-40668 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-52905 .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .current-menu-item a:hover, body.parent-pageid-38584 .odin-navbar-collapse .current-menu-item a:hover, body.parent-pageid-39315 .odin-navbar-collapse .current-menu-item a:hover {
    background-color: #5db68752
}

@media (max-width: 992px) {
    body.page-id-38612 .odin-navbar-collapse .current-menu-item a, body.page-id-38612 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-38612 .odin-navbar-collapse li:hover > a, body.page-id-39326 .odin-navbar-collapse .current-menu-item a, body.page-id-39326 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-39326 .odin-navbar-collapse li:hover > a, body.page-id-40596 .odin-navbar-collapse .current-menu-item a, body.page-id-40596 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-40596 .odin-navbar-collapse li:hover > a, body.page-id-40668 .odin-navbar-collapse .current-menu-item a, body.page-id-40668 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-40668 .odin-navbar-collapse li:hover > a, body.page-id-52905 .odin-navbar-collapse .current-menu-item a, body.page-id-52905 .odin-navbar-collapse .current-menu-item a:hover, body.page-id-52905 .odin-navbar-collapse li:hover > a, body.page-template-page-features-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-features-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-features-todo .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-pricing-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse li:hover > a, body.page-template-page-roadmap-todo .odin-navbar-collapse .current-menu-item a, body.page-template-page-roadmap-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse li:hover > a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .current-menu-item a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li:hover > a, body.page-template-template-odin-todo .odin-navbar-collapse .current-menu-item a, body.page-template-template-odin-todo .odin-navbar-collapse .current-menu-item a:hover, body.page-template-template-odin-todo .odin-navbar-collapse li:hover > a, body.parent-pageid-38584 .odin-navbar-collapse .current-menu-item a, body.parent-pageid-38584 .odin-navbar-collapse .current-menu-item a:hover, body.parent-pageid-38584 .odin-navbar-collapse li:hover > a, body.parent-pageid-39315 .odin-navbar-collapse .current-menu-item a, body.parent-pageid-39315 .odin-navbar-collapse .current-menu-item a:hover, body.parent-pageid-39315 .odin-navbar-collapse li:hover > a {
        background-color: transparent
    }
}

body.page-id-38612 #scene, body.page-id-39326 #scene, body.page-id-40596 #scene, body.page-id-40668 #scene, body.page-id-52905 #scene, body.page-template-page-features-todo #scene, body.page-template-page-pricing-todo #scene, body.page-template-page-roadmap-todo #scene, body.page-template-template-general-flexible-to-do #scene, body.page-template-template-odin-todo #scene, body.parent-pageid-38584 #scene, body.parent-pageid-39315 #scene {
    position: absolute !important;
    width: 100%;
    top: 0;
    overflow: hidden;
    height: 1330px
}

body.page-id-38612 .landing-bg-l, body.page-id-39326 .landing-bg-l, body.page-id-40596 .landing-bg-l, body.page-id-40668 .landing-bg-l, body.page-id-52905 .landing-bg-l, body.page-template-page-features-todo .landing-bg-l, body.page-template-page-pricing-todo .landing-bg-l, body.page-template-page-roadmap-todo .landing-bg-l, body.page-template-template-general-flexible-to-do .landing-bg-l, body.page-template-template-odin-todo .landing-bg-l, body.parent-pageid-38584 .landing-bg-l, body.parent-pageid-39315 .landing-bg-l {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-left.svg) no-repeat;
    width: 1000px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    left: -25px !important;
    top: -15px !important;
    height: 800px
}

@media (max-width: 1100px) {
    body.page-id-38612 .landing-bg-l, body.page-id-39326 .landing-bg-l, body.page-id-40596 .landing-bg-l, body.page-id-40668 .landing-bg-l, body.page-id-52905 .landing-bg-l, body.page-template-page-features-todo .landing-bg-l, body.page-template-page-pricing-todo .landing-bg-l, body.page-template-page-roadmap-todo .landing-bg-l, body.page-template-template-general-flexible-to-do .landing-bg-l, body.page-template-template-odin-todo .landing-bg-l, body.parent-pageid-38584 .landing-bg-l, body.parent-pageid-39315 .landing-bg-l {
        width: 800px
    }
}

@media (max-width: 810px) {
    body.page-id-38612 .landing-bg-l, body.page-id-39326 .landing-bg-l, body.page-id-40596 .landing-bg-l, body.page-id-40668 .landing-bg-l, body.page-id-52905 .landing-bg-l, body.page-template-page-features-todo .landing-bg-l, body.page-template-page-pricing-todo .landing-bg-l, body.page-template-page-roadmap-todo .landing-bg-l, body.page-template-template-general-flexible-to-do .landing-bg-l, body.page-template-template-odin-todo .landing-bg-l, body.parent-pageid-38584 .landing-bg-l, body.parent-pageid-39315 .landing-bg-l {
        width: 320px
    }
}

body.page-id-38612 .landing-bg-r, body.page-id-39326 .landing-bg-r, body.page-id-40596 .landing-bg-r, body.page-id-40668 .landing-bg-r, body.page-id-52905 .landing-bg-r, body.page-template-page-features-todo .landing-bg-r, body.page-template-page-pricing-todo .landing-bg-r, body.page-template-page-roadmap-todo .landing-bg-r, body.page-template-template-general-flexible-to-do .landing-bg-r, body.page-template-template-odin-todo .landing-bg-r, body.parent-pageid-38584 .landing-bg-r, body.parent-pageid-39315 .landing-bg-r {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-right.svg) no-repeat;
    width: 360px;
    top: 450px !important;
    left: auto !important;
    right: 55px !important;
    height: 450px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-id-38612 .landing-bg-r, body.page-id-39326 .landing-bg-r, body.page-id-40596 .landing-bg-r, body.page-id-40668 .landing-bg-r, body.page-id-52905 .landing-bg-r, body.page-template-page-features-todo .landing-bg-r, body.page-template-page-pricing-todo .landing-bg-r, body.page-template-page-roadmap-todo .landing-bg-r, body.page-template-template-general-flexible-to-do .landing-bg-r, body.page-template-template-odin-todo .landing-bg-r, body.parent-pageid-38584 .landing-bg-r, body.parent-pageid-39315 .landing-bg-r {
        display: none !important
    }
}

body.page-id-38612:before, body.page-id-39326:before, body.page-id-40596:before, body.page-id-40668:before, body.page-id-52905:before, body.page-template-page-features-todo:before, body.page-template-page-pricing-todo:before, body.page-template-page-roadmap-todo:before, body.page-template-template-general-flexible-to-do:before, body.page-template-template-odin-todo:before, body.parent-pageid-38584:before, body.parent-pageid-39315:before {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-left.svg) no-repeat;
    width: 1000px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 800px;
    display: none
}

@media (max-width: 1000px) {
    body.page-id-38612:before, body.page-id-39326:before, body.page-id-40596:before, body.page-id-40668:before, body.page-id-52905:before, body.page-template-page-features-todo:before, body.page-template-page-pricing-todo:before, body.page-template-page-roadmap-todo:before, body.page-template-template-general-flexible-to-do:before, body.page-template-template-odin-todo:before, body.parent-pageid-38584:before, body.parent-pageid-39315:before {
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

body.page-id-38612:after, body.page-id-39326:after, body.page-id-40596:after, body.page-id-40668:after, body.page-id-52905:after, body.page-template-page-features-todo:after, body.page-template-page-pricing-todo:after, body.page-template-page-roadmap-todo:after, body.page-template-template-general-flexible-to-do:after, body.page-template-template-odin-todo:after, body.parent-pageid-38584:after, body.parent-pageid-39315:after {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-right.svg) no-repeat;
    width: 360px;
    top: 450px;
    display: none;
    left: auto;
    height: 369px;
    right: 70px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 992px) {
    body.page-id-38612:after, body.page-id-39326:after, body.page-id-40596:after, body.page-id-40668:after, body.page-id-52905:after, body.page-template-page-features-todo:after, body.page-template-page-pricing-todo:after, body.page-template-page-roadmap-todo:after, body.page-template-template-general-flexible-to-do:after, body.page-template-template-odin-todo:after, body.parent-pageid-38584:after, body.parent-pageid-39315:after {
        width: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain
    }
}

body.page-id-38612 .filterOption .options, body.page-id-39326 .filterOption .options, body.page-id-40596 .filterOption .options, body.page-id-40668 .filterOption .options, body.page-id-52905 .filterOption .options, body.page-template-page-features-todo .filterOption .options, body.page-template-page-pricing-todo .filterOption .options, body.page-template-page-roadmap-todo .filterOption .options, body.page-template-template-general-flexible-to-do .filterOption .options, body.page-template-template-odin-todo .filterOption .options, body.parent-pageid-38584 .filterOption .options, body.parent-pageid-39315 .filterOption .options {
    background-color: #81deac36
}

@media (max-width: 992px) {
    body.page-id-38612 .footer .giveUsACall, body.page-id-39326 .footer .giveUsACall, body.page-id-40596 .footer .giveUsACall, body.page-id-40668 .footer .giveUsACall, body.page-id-52905 .footer .giveUsACall, body.page-template-page-features-todo .footer .giveUsACall, body.page-template-page-pricing-todo .footer .giveUsACall, body.page-template-page-roadmap-todo .footer .giveUsACall, body.page-template-template-general-flexible-to-do .footer .giveUsACall, body.page-template-template-odin-todo .footer .giveUsACall, body.parent-pageid-38584 .footer .giveUsACall, body.parent-pageid-39315 .footer .giveUsACall {
        margin: 0
    }

    body.page-id-38612 .footer__nav, body.page-id-38612 .footerBottom .wpml-ls, body.page-id-39326 .footer__nav, body.page-id-39326 .footerBottom .wpml-ls, body.page-id-40596 .footer__nav, body.page-id-40596 .footerBottom .wpml-ls, body.page-id-40668 .footer__nav, body.page-id-40668 .footerBottom .wpml-ls, body.page-id-52905 .footer__nav, body.page-id-52905 .footerBottom .wpml-ls, body.page-template-page-features-todo .footer__nav, body.page-template-page-features-todo .footerBottom .wpml-ls, body.page-template-page-pricing-todo .footer__nav, body.page-template-page-pricing-todo .footerBottom .wpml-ls, body.page-template-page-roadmap-todo .footer__nav, body.page-template-page-roadmap-todo .footerBottom .wpml-ls, body.page-template-template-general-flexible-to-do .footer__nav, body.page-template-template-general-flexible-to-do .footerBottom .wpml-ls, body.page-template-template-odin-todo .footer__nav, body.page-template-template-odin-todo .footerBottom .wpml-ls, body.parent-pageid-38584 .footer__nav, body.parent-pageid-38584 .footerBottom .wpml-ls, body.parent-pageid-39315 .footer__nav, body.parent-pageid-39315 .footerBottom .wpml-ls {
        display: none
    }

    body.page-id-38612 .odin-navbar-nav .displayNone, body.page-id-39326 .odin-navbar-nav .displayNone, body.page-id-40596 .odin-navbar-nav .displayNone, body.page-id-40668 .odin-navbar-nav .displayNone, body.page-id-52905 .odin-navbar-nav .displayNone, body.page-template-page-features-todo .odin-navbar-nav .displayNone, body.page-template-page-pricing-todo .odin-navbar-nav .displayNone, body.page-template-page-roadmap-todo .odin-navbar-nav .displayNone, body.page-template-template-general-flexible-to-do .odin-navbar-nav .displayNone, body.page-template-template-odin-todo .odin-navbar-nav .displayNone, body.parent-pageid-38584 .odin-navbar-nav .displayNone, body.parent-pageid-39315 .odin-navbar-nav .displayNone {
        display: block
    }

    body.page-id-38612 label.hamburger, body.page-id-39326 label.hamburger, body.page-id-40596 label.hamburger, body.page-id-40668 label.hamburger, body.page-id-52905 label.hamburger, body.page-template-page-features-todo label.hamburger, body.page-template-page-pricing-todo label.hamburger, body.page-template-page-roadmap-todo label.hamburger, body.page-template-template-general-flexible-to-do label.hamburger, body.page-template-template-odin-todo label.hamburger, body.parent-pageid-38584 label.hamburger, body.parent-pageid-39315 label.hamburger {
        position: absolute;
        right: 15px;
        top: 4px;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    body.page-id-38612 label.hamburger .line, body.page-id-39326 label.hamburger .line, body.page-id-40596 label.hamburger .line, body.page-id-40668 label.hamburger .line, body.page-id-52905 label.hamburger .line, body.page-template-page-features-todo label.hamburger .line, body.page-template-page-pricing-todo label.hamburger .line, body.page-template-page-roadmap-todo label.hamburger .line, body.page-template-template-general-flexible-to-do label.hamburger .line, body.page-template-template-odin-todo label.hamburger .line, body.parent-pageid-38584 label.hamburger .line, body.parent-pageid-39315 label.hamburger .line {
        position: absolute;
        height: 2px;
        width: 30px;
        background: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        -webkit-transition: .05s;
        -o-transition: .05s;
        -moz-transition: .05s;
        transition: .05s;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center
    }

    body.page-id-38612 label.hamburger .line:first-child, body.page-id-39326 label.hamburger .line:first-child, body.page-id-40596 label.hamburger .line:first-child, body.page-id-40668 label.hamburger .line:first-child, body.page-id-52905 label.hamburger .line:first-child, body.page-template-page-features-todo label.hamburger .line:first-child, body.page-template-page-pricing-todo label.hamburger .line:first-child, body.page-template-page-roadmap-todo label.hamburger .line:first-child, body.page-template-template-general-flexible-to-do label.hamburger .line:first-child, body.page-template-template-odin-todo label.hamburger .line:first-child, body.parent-pageid-38584 label.hamburger .line:first-child, body.parent-pageid-39315 label.hamburger .line:first-child {
        top: 12px
    }

    body.page-id-38612 label.hamburger .line:nth-child(2), body.page-id-39326 label.hamburger .line:nth-child(2), body.page-id-40596 label.hamburger .line:nth-child(2), body.page-id-40668 label.hamburger .line:nth-child(2), body.page-id-52905 label.hamburger .line:nth-child(2), body.page-template-page-features-todo label.hamburger .line:nth-child(2), body.page-template-page-pricing-todo label.hamburger .line:nth-child(2), body.page-template-page-roadmap-todo label.hamburger .line:nth-child(2), body.page-template-template-general-flexible-to-do label.hamburger .line:nth-child(2), body.page-template-template-odin-todo label.hamburger .line:nth-child(2), body.parent-pageid-38584 label.hamburger .line:nth-child(2), body.parent-pageid-39315 label.hamburger .line:nth-child(2) {
        top: 19px
    }

    body.page-id-38612 label.hamburger .line:nth-child(3), body.page-id-39326 label.hamburger .line:nth-child(3), body.page-id-40596 label.hamburger .line:nth-child(3), body.page-id-40668 label.hamburger .line:nth-child(3), body.page-id-52905 label.hamburger .line:nth-child(3), body.page-template-page-features-todo label.hamburger .line:nth-child(3), body.page-template-page-pricing-todo label.hamburger .line:nth-child(3), body.page-template-page-roadmap-todo label.hamburger .line:nth-child(3), body.page-template-template-general-flexible-to-do label.hamburger .line:nth-child(3), body.page-template-template-odin-todo label.hamburger .line:nth-child(3), body.parent-pageid-38584 label.hamburger .line:nth-child(3), body.parent-pageid-39315 label.hamburger .line:nth-child(3) {
        top: 26px
    }

    body.page-id-38612 #hamburger:checked + .hamburger .line:first-child, body.page-id-39326 #hamburger:checked + .hamburger .line:first-child, body.page-id-40596 #hamburger:checked + .hamburger .line:first-child, body.page-id-40668 #hamburger:checked + .hamburger .line:first-child, body.page-id-52905 #hamburger:checked + .hamburger .line:first-child, body.page-template-page-features-todo #hamburger:checked + .hamburger .line:first-child, body.page-template-page-pricing-todo #hamburger:checked + .hamburger .line:first-child, body.page-template-page-roadmap-todo #hamburger:checked + .hamburger .line:first-child, body.page-template-template-general-flexible-to-do #hamburger:checked + .hamburger .line:first-child, body.page-template-template-odin-todo #hamburger:checked + .hamburger .line:first-child, body.parent-pageid-38584 #hamburger:checked + .hamburger .line:first-child, body.parent-pageid-39315 #hamburger:checked + .hamburger .line:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        -moz-transform: translateY(8px) rotate(-45deg);
        -ms-transform: translateY(8px) rotate(-45deg);
        -o-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    body.page-id-38612 #hamburger:checked + .hamburger .line:nth-child(2), body.page-id-39326 #hamburger:checked + .hamburger .line:nth-child(2), body.page-id-40596 #hamburger:checked + .hamburger .line:nth-child(2), body.page-id-40668 #hamburger:checked + .hamburger .line:nth-child(2), body.page-id-52905 #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-features-todo #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-pricing-todo #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-roadmap-todo #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-general-flexible-to-do #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-odin-todo #hamburger:checked + .hamburger .line:nth-child(2), body.parent-pageid-38584 #hamburger:checked + .hamburger .line:nth-child(2), body.parent-pageid-39315 #hamburger:checked + .hamburger .line:nth-child(2) {
        opacity: 0
    }

    body.page-id-38612 #hamburger:checked + .hamburger .line:nth-child(3), body.page-id-39326 #hamburger:checked + .hamburger .line:nth-child(3), body.page-id-40596 #hamburger:checked + .hamburger .line:nth-child(3), body.page-id-40668 #hamburger:checked + .hamburger .line:nth-child(3), body.page-id-52905 #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-features-todo #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-pricing-todo #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-roadmap-todo #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-general-flexible-to-do #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-odin-todo #hamburger:checked + .hamburger .line:nth-child(3), body.parent-pageid-38584 #hamburger:checked + .hamburger .line:nth-child(3), body.parent-pageid-39315 #hamburger:checked + .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        -moz-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
        -o-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg)
    }

    body.page-id-38612 .odin-navbar.closed .odin-navbar-collapse, body.page-id-38612 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-id-39326 .odin-navbar.closed .odin-navbar-collapse, body.page-id-39326 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-id-40596 .odin-navbar.closed .odin-navbar-collapse, body.page-id-40596 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-id-40668 .odin-navbar.closed .odin-navbar-collapse, body.page-id-40668 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-id-52905 .odin-navbar.closed .odin-navbar-collapse, body.page-id-52905 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-features-todo .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-features-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-pricing-todo .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-pricing-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-roadmap-todo .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-roadmap-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-general-flexible-to-do .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-general-flexible-to-do .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-odin-todo .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-odin-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.parent-pageid-38584 .odin-navbar.closed .odin-navbar-collapse, body.parent-pageid-38584 .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.parent-pageid-39315 .odin-navbar.closed .odin-navbar-collapse, body.parent-pageid-39315 .odin-navbar.navbar-scrolled .odin-navbar-collapse {
        top: 60px;
        background-position: left -60px
    }

    body.page-id-38612 .odin-navbar.closed .odin-navbar-collapse:before, body.page-id-38612 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-id-39326 .odin-navbar.closed .odin-navbar-collapse:before, body.page-id-39326 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-id-40596 .odin-navbar.closed .odin-navbar-collapse:before, body.page-id-40596 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-id-40668 .odin-navbar.closed .odin-navbar-collapse:before, body.page-id-40668 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-id-52905 .odin-navbar.closed .odin-navbar-collapse:before, body.page-id-52905 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-features-todo .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-features-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-pricing-todo .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-pricing-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-roadmap-todo .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-roadmap-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-general-flexible-to-do .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-general-flexible-to-do .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-odin-todo .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-odin-todo .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.parent-pageid-38584 .odin-navbar.closed .odin-navbar-collapse:before, body.parent-pageid-38584 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.parent-pageid-39315 .odin-navbar.closed .odin-navbar-collapse:before, body.parent-pageid-39315 .odin-navbar.navbar-scrolled .odin-navbar-collapse:before {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        content: "";
        height: 10px;
        -webkit-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        -moz-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse, body.page-id-39326 .odin-navbar-collapse, body.page-id-40596 .odin-navbar-collapse, body.page-id-40668 .odin-navbar-collapse, body.page-id-52905 .odin-navbar-collapse, body.page-template-page-features-todo .odin-navbar-collapse, body.page-template-page-pricing-todo .odin-navbar-collapse, body.page-template-page-roadmap-todo .odin-navbar-collapse, body.page-template-template-general-flexible-to-do .odin-navbar-collapse, body.page-template-template-odin-todo .odin-navbar-collapse, body.parent-pageid-38584 .odin-navbar-collapse, body.parent-pageid-39315 .odin-navbar-collapse {
        margin-top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #1b1b1b;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        overflow: auto;
        background-color: #f0f0f0;
        padding: 10px 10px 90px;
        -ms-overflow-style: none;
        z-index: 100;
        top: 60px;
        opacity: 0;
        visibility: hidden
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: -1px
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher.empty button {
        pointer-events: none;
        cursor: not-allowed;
        color: #999 !important
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher.empty button:after {
        opacity: .3
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul {
        background: none;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item {
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
        display: block;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6;
        position: relative;
        overflow: hidden
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 1px;
        background: #e5e5e6;
        left: 0;
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited {
        background: #fff;
        outline: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu {
        position: static;
        top: 0;
        right: auto;
        left: auto;
        bottom: auto;
        display: block;
        max-height: 0;
        background: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle {
        padding: 17px 20px 16px;
        color: #000;
        left: 0;
        border: 0;
        margin-top: 0;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 500;
        width: 100%;
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        text-align: left;
        position: relative;
        background-color: #fff
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after {
        position: absolute;
        right: 20px;
        top: 22px;
        height: 15px;
        width: 15px;
        content: "";
        background: url(https://odin.com/wp-content/uploads/2020/03/globe-black.svg)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link {
        padding: 20px 20px 24px 65px;
        border-top: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span {
        margin-left: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before {
        content: "";
        height: 33px;
        width: 33px;
        left: 20px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -11px 10px 12px 1px;
        position: absolute;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        top: 24px
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px;
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/de.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/en.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/fr.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ch.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/it.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/kr.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/pt.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ru.png)
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/es.png)
    }

    body.page-id-38612 .odin-navbar-collapse::-webkit-scrollbar, body.page-id-39326 .odin-navbar-collapse::-webkit-scrollbar, body.page-id-40596 .odin-navbar-collapse::-webkit-scrollbar, body.page-id-40668 .odin-navbar-collapse::-webkit-scrollbar, body.page-id-52905 .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-features-todo .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-pricing-todo .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-roadmap-todo .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-general-flexible-to-do .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-odin-todo .odin-navbar-collapse::-webkit-scrollbar, body.parent-pageid-38584 .odin-navbar-collapse::-webkit-scrollbar, body.parent-pageid-39315 .odin-navbar-collapse::-webkit-scrollbar {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse.show, body.page-id-39326 .odin-navbar-collapse.show, body.page-id-40596 .odin-navbar-collapse.show, body.page-id-40668 .odin-navbar-collapse.show, body.page-id-52905 .odin-navbar-collapse.show, body.page-template-page-features-todo .odin-navbar-collapse.show, body.page-template-page-pricing-todo .odin-navbar-collapse.show, body.page-template-page-roadmap-todo .odin-navbar-collapse.show, body.page-template-template-general-flexible-to-do .odin-navbar-collapse.show, body.page-template-template-odin-todo .odin-navbar-collapse.show, body.parent-pageid-38584 .odin-navbar-collapse.show, body.parent-pageid-39315 .odin-navbar-collapse.show {
        opacity: 1;
        visibility: visible
    }

    body.page-id-38612 .odin-navbar-collapse ul, body.page-id-39326 .odin-navbar-collapse ul, body.page-id-40596 .odin-navbar-collapse ul, body.page-id-40668 .odin-navbar-collapse ul, body.page-id-52905 .odin-navbar-collapse ul, body.page-template-page-features-todo .odin-navbar-collapse ul, body.page-template-page-pricing-todo .odin-navbar-collapse ul, body.page-template-page-roadmap-todo .odin-navbar-collapse ul, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul, body.page-template-template-odin-todo .odin-navbar-collapse ul, body.parent-pageid-38584 .odin-navbar-collapse ul, body.parent-pageid-39315 .odin-navbar-collapse ul {
        width: 100%;
        list-style: none;
        border-left: 1px solid #e5e5e6;
        border-right: 1px solid #e5e5e6;
        border-bottom: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-id-38612 .odin-navbar-collapse ul li, body.page-id-39326 .odin-navbar-collapse ul li, body.page-id-40596 .odin-navbar-collapse ul li, body.page-id-40668 .odin-navbar-collapse ul li, body.page-id-52905 .odin-navbar-collapse ul li, body.page-template-page-features-todo .odin-navbar-collapse ul li, body.page-template-page-pricing-todo .odin-navbar-collapse ul li, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li, body.page-template-template-odin-todo .odin-navbar-collapse ul li, body.parent-pageid-38584 .odin-navbar-collapse ul li, body.parent-pageid-39315 .odin-navbar-collapse ul li {
        background-color: #fff;
        margin: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li a, body.page-id-39326 .odin-navbar-collapse ul li a, body.page-id-40596 .odin-navbar-collapse ul li a, body.page-id-40668 .odin-navbar-collapse ul li a, body.page-id-52905 .odin-navbar-collapse ul li a, body.page-template-page-features-todo .odin-navbar-collapse ul li a, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a, body.page-template-template-odin-todo .odin-navbar-collapse ul li a, body.parent-pageid-38584 .odin-navbar-collapse ul li a, body.parent-pageid-39315 .odin-navbar-collapse ul li a {
        overflow: hidden;
        text-align: left
    }

    body.page-id-38612 .odin-navbar-collapse ul li a:after, body.page-id-39326 .odin-navbar-collapse ul li a:after, body.page-id-40596 .odin-navbar-collapse ul li a:after, body.page-id-40668 .odin-navbar-collapse ul li a:after, body.page-id-52905 .odin-navbar-collapse ul li a:after, body.page-template-page-features-todo .odin-navbar-collapse ul li a:after, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a:after, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a:after, body.page-template-template-odin-todo .odin-navbar-collapse ul li a:after, body.parent-pageid-38584 .odin-navbar-collapse ul li a:after, body.parent-pageid-39315 .odin-navbar-collapse ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #e5e5e6;
        left: 20px;
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse ul li .languageBtn, body.page-id-39326 .odin-navbar-collapse ul li .languageBtn, body.page-id-40596 .odin-navbar-collapse ul li .languageBtn, body.page-id-40668 .odin-navbar-collapse ul li .languageBtn, body.page-id-52905 .odin-navbar-collapse ul li .languageBtn, body.page-template-page-features-todo .odin-navbar-collapse ul li .languageBtn, body.page-template-page-pricing-todo .odin-navbar-collapse ul li .languageBtn, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li .languageBtn, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li .languageBtn, body.page-template-template-odin-todo .odin-navbar-collapse ul li .languageBtn, body.parent-pageid-38584 .odin-navbar-collapse ul li .languageBtn, body.parent-pageid-39315 .odin-navbar-collapse ul li .languageBtn {
        overflow: hidden
    }

    body.page-id-38612 .odin-navbar-collapse ul li .languageBtn img, body.page-id-39326 .odin-navbar-collapse ul li .languageBtn img, body.page-id-40596 .odin-navbar-collapse ul li .languageBtn img, body.page-id-40668 .odin-navbar-collapse ul li .languageBtn img, body.page-id-52905 .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-features-todo .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-pricing-todo .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-odin-todo .odin-navbar-collapse ul li .languageBtn img, body.parent-pageid-38584 .odin-navbar-collapse ul li .languageBtn img, body.parent-pageid-39315 .odin-navbar-collapse ul li .languageBtn img {
        float: right;
        width: 15px;
        margin-top: -2px;
        margin-right: -4px
    }

    body.page-id-38612 .odin-navbar-collapse ul li .languageBtn.sub i, body.page-id-39326 .odin-navbar-collapse ul li .languageBtn.sub i, body.page-id-40596 .odin-navbar-collapse ul li .languageBtn.sub i, body.page-id-40668 .odin-navbar-collapse ul li .languageBtn.sub i, body.page-id-52905 .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-features-todo .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-pricing-todo .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-odin-todo .odin-navbar-collapse ul li .languageBtn.sub i, body.parent-pageid-38584 .odin-navbar-collapse ul li .languageBtn.sub i, body.parent-pageid-39315 .odin-navbar-collapse ul li .languageBtn.sub i {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse ul li:first-child, body.page-id-39326 .odin-navbar-collapse ul li:first-child, body.page-id-40596 .odin-navbar-collapse ul li:first-child, body.page-id-40668 .odin-navbar-collapse ul li:first-child, body.page-id-52905 .odin-navbar-collapse ul li:first-child, body.page-template-page-features-todo .odin-navbar-collapse ul li:first-child, body.page-template-page-pricing-todo .odin-navbar-collapse ul li:first-child, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li:first-child, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li:first-child, body.page-template-template-odin-todo .odin-navbar-collapse ul li:first-child, body.parent-pageid-38584 .odin-navbar-collapse ul li:first-child, body.parent-pageid-39315 .odin-navbar-collapse ul li:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-id-38612 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-id-39326 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-id-40596 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-id-40668 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-id-52905 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-features-todo .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-pricing-todo .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-odin-todo .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.parent-pageid-38584 .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.parent-pageid-39315 .odin-navbar-collapse ul li:last-child ul li:last-child a:after {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse ul li a, body.page-id-39326 .odin-navbar-collapse ul li a, body.page-id-40596 .odin-navbar-collapse ul li a, body.page-id-40668 .odin-navbar-collapse ul li a, body.page-id-52905 .odin-navbar-collapse ul li a, body.page-template-page-features-todo .odin-navbar-collapse ul li a, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a, body.page-template-template-odin-todo .odin-navbar-collapse ul li a, body.parent-pageid-38584 .odin-navbar-collapse ul li a, body.parent-pageid-39315 .odin-navbar-collapse ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #000;
        line-height: 16px;
        padding: 20px;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        position: relative
    }

    body.page-id-38612 .odin-navbar-collapse ul li a.sub, body.page-id-39326 .odin-navbar-collapse ul li a.sub, body.page-id-40596 .odin-navbar-collapse ul li a.sub, body.page-id-40668 .odin-navbar-collapse ul li a.sub, body.page-id-52905 .odin-navbar-collapse ul li a.sub, body.page-template-page-features-todo .odin-navbar-collapse ul li a.sub, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a.sub, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a.sub, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a.sub, body.page-template-template-odin-todo .odin-navbar-collapse ul li a.sub, body.parent-pageid-38584 .odin-navbar-collapse ul li a.sub, body.parent-pageid-39315 .odin-navbar-collapse ul li a.sub {
        padding: 20px 20px 15px
    }

    body.page-id-38612 .odin-navbar-collapse ul li a i, body.page-id-39326 .odin-navbar-collapse ul li a i, body.page-id-40596 .odin-navbar-collapse ul li a i, body.page-id-40668 .odin-navbar-collapse ul li a i, body.page-id-52905 .odin-navbar-collapse ul li a i, body.page-template-page-features-todo .odin-navbar-collapse ul li a i, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a i, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a i, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a i, body.page-template-template-odin-todo .odin-navbar-collapse ul li a i, body.parent-pageid-38584 .odin-navbar-collapse ul li a i, body.parent-pageid-39315 .odin-navbar-collapse ul li a i {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
        font-size: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li a i:after, body.page-id-39326 .odin-navbar-collapse ul li a i:after, body.page-id-40596 .odin-navbar-collapse ul li a i:after, body.page-id-40668 .odin-navbar-collapse ul li a i:after, body.page-id-52905 .odin-navbar-collapse ul li a i:after, body.page-template-page-features-todo .odin-navbar-collapse ul li a i:after, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a i:after, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a i:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a i:after, body.page-template-template-odin-todo .odin-navbar-collapse ul li a i:after, body.parent-pageid-38584 .odin-navbar-collapse ul li a i:after, body.parent-pageid-39315 .odin-navbar-collapse ul li a i:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 45%;
        right: 24px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-id-38612 .odin-navbar-collapse ul li a.active i:after, body.page-id-39326 .odin-navbar-collapse ul li a.active i:after, body.page-id-40596 .odin-navbar-collapse ul li a.active i:after, body.page-id-40668 .odin-navbar-collapse ul li a.active i:after, body.page-id-52905 .odin-navbar-collapse ul li a.active i:after, body.page-template-page-features-todo .odin-navbar-collapse ul li a.active i:after, body.page-template-page-pricing-todo .odin-navbar-collapse ul li a.active i:after, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li a.active i:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li a.active i:after, body.page-template-template-odin-todo .odin-navbar-collapse ul li a.active i:after, body.parent-pageid-38584 .odin-navbar-collapse ul li a.active i:after, body.parent-pageid-39315 .odin-navbar-collapse ul li a.active i:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul, body.page-id-39326 .odin-navbar-collapse ul li ul, body.page-id-40596 .odin-navbar-collapse ul li ul, body.page-id-40668 .odin-navbar-collapse ul li ul, body.page-id-52905 .odin-navbar-collapse ul li ul, body.page-template-page-features-todo .odin-navbar-collapse ul li ul, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul, body.parent-pageid-38584 .odin-navbar-collapse ul li ul, body.parent-pageid-39315 .odin-navbar-collapse ul li ul {
        border: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease;
        -o-transition: max-height .2s ease;
        -moz-transition: max-height .2s ease;
        transition: max-height .2s ease;
        padding-left: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li, body.page-id-39326 .odin-navbar-collapse ul li ul li, body.page-id-40596 .odin-navbar-collapse ul li ul li, body.page-id-40668 .odin-navbar-collapse ul li ul li, body.page-id-52905 .odin-navbar-collapse ul li ul li, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li {
        overflow: hidden;
        border: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li:first-child, body.page-id-39326 .odin-navbar-collapse ul li ul li:first-child, body.page-id-40596 .odin-navbar-collapse ul li ul li:first-child, body.page-id-40668 .odin-navbar-collapse ul li ul li:first-child, body.page-id-52905 .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li:first-child, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li:first-child, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li:first-child {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li:last-child, body.page-id-39326 .odin-navbar-collapse ul li ul li:last-child, body.page-id-40596 .odin-navbar-collapse ul li ul li:last-child, body.page-id-40668 .odin-navbar-collapse ul li ul li:last-child, body.page-id-52905 .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li:last-child, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li:last-child, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li:last-child {
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-id-39326 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-id-40596 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-id-40668 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-id-52905 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.subTitle span.sub, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.subTitle span.sub, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.subTitle span.sub {
        font-size: 11px;
        color: #666;
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.subTitle a, body.page-id-39326 .odin-navbar-collapse ul li ul li.subTitle a, body.page-id-40596 .odin-navbar-collapse ul li ul li.subTitle a, body.page-id-40668 .odin-navbar-collapse ul li ul li.subTitle a, body.page-id-52905 .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.subTitle a, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.subTitle a, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.subTitle a {
        padding: 20px 20px 19px 65px
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.subTitle a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.subTitle a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.subTitle a:before {
        margin-top: -2px
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li a, body.page-id-39326 .odin-navbar-collapse ul li ul li a, body.page-id-40596 .odin-navbar-collapse ul li ul li a, body.page-id-40668 .odin-navbar-collapse ul li ul li a, body.page-id-52905 .odin-navbar-collapse ul li ul li a, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li a, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li a, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li a, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li a, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li a, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 22px 20px 22px 65px;
        position: relative;
        overflow: hidden;
        line-height: 24px
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li a:before {
        content: "";
        height: 31px;
        width: 31px;
        left: 25px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -4px 10px 12px 1px;
        position: absolute
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li a:after, body.page-id-39326 .odin-navbar-collapse ul li ul li a:after, body.page-id-40596 .odin-navbar-collapse ul li ul li a:after, body.page-id-40668 .odin-navbar-collapse ul li ul li a:after, body.page-id-52905 .odin-navbar-collapse ul li ul li a:after, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li a:after, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li a:after, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li a:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li a:after, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li a:after, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li a:after, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/base.svg)
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/todo.svg)
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.odinChatDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/zenchat.svg)
    }

    body.page-id-38612 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-id-39326 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-id-40596 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-id-40668 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-id-52905 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-features-todo .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-pricing-todo .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-roadmap-todo .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-odin-todo .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.parent-pageid-38584 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.parent-pageid-39315 .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/hypernotes.svg)
    }

    body.page-id-38612 .odin-navbar-collapse ul .show, body.page-id-39326 .odin-navbar-collapse ul .show, body.page-id-40596 .odin-navbar-collapse ul .show, body.page-id-40668 .odin-navbar-collapse ul .show, body.page-id-52905 .odin-navbar-collapse ul .show, body.page-template-page-features-todo .odin-navbar-collapse ul .show, body.page-template-page-pricing-todo .odin-navbar-collapse ul .show, body.page-template-page-roadmap-todo .odin-navbar-collapse ul .show, body.page-template-template-general-flexible-to-do .odin-navbar-collapse ul .show, body.page-template-template-odin-todo .odin-navbar-collapse ul .show, body.parent-pageid-38584 .odin-navbar-collapse ul .show, body.parent-pageid-39315 .odin-navbar-collapse ul .show {
        display: block;
        visibility: visible !important
    }

    body.page-id-38612 .odin-navbar-collapse .content, body.page-id-39326 .odin-navbar-collapse .content, body.page-id-40596 .odin-navbar-collapse .content, body.page-id-40668 .odin-navbar-collapse .content, body.page-id-52905 .odin-navbar-collapse .content, body.page-template-page-features-todo .odin-navbar-collapse .content, body.page-template-page-pricing-todo .odin-navbar-collapse .content, body.page-template-page-roadmap-todo .odin-navbar-collapse .content, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content, body.page-template-template-odin-todo .odin-navbar-collapse .content, body.parent-pageid-38584 .odin-navbar-collapse .content, body.parent-pageid-39315 .odin-navbar-collapse .content {
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
        margin-top: 30px
    }

    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection {
        overflow: hidden;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 992px) {
    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection h3, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection h3, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection h3, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection h3, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection h3, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection h3, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection h3 {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd
    }

    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection .button, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection .button, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection .button {
        width: 50%;
        margin: 0 auto 10px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection .button, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection .button, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection .button, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection .button {
        float: left;
        margin: 0;
        width: 48%
    }

    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection .button.right, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection .button.right, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection .button.right {
        float: right
    }
}

@media (max-width: 992px) {
    body.page-id-38612 .odin-navbar-collapse .content .appDownloadSection img, body.page-id-39326 .odin-navbar-collapse .content .appDownloadSection img, body.page-id-40596 .odin-navbar-collapse .content .appDownloadSection img, body.page-id-40668 .odin-navbar-collapse .content .appDownloadSection img, body.page-id-52905 .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-features-todo .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-pricing-todo .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-roadmap-todo .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-odin-todo .odin-navbar-collapse .content .appDownloadSection img, body.parent-pageid-38584 .odin-navbar-collapse .content .appDownloadSection img, body.parent-pageid-39315 .odin-navbar-collapse .content .appDownloadSection img {
        width: 100%
    }
}

body.page-id-38612 input#hamburger, body.page-id-39326 input#hamburger, body.page-id-40596 input#hamburger, body.page-id-40668 input#hamburger, body.page-id-52905 input#hamburger, body.page-template-page-features-todo input#hamburger, body.page-template-page-pricing-todo input#hamburger, body.page-template-page-roadmap-todo input#hamburger, body.page-template-template-general-flexible-to-do input#hamburger, body.page-template-template-odin-todo input#hamburger, body.parent-pageid-38584 input#hamburger, body.parent-pageid-39315 input#hamburger {
    display: none
}

@media (min-width: 992px) {
    body.page-id-38612 .odin-navbar .content, body.page-id-39326 .odin-navbar .content, body.page-id-40596 .odin-navbar .content, body.page-id-40668 .odin-navbar .content, body.page-id-52905 .odin-navbar .content, body.page-template-page-features-todo .odin-navbar .content, body.page-template-page-pricing-todo .odin-navbar .content, body.page-template-page-roadmap-todo .odin-navbar .content, body.page-template-template-general-flexible-to-do .odin-navbar .content, body.page-template-template-odin-todo .odin-navbar .content, body.parent-pageid-38584 .odin-navbar .content, body.parent-pageid-39315 .odin-navbar .content {
        display: none
    }

    body.page-id-38612 .footer__nav, body.page-id-39326 .footer__nav, body.page-id-40596 .footer__nav, body.page-id-40668 .footer__nav, body.page-id-52905 .footer__nav, body.page-template-page-features-todo .footer__nav, body.page-template-page-pricing-todo .footer__nav, body.page-template-page-roadmap-todo .footer__nav, body.page-template-template-general-flexible-to-do .footer__nav, body.page-template-template-odin-todo .footer__nav, body.parent-pageid-38584 .footer__nav, body.parent-pageid-39315 .footer__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.page-id-38612 .odin-navbar-nav, body.page-id-39326 .odin-navbar-nav, body.page-id-40596 .odin-navbar-nav, body.page-id-40668 .odin-navbar-nav, body.page-id-52905 .odin-navbar-nav, body.page-template-page-features-todo .odin-navbar-nav, body.page-template-page-pricing-todo .odin-navbar-nav, body.page-template-page-roadmap-todo .odin-navbar-nav, body.page-template-template-general-flexible-to-do .odin-navbar-nav, body.page-template-template-odin-todo .odin-navbar-nav, body.parent-pageid-38584 .odin-navbar-nav, body.parent-pageid-39315 .odin-navbar-nav {
        margin-top: 0
    }

    body.page-id-38612 .odin-navbar-nav .displayNone, body.page-id-39326 .odin-navbar-nav .displayNone, body.page-id-40596 .odin-navbar-nav .displayNone, body.page-id-40668 .odin-navbar-nav .displayNone, body.page-id-52905 .odin-navbar-nav .displayNone, body.page-template-page-features-todo .odin-navbar-nav .displayNone, body.page-template-page-pricing-todo .odin-navbar-nav .displayNone, body.page-template-page-roadmap-todo .odin-navbar-nav .displayNone, body.page-template-template-general-flexible-to-do .odin-navbar-nav .displayNone, body.page-template-template-odin-todo .odin-navbar-nav .displayNone, body.parent-pageid-38584 .odin-navbar-nav .displayNone, body.parent-pageid-39315 .odin-navbar-nav .displayNone {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse, body.page-id-39326 .odin-navbar-collapse, body.page-id-40596 .odin-navbar-collapse, body.page-id-40668 .odin-navbar-collapse, body.page-id-52905 .odin-navbar-collapse, body.page-template-page-features-todo .odin-navbar-collapse, body.page-template-page-pricing-todo .odin-navbar-collapse, body.page-template-page-roadmap-todo .odin-navbar-collapse, body.page-template-template-general-flexible-to-do .odin-navbar-collapse, body.page-template-template-odin-todo .odin-navbar-collapse, body.parent-pageid-38584 .odin-navbar-collapse, body.parent-pageid-39315 .odin-navbar-collapse {
        background: none !important;
        margin-top: 0
    }

    body.page-id-38612 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-39326 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-40596 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-40668 .odin-navbar-collapse .odin-dropdown-switcher, body.page-id-52905 .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-features-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-roadmap-todo .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-todo .odin-navbar-collapse .odin-dropdown-switcher, body.parent-pageid-38584 .odin-navbar-collapse .odin-dropdown-switcher, body.parent-pageid-39315 .odin-navbar-collapse .odin-dropdown-switcher {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse li, body.page-id-39326 .odin-navbar-collapse li, body.page-id-40596 .odin-navbar-collapse li, body.page-id-40668 .odin-navbar-collapse li, body.page-id-52905 .odin-navbar-collapse li, body.page-template-page-features-todo .odin-navbar-collapse li, body.page-template-page-pricing-todo .odin-navbar-collapse li, body.page-template-page-roadmap-todo .odin-navbar-collapse li, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li, body.page-template-template-odin-todo .odin-navbar-collapse li, body.parent-pageid-38584 .odin-navbar-collapse li, body.parent-pageid-39315 .odin-navbar-collapse li {
        padding: 0;
        display: block
    }

    body.page-id-38612 .odin-navbar-collapse li > a, body.page-id-39326 .odin-navbar-collapse li > a, body.page-id-40596 .odin-navbar-collapse li > a, body.page-id-40668 .odin-navbar-collapse li > a, body.page-id-52905 .odin-navbar-collapse li > a, body.page-template-page-features-todo .odin-navbar-collapse li > a, body.page-template-page-pricing-todo .odin-navbar-collapse li > a, body.page-template-page-roadmap-todo .odin-navbar-collapse li > a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li > a, body.page-template-template-odin-todo .odin-navbar-collapse li > a, body.parent-pageid-38584 .odin-navbar-collapse li > a, body.parent-pageid-39315 .odin-navbar-collapse li > a {
        padding: 8px 10px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    body.page-id-38612 .odin-navbar-collapse li > a i, body.page-id-39326 .odin-navbar-collapse li > a i, body.page-id-40596 .odin-navbar-collapse li > a i, body.page-id-40668 .odin-navbar-collapse li > a i, body.page-id-52905 .odin-navbar-collapse li > a i, body.page-template-page-features-todo .odin-navbar-collapse li > a i, body.page-template-page-pricing-todo .odin-navbar-collapse li > a i, body.page-template-page-roadmap-todo .odin-navbar-collapse li > a i, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li > a i, body.page-template-template-odin-todo .odin-navbar-collapse li > a i, body.parent-pageid-38584 .odin-navbar-collapse li > a i, body.parent-pageid-39315 .odin-navbar-collapse li > a i {
        display: none
    }

    body.page-id-38612 .odin-navbar-collapse li:hover .sub-menu, body.page-id-39326 .odin-navbar-collapse li:hover .sub-menu, body.page-id-40596 .odin-navbar-collapse li:hover .sub-menu, body.page-id-40668 .odin-navbar-collapse li:hover .sub-menu, body.page-id-52905 .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-features-todo .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-pricing-todo .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-roadmap-todo .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-odin-todo .odin-navbar-collapse li:hover .sub-menu, body.parent-pageid-38584 .odin-navbar-collapse li:hover .sub-menu, body.parent-pageid-39315 .odin-navbar-collapse li:hover .sub-menu {
        top: 50px
    }

    body.page-id-38612 .odin-navbar-collapse li.sign-up:hover > a, body.page-id-39326 .odin-navbar-collapse li.sign-up:hover > a, body.page-id-40596 .odin-navbar-collapse li.sign-up:hover > a, body.page-id-40668 .odin-navbar-collapse li.sign-up:hover > a, body.page-id-52905 .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-features-todo .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-pricing-todo .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-roadmap-todo .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-odin-todo .odin-navbar-collapse li.sign-up:hover > a, body.parent-pageid-38584 .odin-navbar-collapse li.sign-up:hover > a, body.parent-pageid-39315 .odin-navbar-collapse li.sign-up:hover > a {
        background-color: #007aff1a
    }

    body.page-id-38612 .odin-navbar-collapse li.forEnterprises > a, body.page-id-39326 .odin-navbar-collapse li.forEnterprises > a, body.page-id-40596 .odin-navbar-collapse li.forEnterprises > a, body.page-id-40668 .odin-navbar-collapse li.forEnterprises > a, body.page-id-52905 .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-features-todo .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-pricing-todo .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-roadmap-todo .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-odin-todo .odin-navbar-collapse li.forEnterprises > a, body.parent-pageid-38584 .odin-navbar-collapse li.forEnterprises > a, body.parent-pageid-39315 .odin-navbar-collapse li.forEnterprises > a {
        background-color: #75bc52;
        color: #fff
    }

    body.page-id-38612 .odin-navbar-collapse li.forEnterprises > a:hover, body.page-id-39326 .odin-navbar-collapse li.forEnterprises > a:hover, body.page-id-40596 .odin-navbar-collapse li.forEnterprises > a:hover, body.page-id-40668 .odin-navbar-collapse li.forEnterprises > a:hover, body.page-id-52905 .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-features-todo .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-odin-todo .odin-navbar-collapse li.forEnterprises > a:hover, body.parent-pageid-38584 .odin-navbar-collapse li.forEnterprises > a:hover, body.parent-pageid-39315 .odin-navbar-collapse li.forEnterprises > a:hover {
        background-color: #63a91c
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children {
        margin-right: 0;
        position: relative
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children a, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children a, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children a, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children a, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children a, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children a, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children a {
        padding-right: 25px
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children:after, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children:after, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children:after, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children:after, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children:after, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children:after, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: relative;
        top: -2px;
        right: 21px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children:hover:after, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children:hover:after, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children:hover:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul {
        left: -217px;
        display: none;
        -webkit-transition: visibility 0s, opacity .2s linear;
        -o-transition: visibility 0s, opacity .2s linear;
        -moz-transition: visibility 0s, opacity .2s linear;
        transition: visibility 0s, opacity .2s linear;
        position: absolute;
        top: 72px;
        background-color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        padding: 10px;
        margin: 0;
        list-style: none;
        width: 540px
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul:after, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul:after, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul:after, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul:after, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul:after, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul:after, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li {
        float: left;
        width: 33.3%;
        padding: 0;
        margin: 0
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li a, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li a, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li a, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li a, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li a, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li a, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li a {
        display: block;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: .9
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li a span.title {
        font-size: 13px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600;
        display: block;
        line-height: 21px;
        overflow: hidden
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li a span.title:before {
        height: 15px;
        width: 15px;
        content: "";
        margin-right: 7px;
        margin-top: 3px;
        display: block;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li a span.sub {
        font-size: 11px
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-base-icon-suite-1.png)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover {
        background-color: #fef2f6
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-todo-icon.png)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover {
        background-color: #e5f7fb
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/hypernotes-icon.png)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover {
        background-color: #fff9f3
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/zenchat-icon.png)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover {
        background-color: #f4fdfa
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/gantt-icon.png)
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover {
        background-color: #fcf7fe
    }

    body.page-id-38612 .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-id-39326 .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-id-40596 .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-id-40668 .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-id-52905 .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-features-todo .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-pricing-todo .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-roadmap-todo .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-general-flexible-to-do .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-odin-todo .odin-navbar-collapse .menu-item-has-children:hover ul, body.parent-pageid-38584 .odin-navbar-collapse .menu-item-has-children:hover ul, body.parent-pageid-39315 .odin-navbar-collapse .menu-item-has-children:hover ul {
        display: block;
        -webkit-animation: c .2s;
        -moz-animation: c .2s;
        -o-animation: c .2s;
        animation: c .2s
    }
}

body.page-id-38612 .odin-navbar__main-menu li:hover, body.page-id-39326 .odin-navbar__main-menu li:hover, body.page-id-40596 .odin-navbar__main-menu li:hover, body.page-id-40668 .odin-navbar__main-menu li:hover, body.page-id-52905 .odin-navbar__main-menu li:hover, body.page-template-page-features-todo .odin-navbar__main-menu li:hover, body.page-template-page-pricing-todo .odin-navbar__main-menu li:hover, body.page-template-page-roadmap-todo .odin-navbar__main-menu li:hover, body.page-template-template-general-flexible-to-do .odin-navbar__main-menu li:hover, body.page-template-template-odin-todo .odin-navbar__main-menu li:hover, body.parent-pageid-38584 .odin-navbar__main-menu li:hover, body.parent-pageid-39315 .odin-navbar__main-menu li:hover {
    color: #000
}

@media (max-width: 768px) {
    body.page-id-38612, body.page-id-39326, body.page-id-40596, body.page-id-40668, body.page-id-52905, body.page-template-page-features-todo, body.page-template-page-pricing-todo, body.page-template-page-roadmap-todo, body.page-template-template-general-flexible-to-do, body.page-template-template-odin-todo, body.parent-pageid-38584, body.parent-pageid-39315 {
        background-position: 0 0
    }
}

body.page-id-38612 .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-39326 .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40596 .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40668 .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-52905 .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-todo .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-todo .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-todo .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-general-flexible-to-do .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-todo .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-38584 .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-39315 .odin-navbar-brand .odin-todo-logo-highlight {
    line-height: 17px;
    font-size: 24px;
    font-weight: 400
}

body.page-id-38612 .bigContainer.content-section--padding .container, body.page-id-39326 .bigContainer.content-section--padding .container, body.page-id-40596 .bigContainer.content-section--padding .container, body.page-id-40668 .bigContainer.content-section--padding .container, body.page-id-52905 .bigContainer.content-section--padding .container, body.page-template-page-features-todo .bigContainer.content-section--padding .container, body.page-template-page-pricing-todo .bigContainer.content-section--padding .container, body.page-template-page-roadmap-todo .bigContainer.content-section--padding .container, body.page-template-template-general-flexible-to-do .bigContainer.content-section--padding .container, body.page-template-template-odin-todo .bigContainer.content-section--padding .container, body.parent-pageid-38584 .bigContainer.content-section--padding .container, body.parent-pageid-39315 .bigContainer.content-section--padding .container {
    max-width: 1400px
}

body.page-id-38612 .pricing-grid .container, body.page-id-39326 .pricing-grid .container, body.page-id-40596 .pricing-grid .container, body.page-id-40668 .pricing-grid .container, body.page-id-52905 .pricing-grid .container, body.page-template-page-features-todo .pricing-grid .container, body.page-template-page-pricing-todo .pricing-grid .container, body.page-template-page-roadmap-todo .pricing-grid .container, body.page-template-template-general-flexible-to-do .pricing-grid .container, body.page-template-template-odin-todo .pricing-grid .container, body.parent-pageid-38584 .pricing-grid .container, body.parent-pageid-39315 .pricing-grid .container {
    max-width: 1000px
}

@media (max-width: 768px) {
    body.page-id-38612 .pricing-grid, body.page-id-39326 .pricing-grid, body.page-id-40596 .pricing-grid, body.page-id-40668 .pricing-grid, body.page-id-52905 .pricing-grid, body.page-template-page-features-todo .pricing-grid, body.page-template-page-pricing-todo .pricing-grid, body.page-template-page-roadmap-todo .pricing-grid, body.page-template-template-general-flexible-to-do .pricing-grid, body.page-template-template-odin-todo .pricing-grid, body.parent-pageid-38584 .pricing-grid, body.parent-pageid-39315 .pricing-grid {
        margin-bottom: 30px
    }
}

body.page-id-38612 .content-section--padding.heading, body.page-id-39326 .content-section--padding.heading, body.page-id-40596 .content-section--padding.heading, body.page-id-40668 .content-section--padding.heading, body.page-id-52905 .content-section--padding.heading, body.page-template-page-features-todo .content-section--padding.heading, body.page-template-page-pricing-todo .content-section--padding.heading, body.page-template-page-roadmap-todo .content-section--padding.heading, body.page-template-template-general-flexible-to-do .content-section--padding.heading, body.page-template-template-odin-todo .content-section--padding.heading, body.parent-pageid-38584 .content-section--padding.heading, body.parent-pageid-39315 .content-section--padding.heading {
    padding-bottom: 0
}

body.page-id-38612 .odin-navbar--todo, body.page-id-39326 .odin-navbar--todo, body.page-id-40596 .odin-navbar--todo, body.page-id-40668 .odin-navbar--todo, body.page-id-52905 .odin-navbar--todo, body.page-template-page-features-todo .odin-navbar--todo, body.page-template-page-pricing-todo .odin-navbar--todo, body.page-template-page-roadmap-todo .odin-navbar--todo, body.page-template-template-general-flexible-to-do .odin-navbar--todo, body.page-template-template-odin-todo .odin-navbar--todo, body.parent-pageid-38584 .odin-navbar--todo, body.parent-pageid-39315 .odin-navbar--todo {
    border: 0
}

body.page-id-38612 .appstore__row, body.page-id-39326 .appstore__row, body.page-id-40596 .appstore__row, body.page-id-40668 .appstore__row, body.page-id-52905 .appstore__row, body.page-template-page-features-todo .appstore__row, body.page-template-page-pricing-todo .appstore__row, body.page-template-page-roadmap-todo .appstore__row, body.page-template-template-general-flexible-to-do .appstore__row, body.page-template-template-odin-todo .appstore__row, body.parent-pageid-38584 .appstore__row, body.parent-pageid-39315 .appstore__row {
    max-width: 1200px;
    padding: 0
}

body.page-id-38612 .appstore__item, body.page-id-39326 .appstore__item, body.page-id-40596 .appstore__item, body.page-id-40668 .appstore__item, body.page-id-52905 .appstore__item, body.page-template-page-features-todo .appstore__item, body.page-template-page-pricing-todo .appstore__item, body.page-template-page-roadmap-todo .appstore__item, body.page-template-template-general-flexible-to-do .appstore__item, body.page-template-template-odin-todo .appstore__item, body.parent-pageid-38584 .appstore__item, body.parent-pageid-39315 .appstore__item {
    float: left
}

body.page-id-38612 .appstore__item-inner, body.page-id-39326 .appstore__item-inner, body.page-id-40596 .appstore__item-inner, body.page-id-40668 .appstore__item-inner, body.page-id-52905 .appstore__item-inner, body.page-template-page-features-todo .appstore__item-inner, body.page-template-page-pricing-todo .appstore__item-inner, body.page-template-page-roadmap-todo .appstore__item-inner, body.page-template-template-general-flexible-to-do .appstore__item-inner, body.page-template-template-odin-todo .appstore__item-inner, body.parent-pageid-38584 .appstore__item-inner, body.parent-pageid-39315 .appstore__item-inner {
    min-height: 380px
}

@media (max-width: 768px) {
    body.page-id-38612 .appstore__item-inner, body.page-id-39326 .appstore__item-inner, body.page-id-40596 .appstore__item-inner, body.page-id-40668 .appstore__item-inner, body.page-id-52905 .appstore__item-inner, body.page-template-page-features-todo .appstore__item-inner, body.page-template-page-pricing-todo .appstore__item-inner, body.page-template-page-roadmap-todo .appstore__item-inner, body.page-template-template-general-flexible-to-do .appstore__item-inner, body.page-template-template-odin-todo .appstore__item-inner, body.parent-pageid-38584 .appstore__item-inner, body.parent-pageid-39315 .appstore__item-inner {
        min-height: auto;
        padding: 20px
    }
}

body.page-id-38612 .appstore__stars br, body.page-id-39326 .appstore__stars br, body.page-id-40596 .appstore__stars br, body.page-id-40668 .appstore__stars br, body.page-id-52905 .appstore__stars br, body.page-template-page-features-todo .appstore__stars br, body.page-template-page-pricing-todo .appstore__stars br, body.page-template-page-roadmap-todo .appstore__stars br, body.page-template-template-general-flexible-to-do .appstore__stars br, body.page-template-template-odin-todo .appstore__stars br, body.parent-pageid-38584 .appstore__stars br, body.parent-pageid-39315 .appstore__stars br {
    display: none
}

body.page-id-38612 .carousel-indicators, body.page-id-39326 .carousel-indicators, body.page-id-40596 .carousel-indicators, body.page-id-40668 .carousel-indicators, body.page-id-52905 .carousel-indicators, body.page-template-page-features-todo .carousel-indicators, body.page-template-page-pricing-todo .carousel-indicators, body.page-template-page-roadmap-todo .carousel-indicators, body.page-template-template-general-flexible-to-do .carousel-indicators, body.page-template-template-odin-todo .carousel-indicators, body.parent-pageid-38584 .carousel-indicators, body.parent-pageid-39315 .carousel-indicators {
    bottom: -26px
}

body.page-id-38612 .carousel-indicators li, body.page-id-39326 .carousel-indicators li, body.page-id-40596 .carousel-indicators li, body.page-id-40668 .carousel-indicators li, body.page-id-52905 .carousel-indicators li, body.page-template-page-features-todo .carousel-indicators li, body.page-template-page-pricing-todo .carousel-indicators li, body.page-template-page-roadmap-todo .carousel-indicators li, body.page-template-template-general-flexible-to-do .carousel-indicators li, body.page-template-template-odin-todo .carousel-indicators li, body.parent-pageid-38584 .carousel-indicators li, body.parent-pageid-39315 .carousel-indicators li {
    background-color: #337ab7;
    height: 5px;
    cursor: pointer
}

body.page-id-38612 .carousel-indicators li.active, body.page-id-39326 .carousel-indicators li.active, body.page-id-40596 .carousel-indicators li.active, body.page-id-40668 .carousel-indicators li.active, body.page-id-52905 .carousel-indicators li.active, body.page-template-page-features-todo .carousel-indicators li.active, body.page-template-page-pricing-todo .carousel-indicators li.active, body.page-template-page-roadmap-todo .carousel-indicators li.active, body.page-template-template-general-flexible-to-do .carousel-indicators li.active, body.page-template-template-odin-todo .carousel-indicators li.active, body.parent-pageid-38584 .carousel-indicators li.active, body.parent-pageid-39315 .carousel-indicators li.active {
    background-color: #83bcee
}

body.page-id-38612 .content-section--info .contentBox, body.page-id-39326 .content-section--info .contentBox, body.page-id-40596 .content-section--info .contentBox, body.page-id-40668 .content-section--info .contentBox, body.page-id-52905 .content-section--info .contentBox, body.page-template-page-features-todo .content-section--info .contentBox, body.page-template-page-pricing-todo .content-section--info .contentBox, body.page-template-page-roadmap-todo .content-section--info .contentBox, body.page-template-template-general-flexible-to-do .content-section--info .contentBox, body.page-template-template-odin-todo .content-section--info .contentBox, body.parent-pageid-38584 .content-section--info .contentBox, body.parent-pageid-39315 .content-section--info .contentBox {
    padding: 20px;
    background-color: #edfcf5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #1e251f;
    display: inline-block
}

body.page-id-38612 .content-section--info .contentBox img, body.page-id-39326 .content-section--info .contentBox img, body.page-id-40596 .content-section--info .contentBox img, body.page-id-40668 .content-section--info .contentBox img, body.page-id-52905 .content-section--info .contentBox img, body.page-template-page-features-todo .content-section--info .contentBox img, body.page-template-page-pricing-todo .content-section--info .contentBox img, body.page-template-page-roadmap-todo .content-section--info .contentBox img, body.page-template-template-general-flexible-to-do .content-section--info .contentBox img, body.page-template-template-odin-todo .content-section--info .contentBox img, body.parent-pageid-38584 .content-section--info .contentBox img, body.parent-pageid-39315 .content-section--info .contentBox img {
    width: 90px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-id-38612 .content-section--info .contentBox img, body.page-id-39326 .content-section--info .contentBox img, body.page-id-40596 .content-section--info .contentBox img, body.page-id-40668 .content-section--info .contentBox img, body.page-id-52905 .content-section--info .contentBox img, body.page-template-page-features-todo .content-section--info .contentBox img, body.page-template-page-pricing-todo .content-section--info .contentBox img, body.page-template-page-roadmap-todo .content-section--info .contentBox img, body.page-template-template-general-flexible-to-do .content-section--info .contentBox img, body.page-template-template-odin-todo .content-section--info .contentBox img, body.parent-pageid-38584 .content-section--info .contentBox img, body.parent-pageid-39315 .content-section--info .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-id-38612 .content-section--info .contentBox p, body.page-id-39326 .content-section--info .contentBox p, body.page-id-40596 .content-section--info .contentBox p, body.page-id-40668 .content-section--info .contentBox p, body.page-id-52905 .content-section--info .contentBox p, body.page-template-page-features-todo .content-section--info .contentBox p, body.page-template-page-pricing-todo .content-section--info .contentBox p, body.page-template-page-roadmap-todo .content-section--info .contentBox p, body.page-template-template-general-flexible-to-do .content-section--info .contentBox p, body.page-template-template-odin-todo .content-section--info .contentBox p, body.parent-pageid-38584 .content-section--info .contentBox p, body.parent-pageid-39315 .content-section--info .contentBox p {
    margin-bottom: 0
}

body.page-id-38612 .odin-navbar__main-menu .info, body.page-id-39326 .odin-navbar__main-menu .info, body.page-id-40596 .odin-navbar__main-menu .info, body.page-id-40668 .odin-navbar__main-menu .info, body.page-id-52905 .odin-navbar__main-menu .info, body.page-template-page-features-todo .odin-navbar__main-menu .info, body.page-template-page-pricing-todo .odin-navbar__main-menu .info, body.page-template-page-roadmap-todo .odin-navbar__main-menu .info, body.page-template-template-general-flexible-to-do .odin-navbar__main-menu .info, body.page-template-template-odin-todo .odin-navbar__main-menu .info, body.parent-pageid-38584 .odin-navbar__main-menu .info, body.parent-pageid-39315 .odin-navbar__main-menu .info {
    color: #5d87ac;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 2px
}

@media (max-width: 768px) {
    body.page-id-38612 .odin-navbar__main-menu .info, body.page-id-39326 .odin-navbar__main-menu .info, body.page-id-40596 .odin-navbar__main-menu .info, body.page-id-40668 .odin-navbar__main-menu .info, body.page-id-52905 .odin-navbar__main-menu .info, body.page-template-page-features-todo .odin-navbar__main-menu .info, body.page-template-page-pricing-todo .odin-navbar__main-menu .info, body.page-template-page-roadmap-todo .odin-navbar__main-menu .info, body.page-template-template-general-flexible-to-do .odin-navbar__main-menu .info, body.page-template-template-odin-todo .odin-navbar__main-menu .info, body.parent-pageid-38584 .odin-navbar__main-menu .info, body.parent-pageid-39315 .odin-navbar__main-menu .info {
        font-size: 12px;
        margin-top: 8px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .odin-navbar__main-menu .mobileNone, body.page-id-39326 .odin-navbar__main-menu .mobileNone, body.page-id-40596 .odin-navbar__main-menu .mobileNone, body.page-id-40668 .odin-navbar__main-menu .mobileNone, body.page-id-52905 .odin-navbar__main-menu .mobileNone, body.page-template-page-features-todo .odin-navbar__main-menu .mobileNone, body.page-template-page-pricing-todo .odin-navbar__main-menu .mobileNone, body.page-template-page-roadmap-todo .odin-navbar__main-menu .mobileNone, body.page-template-template-general-flexible-to-do .odin-navbar__main-menu .mobileNone, body.page-template-template-odin-todo .odin-navbar__main-menu .mobileNone, body.parent-pageid-38584 .odin-navbar__main-menu .mobileNone, body.parent-pageid-39315 .odin-navbar__main-menu .mobileNone {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .odin-navbar__main-menu .mobileBlock, body.page-id-39326 .odin-navbar__main-menu .mobileBlock, body.page-id-40596 .odin-navbar__main-menu .mobileBlock, body.page-id-40668 .odin-navbar__main-menu .mobileBlock, body.page-id-52905 .odin-navbar__main-menu .mobileBlock, body.page-template-page-features-todo .odin-navbar__main-menu .mobileBlock, body.page-template-page-pricing-todo .odin-navbar__main-menu .mobileBlock, body.page-template-page-roadmap-todo .odin-navbar__main-menu .mobileBlock, body.page-template-template-general-flexible-to-do .odin-navbar__main-menu .mobileBlock, body.page-template-template-odin-todo .odin-navbar__main-menu .mobileBlock, body.parent-pageid-38584 .odin-navbar__main-menu .mobileBlock, body.parent-pageid-39315 .odin-navbar__main-menu .mobileBlock {
        display: block;
        color: #5d87ac;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

body.page-id-38612 .odin-button, body.page-id-39326 .odin-button, body.page-id-40596 .odin-button, body.page-id-40668 .odin-button, body.page-id-52905 .odin-button, body.page-template-page-features-todo .odin-button, body.page-template-page-pricing-todo .odin-button, body.page-template-page-roadmap-todo .odin-button, body.page-template-template-general-flexible-to-do .odin-button, body.page-template-template-odin-todo .odin-button, body.parent-pageid-38584 .odin-button, body.parent-pageid-39315 .odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

body.page-id-38612 .section__welcome, body.page-id-39326 .section__welcome, body.page-id-40596 .section__welcome, body.page-id-40668 .section__welcome, body.page-id-52905 .section__welcome, body.page-template-page-features-todo .section__welcome, body.page-template-page-pricing-todo .section__welcome, body.page-template-page-roadmap-todo .section__welcome, body.page-template-template-general-flexible-to-do .section__welcome, body.page-template-template-odin-todo .section__welcome, body.parent-pageid-38584 .section__welcome, body.parent-pageid-39315 .section__welcome {
    margin-bottom: 70px
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome, body.page-id-39326 .section__welcome, body.page-id-40596 .section__welcome, body.page-id-40668 .section__welcome, body.page-id-52905 .section__welcome, body.page-template-page-features-todo .section__welcome, body.page-template-page-pricing-todo .section__welcome, body.page-template-page-roadmap-todo .section__welcome, body.page-template-template-general-flexible-to-do .section__welcome, body.page-template-template-odin-todo .section__welcome, body.parent-pageid-38584 .section__welcome, body.parent-pageid-39315 .section__welcome {
        margin-bottom: 40px
    }
}

body.page-id-38612 .section__welcome .productHunt, body.page-id-39326 .section__welcome .productHunt, body.page-id-40596 .section__welcome .productHunt, body.page-id-40668 .section__welcome .productHunt, body.page-id-52905 .section__welcome .productHunt, body.page-template-page-features-todo .section__welcome .productHunt, body.page-template-page-pricing-todo .section__welcome .productHunt, body.page-template-page-roadmap-todo .section__welcome .productHunt, body.page-template-template-general-flexible-to-do .section__welcome .productHunt, body.page-template-template-odin-todo .section__welcome .productHunt, body.parent-pageid-38584 .section__welcome .productHunt, body.parent-pageid-39315 .section__welcome .productHunt {
    margin-top: 30px
}

body.page-id-38612 .section__welcome .section__welcome__content, body.page-id-39326 .section__welcome .section__welcome__content, body.page-id-40596 .section__welcome .section__welcome__content, body.page-id-40668 .section__welcome .section__welcome__content, body.page-id-52905 .section__welcome .section__welcome__content, body.page-template-page-features-todo .section__welcome .section__welcome__content, body.page-template-page-pricing-todo .section__welcome .section__welcome__content, body.page-template-page-roadmap-todo .section__welcome .section__welcome__content, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__content, body.page-template-template-odin-todo .section__welcome .section__welcome__content, body.parent-pageid-38584 .section__welcome .section__welcome__content, body.parent-pageid-39315 .section__welcome .section__welcome__content {
    text-align: center
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome .section__welcome__content, body.page-id-39326 .section__welcome .section__welcome__content, body.page-id-40596 .section__welcome .section__welcome__content, body.page-id-40668 .section__welcome .section__welcome__content, body.page-id-52905 .section__welcome .section__welcome__content, body.page-template-page-features-todo .section__welcome .section__welcome__content, body.page-template-page-pricing-todo .section__welcome .section__welcome__content, body.page-template-page-roadmap-todo .section__welcome .section__welcome__content, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__content, body.page-template-template-odin-todo .section__welcome .section__welcome__content, body.parent-pageid-38584 .section__welcome .section__welcome__content, body.parent-pageid-39315 .section__welcome .section__welcome__content {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }
}

body.page-id-38612 .section__welcome .displayMobile, body.page-id-39326 .section__welcome .displayMobile, body.page-id-40596 .section__welcome .displayMobile, body.page-id-40668 .section__welcome .displayMobile, body.page-id-52905 .section__welcome .displayMobile, body.page-template-page-features-todo .section__welcome .displayMobile, body.page-template-page-pricing-todo .section__welcome .displayMobile, body.page-template-page-roadmap-todo .section__welcome .displayMobile, body.page-template-template-general-flexible-to-do .section__welcome .displayMobile, body.page-template-template-odin-todo .section__welcome .displayMobile, body.parent-pageid-38584 .section__welcome .displayMobile, body.parent-pageid-39315 .section__welcome .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome .displayMobile, body.page-id-39326 .section__welcome .displayMobile, body.page-id-40596 .section__welcome .displayMobile, body.page-id-40668 .section__welcome .displayMobile, body.page-id-52905 .section__welcome .displayMobile, body.page-template-page-features-todo .section__welcome .displayMobile, body.page-template-page-pricing-todo .section__welcome .displayMobile, body.page-template-page-roadmap-todo .section__welcome .displayMobile, body.page-template-template-general-flexible-to-do .section__welcome .displayMobile, body.page-template-template-odin-todo .section__welcome .displayMobile, body.parent-pageid-38584 .section__welcome .displayMobile, body.parent-pageid-39315 .section__welcome .displayMobile {
        display: block
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .displayMobile, body.page-id-39326 .section__welcome .displayMobile, body.page-id-40596 .section__welcome .displayMobile, body.page-id-40668 .section__welcome .displayMobile, body.page-id-52905 .section__welcome .displayMobile, body.page-template-page-features-todo .section__welcome .displayMobile, body.page-template-page-pricing-todo .section__welcome .displayMobile, body.page-template-page-roadmap-todo .section__welcome .displayMobile, body.page-template-template-general-flexible-to-do .section__welcome .displayMobile, body.page-template-template-odin-todo .section__welcome .displayMobile, body.parent-pageid-38584 .section__welcome .displayMobile, body.parent-pageid-39315 .section__welcome .displayMobile {
        display: block
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop, body.page-id-39326 .section__welcome .section__welcome__slides__desktop, body.page-id-40596 .section__welcome .section__welcome__slides__desktop, body.page-id-40668 .section__welcome .section__welcome__slides__desktop, body.page-id-52905 .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    top: 20px;
    width: 775px;
    height: 500px;
    left: 22%
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop, body.page-id-39326 .section__welcome .section__welcome__slides__desktop, body.page-id-40596 .section__welcome .section__welcome__slides__desktop, body.page-id-40668 .section__welcome .section__welcome__slides__desktop, body.page-id-52905 .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop {
        top: 0;
        left: 0;
        position: relative;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        margin: 0 auto;
        height: 500px;
        display: none
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop, body.page-id-39326 .section__welcome .section__welcome__slides__desktop, body.page-id-40596 .section__welcome .section__welcome__slides__desktop, body.page-id-40668 .section__welcome .section__welcome__slides__desktop, body.page-id-52905 .section__welcome .section__welcome__slides__desktop, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop {
        height: 270px;
        margin-bottom: 40px;
        display: none
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage {
    position: absolute
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage *, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage *, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage .iphone {
    position: absolute
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
    height: 495px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        height: 495px;
        right: 138px
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 501px
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-id-38612 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-id-39326 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-id-40596 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-id-40668 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-id-52905 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-features-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-pricing-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-roadmap-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-general-flexible-to-do .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-odin-todo .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.parent-pageid-38584 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.parent-pageid-39315 .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome__register-form, body.page-id-38612 .section__welcome__register-form__sub-header, body.page-id-39326 .section__welcome__register-form, body.page-id-39326 .section__welcome__register-form__sub-header, body.page-id-40596 .section__welcome__register-form, body.page-id-40596 .section__welcome__register-form__sub-header, body.page-id-40668 .section__welcome__register-form, body.page-id-40668 .section__welcome__register-form__sub-header, body.page-id-52905 .section__welcome__register-form, body.page-id-52905 .section__welcome__register-form__sub-header, body.page-template-page-features-todo .section__welcome__register-form, body.page-template-page-features-todo .section__welcome__register-form__sub-header, body.page-template-page-pricing-todo .section__welcome__register-form, body.page-template-page-pricing-todo .section__welcome__register-form__sub-header, body.page-template-page-roadmap-todo .section__welcome__register-form, body.page-template-page-roadmap-todo .section__welcome__register-form__sub-header, body.page-template-template-general-flexible-to-do .section__welcome__register-form, body.page-template-template-general-flexible-to-do .section__welcome__register-form__sub-header, body.page-template-template-odin-todo .section__welcome__register-form, body.page-template-template-odin-todo .section__welcome__register-form__sub-header, body.parent-pageid-38584 .section__welcome__register-form, body.parent-pageid-38584 .section__welcome__register-form__sub-header, body.parent-pageid-39315 .section__welcome__register-form, body.parent-pageid-39315 .section__welcome__register-form__sub-header {
        display: none
    }
}

@media (max-width: 992px) {
    body.page-id-38612 .section__welcome__register-form, body.page-id-38612 .section__welcome__register-form__sub-header, body.page-id-39326 .section__welcome__register-form, body.page-id-39326 .section__welcome__register-form__sub-header, body.page-id-40596 .section__welcome__register-form, body.page-id-40596 .section__welcome__register-form__sub-header, body.page-id-40668 .section__welcome__register-form, body.page-id-40668 .section__welcome__register-form__sub-header, body.page-id-52905 .section__welcome__register-form, body.page-id-52905 .section__welcome__register-form__sub-header, body.page-template-page-features-todo .section__welcome__register-form, body.page-template-page-features-todo .section__welcome__register-form__sub-header, body.page-template-page-pricing-todo .section__welcome__register-form, body.page-template-page-pricing-todo .section__welcome__register-form__sub-header, body.page-template-page-roadmap-todo .section__welcome__register-form, body.page-template-page-roadmap-todo .section__welcome__register-form__sub-header, body.page-template-template-general-flexible-to-do .section__welcome__register-form, body.page-template-template-general-flexible-to-do .section__welcome__register-form__sub-header, body.page-template-template-odin-todo .section__welcome__register-form, body.page-template-template-odin-todo .section__welcome__register-form__sub-header, body.parent-pageid-38584 .section__welcome__register-form, body.parent-pageid-38584 .section__welcome__register-form__sub-header, body.parent-pageid-39315 .section__welcome__register-form, body.parent-pageid-39315 .section__welcome__register-form__sub-header {
        display: none
    }
}

body.page-id-38612 .section__welcome__register-form__email, body.page-id-39326 .section__welcome__register-form__email, body.page-id-40596 .section__welcome__register-form__email, body.page-id-40668 .section__welcome__register-form__email, body.page-id-52905 .section__welcome__register-form__email, body.page-template-page-features-todo .section__welcome__register-form__email, body.page-template-page-pricing-todo .section__welcome__register-form__email, body.page-template-page-roadmap-todo .section__welcome__register-form__email, body.page-template-template-general-flexible-to-do .section__welcome__register-form__email, body.page-template-template-odin-todo .section__welcome__register-form__email, body.parent-pageid-38584 .section__welcome__register-form__email, body.parent-pageid-39315 .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-id-38612 .section__welcome__register-form__email, body.page-id-39326 .section__welcome__register-form__email, body.page-id-40596 .section__welcome__register-form__email, body.page-id-40668 .section__welcome__register-form__email, body.page-id-52905 .section__welcome__register-form__email, body.page-template-page-features-todo .section__welcome__register-form__email, body.page-template-page-pricing-todo .section__welcome__register-form__email, body.page-template-page-roadmap-todo .section__welcome__register-form__email, body.page-template-template-general-flexible-to-do .section__welcome__register-form__email, body.page-template-template-odin-todo .section__welcome__register-form__email, body.parent-pageid-38584 .section__welcome__register-form__email, body.parent-pageid-39315 .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-id-38612 .section__welcome__register-form__email::-moz-placeholder, body.page-id-39326 .section__welcome__register-form__email::-moz-placeholder, body.page-id-40596 .section__welcome__register-form__email::-moz-placeholder, body.page-id-40668 .section__welcome__register-form__email::-moz-placeholder, body.page-id-52905 .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-features-todo .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-pricing-todo .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-roadmap-todo .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-general-flexible-to-do .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-odin-todo .section__welcome__register-form__email::-moz-placeholder, body.parent-pageid-38584 .section__welcome__register-form__email::-moz-placeholder, body.parent-pageid-39315 .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-id-38612 .section__welcome__register-form__email:focus, body.page-id-39326 .section__welcome__register-form__email:focus, body.page-id-40596 .section__welcome__register-form__email:focus, body.page-id-40668 .section__welcome__register-form__email:focus, body.page-id-52905 .section__welcome__register-form__email:focus, body.page-template-page-features-todo .section__welcome__register-form__email:focus, body.page-template-page-pricing-todo .section__welcome__register-form__email:focus, body.page-template-page-roadmap-todo .section__welcome__register-form__email:focus, body.page-template-template-general-flexible-to-do .section__welcome__register-form__email:focus, body.page-template-template-odin-todo .section__welcome__register-form__email:focus, body.parent-pageid-38584 .section__welcome__register-form__email:focus, body.parent-pageid-39315 .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-id-38612 span.bold, body.page-id-39326 span.bold, body.page-id-40596 span.bold, body.page-id-40668 span.bold, body.page-id-52905 span.bold, body.page-template-page-features-todo span.bold, body.page-template-page-pricing-todo span.bold, body.page-template-page-roadmap-todo span.bold, body.page-template-template-general-flexible-to-do span.bold, body.page-template-template-odin-todo span.bold, body.parent-pageid-38584 span.bold, body.parent-pageid-39315 span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-id-38612 span.uppercase, body.page-id-39326 span.uppercase, body.page-id-40596 span.uppercase, body.page-id-40668 span.uppercase, body.page-id-52905 span.uppercase, body.page-template-page-features-todo span.uppercase, body.page-template-page-pricing-todo span.uppercase, body.page-template-page-roadmap-todo span.uppercase, body.page-template-template-general-flexible-to-do span.uppercase, body.page-template-template-odin-todo span.uppercase, body.parent-pageid-38584 span.uppercase, body.parent-pageid-39315 span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-id-38612 span.pink, body.page-id-39326 span.pink, body.page-id-40596 span.pink, body.page-id-40668 span.pink, body.page-id-52905 span.pink, body.page-template-page-features-todo span.pink, body.page-template-page-pricing-todo span.pink, body.page-template-page-roadmap-todo span.pink, body.page-template-template-general-flexible-to-do span.pink, body.page-template-template-odin-todo span.pink, body.parent-pageid-38584 span.pink, body.parent-pageid-39315 span.pink {
    color: #f54da5
}

body.page-id-38612 span.blue, body.page-id-39326 span.blue, body.page-id-40596 span.blue, body.page-id-40668 span.blue, body.page-id-52905 span.blue, body.page-template-page-features-todo span.blue, body.page-template-page-pricing-todo span.blue, body.page-template-page-roadmap-todo span.blue, body.page-template-template-general-flexible-to-do span.blue, body.page-template-template-odin-todo span.blue, body.parent-pageid-38584 span.blue, body.parent-pageid-39315 span.blue {
    color: #19bede
}

body.page-id-38612 span.orange, body.page-id-39326 span.orange, body.page-id-40596 span.orange, body.page-id-40668 span.orange, body.page-id-52905 span.orange, body.page-template-page-features-todo span.orange, body.page-template-page-pricing-todo span.orange, body.page-template-page-roadmap-todo span.orange, body.page-template-template-general-flexible-to-do span.orange, body.page-template-template-odin-todo span.orange, body.parent-pageid-38584 span.orange, body.parent-pageid-39315 span.orange {
    color: #f9903f
}

body.page-id-38612 span.purple, body.page-id-39326 span.purple, body.page-id-40596 span.purple, body.page-id-40668 span.purple, body.page-id-52905 span.purple, body.page-template-page-features-todo span.purple, body.page-template-page-pricing-todo span.purple, body.page-template-page-roadmap-todo span.purple, body.page-template-template-general-flexible-to-do span.purple, body.page-template-template-odin-todo span.purple, body.parent-pageid-38584 span.purple, body.parent-pageid-39315 span.purple {
    color: #9d54fd
}

body.page-id-38612 .section__welcome__register-form__sub-header, body.page-id-39326 .section__welcome__register-form__sub-header, body.page-id-40596 .section__welcome__register-form__sub-header, body.page-id-40668 .section__welcome__register-form__sub-header, body.page-id-52905 .section__welcome__register-form__sub-header, body.page-template-page-features-todo .section__welcome__register-form__sub-header, body.page-template-page-pricing-todo .section__welcome__register-form__sub-header, body.page-template-page-roadmap-todo .section__welcome__register-form__sub-header, body.page-template-template-general-flexible-to-do .section__welcome__register-form__sub-header, body.page-template-template-odin-todo .section__welcome__register-form__sub-header, body.parent-pageid-38584 .section__welcome__register-form__sub-header, body.parent-pageid-39315 .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-id-38612 .button-main__link--blue, body.page-id-39326 .button-main__link--blue, body.page-id-40596 .button-main__link--blue, body.page-id-40668 .button-main__link--blue, body.page-id-52905 .button-main__link--blue, body.page-template-page-features-todo .button-main__link--blue, body.page-template-page-pricing-todo .button-main__link--blue, body.page-template-page-roadmap-todo .button-main__link--blue, body.page-template-template-general-flexible-to-do .button-main__link--blue, body.page-template-template-odin-todo .button-main__link--blue, body.parent-pageid-38584 .button-main__link--blue, body.parent-pageid-39315 .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-id-38612 .button-main__link--blue:hover, body.page-id-39326 .button-main__link--blue:hover, body.page-id-40596 .button-main__link--blue:hover, body.page-id-40668 .button-main__link--blue:hover, body.page-id-52905 .button-main__link--blue:hover, body.page-template-page-features-todo .button-main__link--blue:hover, body.page-template-page-pricing-todo .button-main__link--blue:hover, body.page-template-page-roadmap-todo .button-main__link--blue:hover, body.page-template-template-general-flexible-to-do .button-main__link--blue:hover, body.page-template-template-odin-todo .button-main__link--blue:hover, body.parent-pageid-38584 .button-main__link--blue:hover, body.parent-pageid-39315 .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-id-38612 .odin-navbar.closed .nav-item:last-child, body.page-id-38612 .odin-navbar .nav-item:last-child, body.page-id-39326 .odin-navbar.closed .nav-item:last-child, body.page-id-39326 .odin-navbar .nav-item:last-child, body.page-id-40596 .odin-navbar.closed .nav-item:last-child, body.page-id-40596 .odin-navbar .nav-item:last-child, body.page-id-40668 .odin-navbar.closed .nav-item:last-child, body.page-id-40668 .odin-navbar .nav-item:last-child, body.page-id-52905 .odin-navbar.closed .nav-item:last-child, body.page-id-52905 .odin-navbar .nav-item:last-child, body.page-template-page-features-todo .odin-navbar.closed .nav-item:last-child, body.page-template-page-features-todo .odin-navbar .nav-item:last-child, body.page-template-page-pricing-todo .odin-navbar.closed .nav-item:last-child, body.page-template-page-pricing-todo .odin-navbar .nav-item:last-child, body.page-template-page-roadmap-todo .odin-navbar.closed .nav-item:last-child, body.page-template-page-roadmap-todo .odin-navbar .nav-item:last-child, body.page-template-template-general-flexible-to-do .odin-navbar.closed .nav-item:last-child, body.page-template-template-general-flexible-to-do .odin-navbar .nav-item:last-child, body.page-template-template-odin-todo .odin-navbar.closed .nav-item:last-child, body.page-template-template-odin-todo .odin-navbar .nav-item:last-child, body.parent-pageid-38584 .odin-navbar.closed .nav-item:last-child, body.parent-pageid-38584 .odin-navbar .nav-item:last-child, body.parent-pageid-39315 .odin-navbar.closed .nav-item:last-child, body.parent-pageid-39315 .odin-navbar .nav-item:last-child {
    background-color: #43db9e;
    color: #fff
}

body.page-id-38612 .odin-navbar.closed .nav-item:last-child:hover, body.page-id-38612 .odin-navbar .nav-item:last-child:hover, body.page-id-39326 .odin-navbar.closed .nav-item:last-child:hover, body.page-id-39326 .odin-navbar .nav-item:last-child:hover, body.page-id-40596 .odin-navbar.closed .nav-item:last-child:hover, body.page-id-40596 .odin-navbar .nav-item:last-child:hover, body.page-id-40668 .odin-navbar.closed .nav-item:last-child:hover, body.page-id-40668 .odin-navbar .nav-item:last-child:hover, body.page-id-52905 .odin-navbar.closed .nav-item:last-child:hover, body.page-id-52905 .odin-navbar .nav-item:last-child:hover, body.page-template-page-features-todo .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-features-todo .odin-navbar .nav-item:last-child:hover, body.page-template-page-pricing-todo .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-pricing-todo .odin-navbar .nav-item:last-child:hover, body.page-template-page-roadmap-todo .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-roadmap-todo .odin-navbar .nav-item:last-child:hover, body.page-template-template-general-flexible-to-do .odin-navbar.closed .nav-item:last-child:hover, body.page-template-template-general-flexible-to-do .odin-navbar .nav-item:last-child:hover, body.page-template-template-odin-todo .odin-navbar.closed .nav-item:last-child:hover, body.page-template-template-odin-todo .odin-navbar .nav-item:last-child:hover, body.parent-pageid-38584 .odin-navbar.closed .nav-item:last-child:hover, body.parent-pageid-38584 .odin-navbar .nav-item:last-child:hover, body.parent-pageid-39315 .odin-navbar.closed .nav-item:last-child:hover, body.parent-pageid-39315 .odin-navbar .nav-item:last-child:hover {
    background-color: #28d4b6
}

body.page-id-38612 .odin-navbar-brand img, body.page-id-39326 .odin-navbar-brand img, body.page-id-40596 .odin-navbar-brand img, body.page-id-40668 .odin-navbar-brand img, body.page-id-52905 .odin-navbar-brand img, body.page-template-page-features-todo .odin-navbar-brand img, body.page-template-page-pricing-todo .odin-navbar-brand img, body.page-template-page-roadmap-todo .odin-navbar-brand img, body.page-template-template-general-flexible-to-do .odin-navbar-brand img, body.page-template-template-odin-todo .odin-navbar-brand img, body.parent-pageid-38584 .odin-navbar-brand img, body.parent-pageid-39315 .odin-navbar-brand img {
    margin-top: 0
}

body.page-id-38612 .pricing-grid .pricingButton, body.page-id-39326 .pricing-grid .pricingButton, body.page-id-40596 .pricing-grid .pricingButton, body.page-id-40668 .pricing-grid .pricingButton, body.page-id-52905 .pricing-grid .pricingButton, body.page-template-page-features-todo .pricing-grid .pricingButton, body.page-template-page-pricing-todo .pricing-grid .pricingButton, body.page-template-page-roadmap-todo .pricing-grid .pricingButton, body.page-template-template-general-flexible-to-do .pricing-grid .pricingButton, body.page-template-template-odin-todo .pricing-grid .pricingButton, body.parent-pageid-38584 .pricing-grid .pricingButton, body.parent-pageid-39315 .pricing-grid .pricingButton {
    display: block;
    width: 100%;
    max-width: 100%
}

body.page-id-38612 .pricing-grid .pricingButton.personal, body.page-id-39326 .pricing-grid .pricingButton.personal, body.page-id-40596 .pricing-grid .pricingButton.personal, body.page-id-40668 .pricing-grid .pricingButton.personal, body.page-id-52905 .pricing-grid .pricingButton.personal, body.page-template-page-features-todo .pricing-grid .pricingButton.personal, body.page-template-page-pricing-todo .pricing-grid .pricingButton.personal, body.page-template-page-roadmap-todo .pricing-grid .pricingButton.personal, body.page-template-template-general-flexible-to-do .pricing-grid .pricingButton.personal, body.page-template-template-odin-todo .pricing-grid .pricingButton.personal, body.parent-pageid-38584 .pricing-grid .pricingButton.personal, body.parent-pageid-39315 .pricing-grid .pricingButton.personal {
    background-color: #107fdc
}

body.page-id-38612 .page-general, body.page-id-39326 .page-general, body.page-id-40596 .page-general, body.page-id-40668 .page-general, body.page-id-52905 .page-general, body.page-template-page-features-todo .page-general, body.page-template-page-pricing-todo .page-general, body.page-template-page-roadmap-todo .page-general, body.page-template-template-general-flexible-to-do .page-general, body.page-template-template-odin-todo .page-general, body.parent-pageid-38584 .page-general, body.parent-pageid-39315 .page-general {
    max-width: 1035px;
    text-align: left
}

@media (max-width: 768px) {
    body.page-id-38612 .page-general, body.page-id-39326 .page-general, body.page-id-40596 .page-general, body.page-id-40668 .page-general, body.page-id-52905 .page-general, body.page-template-page-features-todo .page-general, body.page-template-page-pricing-todo .page-general, body.page-template-page-roadmap-todo .page-general, body.page-template-template-general-flexible-to-do .page-general, body.page-template-template-odin-todo .page-general, body.parent-pageid-38584 .page-general, body.parent-pageid-39315 .page-general {
        text-align: center
    }

    body.page-id-38612 .page-general .col-md-6, body.page-id-39326 .page-general .col-md-6, body.page-id-40596 .page-general .col-md-6, body.page-id-40668 .page-general .col-md-6, body.page-id-52905 .page-general .col-md-6, body.page-template-page-features-todo .page-general .col-md-6, body.page-template-page-pricing-todo .page-general .col-md-6, body.page-template-page-roadmap-todo .page-general .col-md-6, body.page-template-template-general-flexible-to-do .page-general .col-md-6, body.page-template-template-odin-todo .page-general .col-md-6, body.parent-pageid-38584 .page-general .col-md-6, body.parent-pageid-39315 .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-id-38612 .container, body.page-id-39326 .container, body.page-id-40596 .container, body.page-id-40668 .container, body.page-id-52905 .container, body.page-template-page-features-todo .container, body.page-template-page-pricing-todo .container, body.page-template-page-roadmap-todo .container, body.page-template-template-general-flexible-to-do .container, body.page-template-template-odin-todo .container, body.parent-pageid-38584 .container, body.parent-pageid-39315 .container {
    text-align: center
}

body.page-id-38612 .pricing-grid, body.page-id-39326 .pricing-grid, body.page-id-40596 .pricing-grid, body.page-id-40668 .pricing-grid, body.page-id-52905 .pricing-grid, body.page-template-page-features-todo .pricing-grid, body.page-template-page-pricing-todo .pricing-grid, body.page-template-page-roadmap-todo .pricing-grid, body.page-template-template-general-flexible-to-do .pricing-grid, body.page-template-template-odin-todo .pricing-grid, body.parent-pageid-38584 .pricing-grid, body.parent-pageid-39315 .pricing-grid {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    body.page-id-38612 .pricing-grid__item-top, body.page-id-39326 .pricing-grid__item-top, body.page-id-40596 .pricing-grid__item-top, body.page-id-40668 .pricing-grid__item-top, body.page-id-52905 .pricing-grid__item-top, body.page-template-page-features-todo .pricing-grid__item-top, body.page-template-page-pricing-todo .pricing-grid__item-top, body.page-template-page-roadmap-todo .pricing-grid__item-top, body.page-template-template-general-flexible-to-do .pricing-grid__item-top, body.page-template-template-odin-todo .pricing-grid__item-top, body.parent-pageid-38584 .pricing-grid__item-top, body.parent-pageid-39315 .pricing-grid__item-top {
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px
    }

    body.page-id-38612 .pricing-grid__item-inner, body.page-id-39326 .pricing-grid__item-inner, body.page-id-40596 .pricing-grid__item-inner, body.page-id-40668 .pricing-grid__item-inner, body.page-id-52905 .pricing-grid__item-inner, body.page-template-page-features-todo .pricing-grid__item-inner, body.page-template-page-pricing-todo .pricing-grid__item-inner, body.page-template-page-roadmap-todo .pricing-grid__item-inner, body.page-template-template-general-flexible-to-do .pricing-grid__item-inner, body.page-template-template-odin-todo .pricing-grid__item-inner, body.parent-pageid-38584 .pricing-grid__item-inner, body.parent-pageid-39315 .pricing-grid__item-inner {
        margin-bottom: 0
    }
}

@media (max-width: 768px) and (max-width: 992px) {
    body.page-id-38612 .pricing-grid__item-bottom-container a, body.page-id-39326 .pricing-grid__item-bottom-container a, body.page-id-40596 .pricing-grid__item-bottom-container a, body.page-id-40668 .pricing-grid__item-bottom-container a, body.page-id-52905 .pricing-grid__item-bottom-container a, body.page-template-page-features-todo .pricing-grid__item-bottom-container a, body.page-template-page-pricing-todo .pricing-grid__item-bottom-container a, body.page-template-page-roadmap-todo .pricing-grid__item-bottom-container a, body.page-template-template-general-flexible-to-do .pricing-grid__item-bottom-container a, body.page-template-template-odin-todo .pricing-grid__item-bottom-container a, body.parent-pageid-38584 .pricing-grid__item-bottom-container a, body.parent-pageid-39315 .pricing-grid__item-bottom-container a {
        width: auto
    }
}

body.page-id-38612 .page-general.heading, body.page-id-39326 .page-general.heading, body.page-id-40596 .page-general.heading, body.page-id-40668 .page-general.heading, body.page-id-52905 .page-general.heading, body.page-template-page-features-todo .page-general.heading, body.page-template-page-pricing-todo .page-general.heading, body.page-template-page-roadmap-todo .page-general.heading, body.page-template-template-general-flexible-to-do .page-general.heading, body.page-template-template-odin-todo .page-general.heading, body.parent-pageid-38584 .page-general.heading, body.parent-pageid-39315 .page-general.heading {
    text-align: center;
    color: #111
}

body.page-id-38612 .odin-navbar-collapse, body.page-id-39326 .odin-navbar-collapse, body.page-id-40596 .odin-navbar-collapse, body.page-id-40668 .odin-navbar-collapse, body.page-id-52905 .odin-navbar-collapse, body.page-template-page-features-todo .odin-navbar-collapse, body.page-template-page-pricing-todo .odin-navbar-collapse, body.page-template-page-roadmap-todo .odin-navbar-collapse, body.page-template-template-general-flexible-to-do .odin-navbar-collapse, body.page-template-template-odin-todo .odin-navbar-collapse, body.parent-pageid-38584 .odin-navbar-collapse, body.parent-pageid-39315 .odin-navbar-collapse {
    margin-top: 0
}

body.page-id-38612 .bordered-grid__item .bordered-grid__item-container, body.page-id-39326 .bordered-grid__item .bordered-grid__item-container, body.page-id-40596 .bordered-grid__item .bordered-grid__item-container, body.page-id-40668 .bordered-grid__item .bordered-grid__item-container, body.page-id-52905 .bordered-grid__item .bordered-grid__item-container, body.page-template-page-features-todo .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-todo .bordered-grid__item .bordered-grid__item-container, body.page-template-page-roadmap-todo .bordered-grid__item .bordered-grid__item-container, body.page-template-template-general-flexible-to-do .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-todo .bordered-grid__item .bordered-grid__item-container, body.parent-pageid-38584 .bordered-grid__item .bordered-grid__item-container, body.parent-pageid-39315 .bordered-grid__item .bordered-grid__item-container {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

body.page-id-38612 .bordered-grid__item .bordered-grid__item-container h2, body.page-id-39326 .bordered-grid__item .bordered-grid__item-container h2, body.page-id-40596 .bordered-grid__item .bordered-grid__item-container h2, body.page-id-40668 .bordered-grid__item .bordered-grid__item-container h2, body.page-id-52905 .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-features-todo .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-pricing-todo .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-roadmap-todo .bordered-grid__item .bordered-grid__item-container h2, body.page-template-template-general-flexible-to-do .bordered-grid__item .bordered-grid__item-container h2, body.page-template-template-odin-todo .bordered-grid__item .bordered-grid__item-container h2, body.parent-pageid-38584 .bordered-grid__item .bordered-grid__item-container h2, body.parent-pageid-39315 .bordered-grid__item .bordered-grid__item-container h2 {
    font-weight: 500;
    font-size: 25px
}

body.page-id-38612 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-id-39326 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-id-40596 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-id-40668 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-id-52905 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-features-todo .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-pricing-todo .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-roadmap-todo .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-general-flexible-to-do .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-odin-todo .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.parent-pageid-38584 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.parent-pageid-39315 .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container {
    position: absolute;
    top: 17px;
    width: 100%;
    left: 5px
}

body.page-id-38612 .bordered-grid__item .bordered-grid__text-paragraph, body.page-id-39326 .bordered-grid__item .bordered-grid__text-paragraph, body.page-id-40596 .bordered-grid__item .bordered-grid__text-paragraph, body.page-id-40668 .bordered-grid__item .bordered-grid__text-paragraph, body.page-id-52905 .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-features-todo .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-pricing-todo .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-roadmap-todo .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-general-flexible-to-do .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-odin-todo .bordered-grid__item .bordered-grid__text-paragraph, body.parent-pageid-38584 .bordered-grid__item .bordered-grid__text-paragraph, body.parent-pageid-39315 .bordered-grid__item .bordered-grid__text-paragraph {
    font-size: 16px
}

body.page-id-38612 .footer, body.page-id-39326 .footer, body.page-id-40596 .footer, body.page-id-40668 .footer, body.page-id-52905 .footer, body.page-template-page-features-todo .footer, body.page-template-page-pricing-todo .footer, body.page-template-page-roadmap-todo .footer, body.page-template-template-general-flexible-to-do .footer, body.page-template-template-odin-todo .footer, body.parent-pageid-38584 .footer, body.parent-pageid-39315 .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #30404d;
    color: #e5e0ee
}

body.page-id-38612 .footer:before, body.page-id-39326 .footer:before, body.page-id-40596 .footer:before, body.page-id-40668 .footer:before, body.page-id-52905 .footer:before, body.page-template-page-features-todo .footer:before, body.page-template-page-pricing-todo .footer:before, body.page-template-page-roadmap-todo .footer:before, body.page-template-template-general-flexible-to-do .footer:before, body.page-template-template-odin-todo .footer:before, body.parent-pageid-38584 .footer:before, body.parent-pageid-39315 .footer:before {
    position: absolute;
    width: 760px;
    height: 300px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-todo.svg) no-repeat;
    top: -300px;
    right: 100px;
    z-index: -1
}

@media (max-width: 1200px) {
    body.page-id-38612 .footer:before, body.page-id-39326 .footer:before, body.page-id-40596 .footer:before, body.page-id-40668 .footer:before, body.page-id-52905 .footer:before, body.page-template-page-features-todo .footer:before, body.page-template-page-pricing-todo .footer:before, body.page-template-page-roadmap-todo .footer:before, body.page-template-template-general-flexible-to-do .footer:before, body.page-template-template-odin-todo .footer:before, body.parent-pageid-38584 .footer:before, body.parent-pageid-39315 .footer:before {
        display: none
    }
}

body.page-id-38612 .footer .giveUsACall .giveUsACallButton a, body.page-id-39326 .footer .giveUsACall .giveUsACallButton a, body.page-id-40596 .footer .giveUsACall .giveUsACallButton a, body.page-id-40668 .footer .giveUsACall .giveUsACallButton a, body.page-id-52905 .footer .giveUsACall .giveUsACallButton a, body.page-template-page-features-todo .footer .giveUsACall .giveUsACallButton a, body.page-template-page-pricing-todo .footer .giveUsACall .giveUsACallButton a, body.page-template-page-roadmap-todo .footer .giveUsACall .giveUsACallButton a, body.page-template-template-general-flexible-to-do .footer .giveUsACall .giveUsACallButton a, body.page-template-template-odin-todo .footer .giveUsACall .giveUsACallButton a, body.parent-pageid-38584 .footer .giveUsACall .giveUsACallButton a, body.parent-pageid-39315 .footer .giveUsACall .giveUsACallButton a {
    background: #22d3b7;
    background: -webkit-gradient(linear, left top, right top, from(#22d3b7), to(#58e37f));
    background: -webkit-linear-gradient(left, #22d3b7, #58e37f);
    background: -moz-linear-gradient(left, #22d3b7 0, #58e37f 100%);
    background: -o-linear-gradient(left, #22d3b7 0, #58e37f 100%);
    background: linear-gradient(90deg, #22d3b7, #58e37f)
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .footer__content, body.page-id-39326 .footer .footer__content, body.page-id-40596 .footer .footer__content, body.page-id-40668 .footer .footer__content, body.page-id-52905 .footer .footer__content, body.page-template-page-features-todo .footer .footer__content, body.page-template-page-pricing-todo .footer .footer__content, body.page-template-page-roadmap-todo .footer .footer__content, body.page-template-template-general-flexible-to-do .footer .footer__content, body.page-template-template-odin-todo .footer .footer__content, body.parent-pageid-38584 .footer .footer__content, body.parent-pageid-39315 .footer .footer__content {
        margin: 0
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .footer__nav-app-icons, body.page-id-39326 .footer .footer__nav-app-icons, body.page-id-40596 .footer .footer__nav-app-icons, body.page-id-40668 .footer .footer__nav-app-icons, body.page-id-52905 .footer .footer__nav-app-icons, body.page-template-page-features-todo .footer .footer__nav-app-icons, body.page-template-page-pricing-todo .footer .footer__nav-app-icons, body.page-template-page-roadmap-todo .footer .footer__nav-app-icons, body.page-template-template-general-flexible-to-do .footer .footer__nav-app-icons, body.page-template-template-odin-todo .footer .footer__nav-app-icons, body.parent-pageid-38584 .footer .footer__nav-app-icons, body.parent-pageid-39315 .footer .footer__nav-app-icons {
        margin-bottom: 30px
    }
}

body.page-id-38612 .footer h3.footer__nav-column-heading, body.page-id-39326 .footer h3.footer__nav-column-heading, body.page-id-40596 .footer h3.footer__nav-column-heading, body.page-id-40668 .footer h3.footer__nav-column-heading, body.page-id-52905 .footer h3.footer__nav-column-heading, body.page-template-page-features-todo .footer h3.footer__nav-column-heading, body.page-template-page-pricing-todo .footer h3.footer__nav-column-heading, body.page-template-page-roadmap-todo .footer h3.footer__nav-column-heading, body.page-template-template-general-flexible-to-do .footer h3.footer__nav-column-heading, body.page-template-template-odin-todo .footer h3.footer__nav-column-heading, body.parent-pageid-38584 .footer h3.footer__nav-column-heading, body.parent-pageid-39315 .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-id-38612 .footer .subTitle, body.page-id-39326 .footer .subTitle, body.page-id-40596 .footer .subTitle, body.page-id-40668 .footer .subTitle, body.page-id-52905 .footer .subTitle, body.page-template-page-features-todo .footer .subTitle, body.page-template-page-pricing-todo .footer .subTitle, body.page-template-page-roadmap-todo .footer .subTitle, body.page-template-template-general-flexible-to-do .footer .subTitle, body.page-template-template-odin-todo .footer .subTitle, body.parent-pageid-38584 .footer .subTitle, body.parent-pageid-39315 .footer .subTitle {
    line-height: 26px;
    margin-bottom: 20px
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column {
    width: 200px
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo {
    margin-right: 80px;
    border-right: 2px solid rgba(0, 0, 0, .05);
    -webkit-box-shadow: 2px 0 #45535e;
    -moz-box-shadow: 2px 0 #45535e;
    box-shadow: 2px 0 #45535e;
    padding-right: 80px;
    padding-left: 0;
    margin-left: 0;
    width: 450px
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo ul, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media (max-width: 1200px) {
    body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo {
        width: 450px;
        padding-right: 40px;
        margin-right: 40px;
        border-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo ul li, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo ul, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo ul li, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo ul, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo ul li, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo ul, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo ul li {
        display: block
    }

    body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo .widget.widget_nav_menu {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-39326 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40596 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-40668 .footer .footer__nav--platform .footer__nav-column.todo, body.page-id-52905 .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column.todo, body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column.todo, body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column.todo {
        padding-top: 40px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-right: 0
    }
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-id-39326 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-id-40596 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-id-40668 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-id-52905 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column:nth-child(2) {
    margin-left: 0
}

body.page-id-38612 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-id-39326 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-id-40596 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-id-40668 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-id-52905 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-features-todo .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-todo .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-roadmap-todo .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-general-flexible-to-do .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-todo .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.parent-pageid-38584 .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.parent-pageid-39315 .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border: 0;
    padding-left: 0
}

body.page-id-38612 .footer a:hover, body.page-id-39326 .footer a:hover, body.page-id-40596 .footer a:hover, body.page-id-40668 .footer a:hover, body.page-id-52905 .footer a:hover, body.page-template-page-features-todo .footer a:hover, body.page-template-page-pricing-todo .footer a:hover, body.page-template-page-roadmap-todo .footer a:hover, body.page-template-template-general-flexible-to-do .footer a:hover, body.page-template-template-odin-todo .footer a:hover, body.parent-pageid-38584 .footer a:hover, body.parent-pageid-39315 .footer a:hover {
    color: #fff
}

body.page-id-38612 .footer .footer__nav, body.page-id-39326 .footer .footer__nav, body.page-id-40596 .footer .footer__nav, body.page-id-40668 .footer .footer__nav, body.page-id-52905 .footer .footer__nav, body.page-template-page-features-todo .footer .footer__nav, body.page-template-page-pricing-todo .footer .footer__nav, body.page-template-page-roadmap-todo .footer .footer__nav, body.page-template-template-general-flexible-to-do .footer .footer__nav, body.page-template-template-odin-todo .footer .footer__nav, body.parent-pageid-38584 .footer .footer__nav, body.parent-pageid-39315 .footer .footer__nav {
    margin-top: 0
}

body.page-id-38612 .footer .footer__character, body.page-id-39326 .footer .footer__character, body.page-id-40596 .footer .footer__character, body.page-id-40668 .footer .footer__character, body.page-id-52905 .footer .footer__character, body.page-template-page-features-todo .footer .footer__character, body.page-template-page-pricing-todo .footer .footer__character, body.page-template-page-roadmap-todo .footer .footer__character, body.page-template-template-general-flexible-to-do .footer .footer__character, body.page-template-template-odin-todo .footer .footer__character, body.parent-pageid-38584 .footer .footer__character, body.parent-pageid-39315 .footer .footer__character {
    display: none
}

body.page-id-38612 .footer .footer__app-icon-item, body.page-id-39326 .footer .footer__app-icon-item, body.page-id-40596 .footer .footer__app-icon-item, body.page-id-40668 .footer .footer__app-icon-item, body.page-id-52905 .footer .footer__app-icon-item, body.page-template-page-features-todo .footer .footer__app-icon-item, body.page-template-page-pricing-todo .footer .footer__app-icon-item, body.page-template-page-roadmap-todo .footer .footer__app-icon-item, body.page-template-template-general-flexible-to-do .footer .footer__app-icon-item, body.page-template-template-odin-todo .footer .footer__app-icon-item, body.parent-pageid-38584 .footer .footer__app-icon-item, body.parent-pageid-39315 .footer .footer__app-icon-item {
    display: inline-block;
    max-width: 135px;
    margin: 5px 0 11px
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .footer__app-icon-item, body.page-id-39326 .footer .footer__app-icon-item, body.page-id-40596 .footer .footer__app-icon-item, body.page-id-40668 .footer .footer__app-icon-item, body.page-id-52905 .footer .footer__app-icon-item, body.page-template-page-features-todo .footer .footer__app-icon-item, body.page-template-page-pricing-todo .footer .footer__app-icon-item, body.page-template-page-roadmap-todo .footer .footer__app-icon-item, body.page-template-template-general-flexible-to-do .footer .footer__app-icon-item, body.page-template-template-odin-todo .footer .footer__app-icon-item, body.parent-pageid-38584 .footer .footer__app-icon-item, body.parent-pageid-39315 .footer .footer__app-icon-item {
        margin: 10px 0
    }
}

body.page-id-38612 .footer .footer__nav-app-icons, body.page-id-39326 .footer .footer__nav-app-icons, body.page-id-40596 .footer .footer__nav-app-icons, body.page-id-40668 .footer .footer__nav-app-icons, body.page-id-52905 .footer .footer__nav-app-icons, body.page-template-page-features-todo .footer .footer__nav-app-icons, body.page-template-page-pricing-todo .footer .footer__nav-app-icons, body.page-template-page-roadmap-todo .footer .footer__nav-app-icons, body.page-template-template-general-flexible-to-do .footer .footer__nav-app-icons, body.page-template-template-odin-todo .footer .footer__nav-app-icons, body.parent-pageid-38584 .footer .footer__nav-app-icons, body.parent-pageid-39315 .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-id-38612 .footer .footer__nav-column, body.page-id-39326 .footer .footer__nav-column, body.page-id-40596 .footer .footer__nav-column, body.page-id-40668 .footer .footer__nav-column, body.page-id-52905 .footer .footer__nav-column, body.page-template-page-features-todo .footer .footer__nav-column, body.page-template-page-pricing-todo .footer .footer__nav-column, body.page-template-page-roadmap-todo .footer .footer__nav-column, body.page-template-template-general-flexible-to-do .footer .footer__nav-column, body.page-template-template-odin-todo .footer .footer__nav-column, body.parent-pageid-38584 .footer .footer__nav-column, body.parent-pageid-39315 .footer .footer__nav-column {
    position: relative
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .footer__nav-column, body.page-id-39326 .footer .footer__nav-column, body.page-id-40596 .footer .footer__nav-column, body.page-id-40668 .footer .footer__nav-column, body.page-id-52905 .footer .footer__nav-column, body.page-template-page-features-todo .footer .footer__nav-column, body.page-template-page-pricing-todo .footer .footer__nav-column, body.page-template-page-roadmap-todo .footer .footer__nav-column, body.page-template-template-general-flexible-to-do .footer .footer__nav-column, body.page-template-template-odin-todo .footer .footer__nav-column, body.parent-pageid-38584 .footer .footer__nav-column, body.parent-pageid-39315 .footer .footer__nav-column {
        text-align: left
    }
}

body.page-id-38612 .footer .odin-navbar-brand, body.page-id-39326 .footer .odin-navbar-brand, body.page-id-40596 .footer .odin-navbar-brand, body.page-id-40668 .footer .odin-navbar-brand, body.page-id-52905 .footer .odin-navbar-brand, body.page-template-page-features-todo .footer .odin-navbar-brand, body.page-template-page-pricing-todo .footer .odin-navbar-brand, body.page-template-page-roadmap-todo .footer .odin-navbar-brand, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand, body.page-template-template-odin-todo .footer .odin-navbar-brand, body.parent-pageid-38584 .footer .odin-navbar-brand, body.parent-pageid-39315 .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-id-38612 .footer .odin-navbar-brand .navbar-title, body.page-id-38612 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-39326 .footer .odin-navbar-brand .navbar-title, body.page-id-39326 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40596 .footer .odin-navbar-brand .navbar-title, body.page-id-40596 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40668 .footer .odin-navbar-brand .navbar-title, body.page-id-40668 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-52905 .footer .odin-navbar-brand .navbar-title, body.page-id-52905 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand .navbar-title, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-todo .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-38584 .footer .odin-navbar-brand .navbar-title, body.parent-pageid-38584 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-39315 .footer .odin-navbar-brand .navbar-title, body.parent-pageid-39315 .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .odin-navbar-brand .navbar-title, body.page-id-38612 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-39326 .footer .odin-navbar-brand .navbar-title, body.page-id-39326 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40596 .footer .odin-navbar-brand .navbar-title, body.page-id-40596 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-40668 .footer .odin-navbar-brand .navbar-title, body.page-id-40668 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-id-52905 .footer .odin-navbar-brand .navbar-title, body.page-id-52905 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-features-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-roadmap-todo .footer .odin-navbar-brand .navbar-title, body.page-template-page-roadmap-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand .navbar-title, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-todo .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-todo .footer .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-38584 .footer .odin-navbar-brand .navbar-title, body.parent-pageid-38584 .footer .odin-navbar-brand .odin-todo-logo-highlight, body.parent-pageid-39315 .footer .odin-navbar-brand .navbar-title, body.parent-pageid-39315 .footer .odin-navbar-brand .odin-todo-logo-highlight {
        font-size: 26px
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .odin-navbar-brand, body.page-id-39326 .footer .odin-navbar-brand, body.page-id-40596 .footer .odin-navbar-brand, body.page-id-40668 .footer .odin-navbar-brand, body.page-id-52905 .footer .odin-navbar-brand, body.page-template-page-features-todo .footer .odin-navbar-brand, body.page-template-page-pricing-todo .footer .odin-navbar-brand, body.page-template-page-roadmap-todo .footer .odin-navbar-brand, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand, body.page-template-template-odin-todo .footer .odin-navbar-brand, body.parent-pageid-38584 .footer .odin-navbar-brand, body.parent-pageid-39315 .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }
}

body.page-id-38612 .footer .odin-navbar-brand img, body.page-id-39326 .footer .odin-navbar-brand img, body.page-id-40596 .footer .odin-navbar-brand img, body.page-id-40668 .footer .odin-navbar-brand img, body.page-id-52905 .footer .odin-navbar-brand img, body.page-template-page-features-todo .footer .odin-navbar-brand img, body.page-template-page-pricing-todo .footer .odin-navbar-brand img, body.page-template-page-roadmap-todo .footer .odin-navbar-brand img, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand img, body.page-template-template-odin-todo .footer .odin-navbar-brand img, body.parent-pageid-38584 .footer .odin-navbar-brand img, body.parent-pageid-39315 .footer .odin-navbar-brand img {
    height: 16px;
    position: absolute;
    left: -26px;
    top: 3px
}

@media (max-width: 768px) {
    body.page-id-38612 .footer .odin-navbar-brand img, body.page-id-39326 .footer .odin-navbar-brand img, body.page-id-40596 .footer .odin-navbar-brand img, body.page-id-40668 .footer .odin-navbar-brand img, body.page-id-52905 .footer .odin-navbar-brand img, body.page-template-page-features-todo .footer .odin-navbar-brand img, body.page-template-page-pricing-todo .footer .odin-navbar-brand img, body.page-template-page-roadmap-todo .footer .odin-navbar-brand img, body.page-template-template-general-flexible-to-do .footer .odin-navbar-brand img, body.page-template-template-odin-todo .footer .odin-navbar-brand img, body.parent-pageid-38584 .footer .odin-navbar-brand img, body.parent-pageid-39315 .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-id-38612 .footer #nav_menu-7, body.page-id-39326 .footer #nav_menu-7, body.page-id-40596 .footer #nav_menu-7, body.page-id-40668 .footer #nav_menu-7, body.page-id-52905 .footer #nav_menu-7, body.page-template-page-features-todo .footer #nav_menu-7, body.page-template-page-pricing-todo .footer #nav_menu-7, body.page-template-page-roadmap-todo .footer #nav_menu-7, body.page-template-template-general-flexible-to-do .footer #nav_menu-7, body.page-template-template-odin-todo .footer #nav_menu-7, body.parent-pageid-38584 .footer #nav_menu-7, body.parent-pageid-39315 .footer #nav_menu-7 {
    margin-top: 0
}

body.page-id-38612 .footer #nav_menu-7 h3, body.page-id-39326 .footer #nav_menu-7 h3, body.page-id-40596 .footer #nav_menu-7 h3, body.page-id-40668 .footer #nav_menu-7 h3, body.page-id-52905 .footer #nav_menu-7 h3, body.page-template-page-features-todo .footer #nav_menu-7 h3, body.page-template-page-pricing-todo .footer #nav_menu-7 h3, body.page-template-page-roadmap-todo .footer #nav_menu-7 h3, body.page-template-template-general-flexible-to-do .footer #nav_menu-7 h3, body.page-template-template-odin-todo .footer #nav_menu-7 h3, body.parent-pageid-38584 .footer #nav_menu-7 h3, body.parent-pageid-39315 .footer #nav_menu-7 h3 {
    display: none
}

body.page-id-38612 .footerBottom .footer__legal, body.page-id-38612 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-id-39326 .footerBottom .footer__legal, body.page-id-39326 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-id-40596 .footerBottom .footer__legal, body.page-id-40596 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-id-40668 .footerBottom .footer__legal, body.page-id-40668 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-id-52905 .footerBottom .footer__legal, body.page-id-52905 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-features-todo .footerBottom .footer__legal, body.page-template-page-features-todo .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-pricing-todo .footerBottom .footer__legal, body.page-template-page-pricing-todo .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-roadmap-todo .footerBottom .footer__legal, body.page-template-page-roadmap-todo .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-general-flexible-to-do .footerBottom .footer__legal, body.page-template-template-general-flexible-to-do .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-odin-todo .footerBottom .footer__legal, body.page-template-template-odin-todo .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.parent-pageid-38584 .footerBottom .footer__legal, body.parent-pageid-38584 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.parent-pageid-39315 .footerBottom .footer__legal, body.parent-pageid-39315 .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-id-38612 .footerBottom .footer__legal a, body.page-id-39326 .footerBottom .footer__legal a, body.page-id-40596 .footerBottom .footer__legal a, body.page-id-40668 .footerBottom .footer__legal a, body.page-id-52905 .footerBottom .footer__legal a, body.page-template-page-features-todo .footerBottom .footer__legal a, body.page-template-page-pricing-todo .footerBottom .footer__legal a, body.page-template-page-roadmap-todo .footerBottom .footer__legal a, body.page-template-template-general-flexible-to-do .footerBottom .footer__legal a, body.page-template-template-odin-todo .footerBottom .footer__legal a, body.parent-pageid-38584 .footerBottom .footer__legal a, body.parent-pageid-39315 .footerBottom .footer__legal a {
    color: #fff
}

body.page-id-38612 .footerBottom .footer__social-list li a, body.page-id-39326 .footerBottom .footer__social-list li a, body.page-id-40596 .footerBottom .footer__social-list li a, body.page-id-40668 .footerBottom .footer__social-list li a, body.page-id-52905 .footerBottom .footer__social-list li a, body.page-template-page-features-todo .footerBottom .footer__social-list li a, body.page-template-page-pricing-todo .footerBottom .footer__social-list li a, body.page-template-page-roadmap-todo .footerBottom .footer__social-list li a, body.page-template-template-general-flexible-to-do .footerBottom .footer__social-list li a, body.page-template-template-odin-todo .footerBottom .footer__social-list li a, body.parent-pageid-38584 .footerBottom .footer__social-list li a, body.parent-pageid-39315 .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-id-38612 .footerBottom .footer__social-list li a:hover, body.page-id-39326 .footerBottom .footer__social-list li a:hover, body.page-id-40596 .footerBottom .footer__social-list li a:hover, body.page-id-40668 .footerBottom .footer__social-list li a:hover, body.page-id-52905 .footerBottom .footer__social-list li a:hover, body.page-template-page-features-todo .footerBottom .footer__social-list li a:hover, body.page-template-page-pricing-todo .footerBottom .footer__social-list li a:hover, body.page-template-page-roadmap-todo .footerBottom .footer__social-list li a:hover, body.page-template-template-general-flexible-to-do .footerBottom .footer__social-list li a:hover, body.page-template-template-odin-todo .footerBottom .footer__social-list li a:hover, body.parent-pageid-38584 .footerBottom .footer__social-list li a:hover, body.parent-pageid-39315 .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-id-38612 .stayInSync, body.page-id-39326 .stayInSync, body.page-id-40596 .stayInSync, body.page-id-40668 .stayInSync, body.page-id-52905 .stayInSync, body.page-template-page-features-todo .stayInSync, body.page-template-page-pricing-todo .stayInSync, body.page-template-page-roadmap-todo .stayInSync, body.page-template-template-general-flexible-to-do .stayInSync, body.page-template-template-odin-todo .stayInSync, body.parent-pageid-38584 .stayInSync, body.parent-pageid-39315 .stayInSync {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
    background-repeat: no-repeat;
    display: table;
    width: 100%
}

body.page-id-38612 .stayInSync h2, body.page-id-39326 .stayInSync h2, body.page-id-40596 .stayInSync h2, body.page-id-40668 .stayInSync h2, body.page-id-52905 .stayInSync h2, body.page-template-page-features-todo .stayInSync h2, body.page-template-page-pricing-todo .stayInSync h2, body.page-template-page-roadmap-todo .stayInSync h2, body.page-template-template-general-flexible-to-do .stayInSync h2, body.page-template-template-odin-todo .stayInSync h2, body.parent-pageid-38584 .stayInSync h2, body.parent-pageid-39315 .stayInSync h2 {
    font-size: 50px
}

@media (max-width: 1200px) {
    body.page-id-38612 .stayInSync, body.page-id-39326 .stayInSync, body.page-id-40596 .stayInSync, body.page-id-40668 .stayInSync, body.page-id-52905 .stayInSync, body.page-template-page-features-todo .stayInSync, body.page-template-page-pricing-todo .stayInSync, body.page-template-page-roadmap-todo .stayInSync, body.page-template-template-general-flexible-to-do .stayInSync, body.page-template-template-odin-todo .stayInSync, body.parent-pageid-38584 .stayInSync, body.parent-pageid-39315 .stayInSync {
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .stayInSync, body.page-id-39326 .stayInSync, body.page-id-40596 .stayInSync, body.page-id-40668 .stayInSync, body.page-id-52905 .stayInSync, body.page-template-page-features-todo .stayInSync, body.page-template-page-pricing-todo .stayInSync, body.page-template-page-roadmap-todo .stayInSync, body.page-template-template-general-flexible-to-do .stayInSync, body.page-template-template-odin-todo .stayInSync, body.parent-pageid-38584 .stayInSync, body.parent-pageid-39315 .stayInSync {
        background-image: none !important;
        background-color: #f0f7ff
    }
}

body.page-id-38612 .stayInSync .mask, body.page-id-39326 .stayInSync .mask, body.page-id-40596 .stayInSync .mask, body.page-id-40668 .stayInSync .mask, body.page-id-52905 .stayInSync .mask, body.page-template-page-features-todo .stayInSync .mask, body.page-template-page-pricing-todo .stayInSync .mask, body.page-template-page-roadmap-todo .stayInSync .mask, body.page-template-template-general-flexible-to-do .stayInSync .mask, body.page-template-template-odin-todo .stayInSync .mask, body.parent-pageid-38584 .stayInSync .mask, body.parent-pageid-39315 .stayInSync .mask {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: center;
    padding: 11% 0
}

@media (max-width: 1200px) {
    body.page-id-38612 .stayInSync .mask, body.page-id-39326 .stayInSync .mask, body.page-id-40596 .stayInSync .mask, body.page-id-40668 .stayInSync .mask, body.page-id-52905 .stayInSync .mask, body.page-template-page-features-todo .stayInSync .mask, body.page-template-page-pricing-todo .stayInSync .mask, body.page-template-page-roadmap-todo .stayInSync .mask, body.page-template-template-general-flexible-to-do .stayInSync .mask, body.page-template-template-odin-todo .stayInSync .mask, body.parent-pageid-38584 .stayInSync .mask, body.parent-pageid-39315 .stayInSync .mask {
        padding: 2rem 0 4rem;
        overflow: hidden;
        background-image: none !important
    }
}

body.page-id-38612 .stayInSync a, body.page-id-39326 .stayInSync a, body.page-id-40596 .stayInSync a, body.page-id-40668 .stayInSync a, body.page-id-52905 .stayInSync a, body.page-template-page-features-todo .stayInSync a, body.page-template-page-pricing-todo .stayInSync a, body.page-template-page-roadmap-todo .stayInSync a, body.page-template-template-general-flexible-to-do .stayInSync a, body.page-template-template-odin-todo .stayInSync a, body.parent-pageid-38584 .stayInSync a, body.parent-pageid-39315 .stayInSync a {
    display: block;
    float: left
}

body.page-id-38612 .stayInSync img, body.page-id-39326 .stayInSync img, body.page-id-40596 .stayInSync img, body.page-id-40668 .stayInSync img, body.page-id-52905 .stayInSync img, body.page-template-page-features-todo .stayInSync img, body.page-template-page-pricing-todo .stayInSync img, body.page-template-page-roadmap-todo .stayInSync img, body.page-template-template-general-flexible-to-do .stayInSync img, body.page-template-template-odin-todo .stayInSync img, body.parent-pageid-38584 .stayInSync img, body.parent-pageid-39315 .stayInSync img {
    max-width: 180px
}

@media (max-width: 768px) {
    body.page-id-38612 .stayInSync img, body.page-id-39326 .stayInSync img, body.page-id-40596 .stayInSync img, body.page-id-40668 .stayInSync img, body.page-id-52905 .stayInSync img, body.page-template-page-features-todo .stayInSync img, body.page-template-page-pricing-todo .stayInSync img, body.page-template-page-roadmap-todo .stayInSync img, body.page-template-template-general-flexible-to-do .stayInSync img, body.page-template-template-odin-todo .stayInSync img, body.parent-pageid-38584 .stayInSync img, body.parent-pageid-39315 .stayInSync img {
        max-width: 100%
    }
}

body.page-id-38612 .stayInSync .buttons, body.page-id-39326 .stayInSync .buttons, body.page-id-40596 .stayInSync .buttons, body.page-id-40668 .stayInSync .buttons, body.page-id-52905 .stayInSync .buttons, body.page-template-page-features-todo .stayInSync .buttons, body.page-template-page-pricing-todo .stayInSync .buttons, body.page-template-page-roadmap-todo .stayInSync .buttons, body.page-template-template-general-flexible-to-do .stayInSync .buttons, body.page-template-template-odin-todo .stayInSync .buttons, body.parent-pageid-38584 .stayInSync .buttons, body.parent-pageid-39315 .stayInSync .buttons {
    margin: 2rem auto 0;
    width: 380px
}

@media (max-width: 1200px) {
    body.page-id-38612 .stayInSync .buttons, body.page-id-39326 .stayInSync .buttons, body.page-id-40596 .stayInSync .buttons, body.page-id-40668 .stayInSync .buttons, body.page-id-52905 .stayInSync .buttons, body.page-template-page-features-todo .stayInSync .buttons, body.page-template-page-pricing-todo .stayInSync .buttons, body.page-template-page-roadmap-todo .stayInSync .buttons, body.page-template-template-general-flexible-to-do .stayInSync .buttons, body.page-template-template-odin-todo .stayInSync .buttons, body.parent-pageid-38584 .stayInSync .buttons, body.parent-pageid-39315 .stayInSync .buttons {
        margin: 1rem auto 0
    }
}

@media (max-width: 768px) {
    body.page-id-38612 .stayInSync .buttons, body.page-id-39326 .stayInSync .buttons, body.page-id-40596 .stayInSync .buttons, body.page-id-40668 .stayInSync .buttons, body.page-id-52905 .stayInSync .buttons, body.page-template-page-features-todo .stayInSync .buttons, body.page-template-page-pricing-todo .stayInSync .buttons, body.page-template-page-roadmap-todo .stayInSync .buttons, body.page-template-template-general-flexible-to-do .stayInSync .buttons, body.page-template-template-odin-todo .stayInSync .buttons, body.parent-pageid-38584 .stayInSync .buttons, body.parent-pageid-39315 .stayInSync .buttons {
        width: 100%;
        overflow: hidden;
        display: none
    }
}

body.page-id-38612 .stayInSync .buttons a:first-child, body.page-id-39326 .stayInSync .buttons a:first-child, body.page-id-40596 .stayInSync .buttons a:first-child, body.page-id-40668 .stayInSync .buttons a:first-child, body.page-id-52905 .stayInSync .buttons a:first-child, body.page-template-page-features-todo .stayInSync .buttons a:first-child, body.page-template-page-pricing-todo .stayInSync .buttons a:first-child, body.page-template-page-roadmap-todo .stayInSync .buttons a:first-child, body.page-template-template-general-flexible-to-do .stayInSync .buttons a:first-child, body.page-template-template-odin-todo .stayInSync .buttons a:first-child, body.parent-pageid-38584 .stayInSync .buttons a:first-child, body.parent-pageid-39315 .stayInSync .buttons a:first-child {
    float: left;
    width: 45%
}

body.page-id-38612 .stayInSync .buttons a:last-child, body.page-id-39326 .stayInSync .buttons a:last-child, body.page-id-40596 .stayInSync .buttons a:last-child, body.page-id-40668 .stayInSync .buttons a:last-child, body.page-id-52905 .stayInSync .buttons a:last-child, body.page-template-page-features-todo .stayInSync .buttons a:last-child, body.page-template-page-pricing-todo .stayInSync .buttons a:last-child, body.page-template-page-roadmap-todo .stayInSync .buttons a:last-child, body.page-template-template-general-flexible-to-do .stayInSync .buttons a:last-child, body.page-template-template-odin-todo .stayInSync .buttons a:last-child, body.parent-pageid-38584 .stayInSync .buttons a:last-child, body.parent-pageid-39315 .stayInSync .buttons a:last-child {
    float: right;
    width: 45%
}

body.page-id-38612 .toolTrust h2, body.page-id-39326 .toolTrust h2, body.page-id-40596 .toolTrust h2, body.page-id-40668 .toolTrust h2, body.page-id-52905 .toolTrust h2, body.page-template-page-features-todo .toolTrust h2, body.page-template-page-pricing-todo .toolTrust h2, body.page-template-page-roadmap-todo .toolTrust h2, body.page-template-template-general-flexible-to-do .toolTrust h2, body.page-template-template-odin-todo .toolTrust h2, body.parent-pageid-38584 .toolTrust h2, body.parent-pageid-39315 .toolTrust h2 {
    font-size: 50px
}

body.page-id-38612 .toolTrustImage img, body.page-id-39326 .toolTrustImage img, body.page-id-40596 .toolTrustImage img, body.page-id-40668 .toolTrustImage img, body.page-id-52905 .toolTrustImage img, body.page-template-page-features-todo .toolTrustImage img, body.page-template-page-pricing-todo .toolTrustImage img, body.page-template-page-roadmap-todo .toolTrustImage img, body.page-template-template-general-flexible-to-do .toolTrustImage img, body.page-template-template-odin-todo .toolTrustImage img, body.parent-pageid-38584 .toolTrustImage img, body.parent-pageid-39315 .toolTrustImage img {
    max-width: 100%
}

@media (max-width: 768px) {
    body.page-id-38612 .toolTrustImage img, body.page-id-39326 .toolTrustImage img, body.page-id-40596 .toolTrustImage img, body.page-id-40668 .toolTrustImage img, body.page-id-52905 .toolTrustImage img, body.page-template-page-features-todo .toolTrustImage img, body.page-template-page-pricing-todo .toolTrustImage img, body.page-template-page-roadmap-todo .toolTrustImage img, body.page-template-template-general-flexible-to-do .toolTrustImage img, body.page-template-template-odin-todo .toolTrustImage img, body.parent-pageid-38584 .toolTrustImage img, body.parent-pageid-39315 .toolTrustImage img {
        display: none
    }
}

body.page-id-38612 .section__welcome__store-buttons, body.page-id-39326 .section__welcome__store-buttons, body.page-id-40596 .section__welcome__store-buttons, body.page-id-40668 .section__welcome__store-buttons, body.page-id-52905 .section__welcome__store-buttons, body.page-template-page-features-todo .section__welcome__store-buttons, body.page-template-page-pricing-todo .section__welcome__store-buttons, body.page-template-page-roadmap-todo .section__welcome__store-buttons, body.page-template-template-general-flexible-to-do .section__welcome__store-buttons, body.page-template-template-odin-todo .section__welcome__store-buttons, body.parent-pageid-38584 .section__welcome__store-buttons, body.parent-pageid-39315 .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-id-38612 .section__welcome__store-buttons, body.page-id-39326 .section__welcome__store-buttons, body.page-id-40596 .section__welcome__store-buttons, body.page-id-40668 .section__welcome__store-buttons, body.page-id-52905 .section__welcome__store-buttons, body.page-template-page-features-todo .section__welcome__store-buttons, body.page-template-page-pricing-todo .section__welcome__store-buttons, body.page-template-page-roadmap-todo .section__welcome__store-buttons, body.page-template-template-general-flexible-to-do .section__welcome__store-buttons, body.page-template-template-odin-todo .section__welcome__store-buttons, body.parent-pageid-38584 .section__welcome__store-buttons, body.parent-pageid-39315 .section__welcome__store-buttons {
        display: none
    }
}

body.page-id-38612 .section__welcome__store-buttons .section__welcome__store-button__container, body.page-id-39326 .section__welcome__store-buttons .section__welcome__store-button__container, body.page-id-40596 .section__welcome__store-buttons .section__welcome__store-button__container, body.page-id-40668 .section__welcome__store-buttons .section__welcome__store-button__container, body.page-id-52905 .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-features-todo .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-pricing-todo .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-roadmap-todo .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-general-flexible-to-do .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-odin-todo .section__welcome__store-buttons .section__welcome__store-button__container, body.parent-pageid-38584 .section__welcome__store-buttons .section__welcome__store-button__container, body.parent-pageid-39315 .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-id-38612 .section__welcome__store-buttons .section__welcome__store-button, body.page-id-39326 .section__welcome__store-buttons .section__welcome__store-button, body.page-id-40596 .section__welcome__store-buttons .section__welcome__store-button, body.page-id-40668 .section__welcome__store-buttons .section__welcome__store-button, body.page-id-52905 .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-features-todo .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-pricing-todo .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-roadmap-todo .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-general-flexible-to-do .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-odin-todo .section__welcome__store-buttons .section__welcome__store-button, body.parent-pageid-38584 .section__welcome__store-buttons .section__welcome__store-button, body.parent-pageid-39315 .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-id-38612 .section__welcome__store-buttons .section__welcome__store-button__image, body.page-id-39326 .section__welcome__store-buttons .section__welcome__store-button__image, body.page-id-40596 .section__welcome__store-buttons .section__welcome__store-button__image, body.page-id-40668 .section__welcome__store-buttons .section__welcome__store-button__image, body.page-id-52905 .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-features-todo .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-pricing-todo .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-roadmap-todo .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-general-flexible-to-do .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-odin-todo .section__welcome__store-buttons .section__welcome__store-button__image, body.parent-pageid-38584 .section__welcome__store-buttons .section__welcome__store-button__image, body.parent-pageid-39315 .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

body.page-template-page-features-projects, body.page-template-page-pricing-projects, body.page-template-template-odin-projects {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    background-position: top
}

body.page-template-page-features-projects:before, body.page-template-page-pricing-projects:before, body.page-template-template-odin-projects:before {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-left.svg) no-repeat;
    width: 1000px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 800px
}

@media (max-width: 1000px) {
    body.page-template-page-features-projects:before, body.page-template-page-pricing-projects:before, body.page-template-template-odin-projects:before {
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

body.page-template-page-features-projects:after, body.page-template-page-pricing-projects:after, body.page-template-template-odin-projects:after {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-right.svg) no-repeat;
    width: 360px;
    top: 450px;
    left: auto;
    height: 369px;
    right: 70px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 992px) {
    body.page-template-page-features-projects:after, body.page-template-page-pricing-projects:after, body.page-template-template-odin-projects:after {
        width: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain
    }
}

body.page-template-page-features-projects .filterOption .options, body.page-template-page-pricing-projects .filterOption .options, body.page-template-template-odin-projects .filterOption .options {
    background-color: rgba(41, 213, 181, .3)
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .footer .giveUsACall, body.page-template-page-pricing-projects .footer .giveUsACall, body.page-template-template-odin-projects .footer .giveUsACall {
        margin: 0
    }

    body.page-template-page-features-projects .footer__nav, body.page-template-page-features-projects .footerBottom .wpml-ls, body.page-template-page-pricing-projects .footer__nav, body.page-template-page-pricing-projects .footerBottom .wpml-ls, body.page-template-template-odin-projects .footer__nav, body.page-template-template-odin-projects .footerBottom .wpml-ls {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-nav .displayNone, body.page-template-page-pricing-projects .odin-navbar-nav .displayNone, body.page-template-template-odin-projects .odin-navbar-nav .displayNone {
        display: block
    }

    body.page-template-page-features-projects label.hamburger, body.page-template-page-pricing-projects label.hamburger, body.page-template-template-odin-projects label.hamburger {
        position: absolute;
        right: 15px;
        top: 4px;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    body.page-template-page-features-projects label.hamburger .line, body.page-template-page-pricing-projects label.hamburger .line, body.page-template-template-odin-projects label.hamburger .line {
        position: absolute;
        height: 2px;
        width: 30px;
        background: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        -webkit-transition: .05s;
        -o-transition: .05s;
        -moz-transition: .05s;
        transition: .05s;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center
    }

    body.page-template-page-features-projects label.hamburger .line:first-child, body.page-template-page-pricing-projects label.hamburger .line:first-child, body.page-template-template-odin-projects label.hamburger .line:first-child {
        top: 12px
    }

    body.page-template-page-features-projects label.hamburger .line:nth-child(2), body.page-template-page-pricing-projects label.hamburger .line:nth-child(2), body.page-template-template-odin-projects label.hamburger .line:nth-child(2) {
        top: 19px
    }

    body.page-template-page-features-projects label.hamburger .line:nth-child(3), body.page-template-page-pricing-projects label.hamburger .line:nth-child(3), body.page-template-template-odin-projects label.hamburger .line:nth-child(3) {
        top: 26px
    }

    body.page-template-page-features-projects #hamburger:checked + .hamburger .line:first-child, body.page-template-page-pricing-projects #hamburger:checked + .hamburger .line:first-child, body.page-template-template-odin-projects #hamburger:checked + .hamburger .line:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        -moz-transform: translateY(8px) rotate(-45deg);
        -ms-transform: translateY(8px) rotate(-45deg);
        -o-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    body.page-template-page-features-projects #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-pricing-projects #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-odin-projects #hamburger:checked + .hamburger .line:nth-child(2) {
        opacity: 0
    }

    body.page-template-page-features-projects #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-pricing-projects #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-odin-projects #hamburger:checked + .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        -moz-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
        -o-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg)
    }

    body.page-template-page-features-projects .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-features-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-pricing-projects .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-pricing-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-odin-projects .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-odin-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse {
        top: 60px;
        background-position: left -60px
    }

    body.page-template-page-features-projects .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-features-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-pricing-projects .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-pricing-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-odin-projects .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-odin-projects .odin-navbar.navbar-scrolled .odin-navbar-collapse:before {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        content: "";
        height: 10px;
        -webkit-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        -moz-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse, body.page-template-page-pricing-projects .odin-navbar-collapse, body.page-template-template-odin-projects .odin-navbar-collapse {
        margin-top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #1b1b1b;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        overflow: auto;
        background-color: #f0f0f0;
        padding: 10px 10px 90px;
        -ms-overflow-style: none;
        z-index: 100;
        top: 60px;
        opacity: 0;
        visibility: hidden
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: -1px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button {
        pointer-events: none;
        cursor: not-allowed;
        color: #999 !important
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher.empty button:after {
        opacity: .3
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul {
        background: none;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item {
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
        display: block;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6;
        position: relative;
        overflow: hidden
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 1px;
        background: #e5e5e6;
        left: 0;
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited {
        background: #fff;
        outline: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu {
        position: static;
        top: 0;
        right: auto;
        left: auto;
        bottom: auto;
        display: block;
        max-height: 0;
        background: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle {
        padding: 17px 20px 16px;
        color: #000;
        left: 0;
        border: 0;
        margin-top: 0;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 500;
        width: 100%;
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        text-align: left;
        position: relative;
        background-color: #fff
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after {
        position: absolute;
        right: 20px;
        top: 22px;
        height: 15px;
        width: 15px;
        content: "";
        background: url(https://odin.com/wp-content/uploads/2020/03/globe-black.svg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link {
        padding: 20px 20px 24px 65px;
        border-top: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span {
        margin-left: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before {
        content: "";
        height: 33px;
        width: 33px;
        left: 20px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -11px 10px 12px 1px;
        position: absolute;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        top: 24px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px;
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/de.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/en.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/fr.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ch.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/it.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/kr.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/pt.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ru.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/es.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-pricing-projects .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-odin-projects .odin-navbar-collapse::-webkit-scrollbar {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse.show, body.page-template-page-pricing-projects .odin-navbar-collapse.show, body.page-template-template-odin-projects .odin-navbar-collapse.show {
        opacity: 1;
        visibility: visible
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul, body.page-template-page-pricing-projects .odin-navbar-collapse ul, body.page-template-template-odin-projects .odin-navbar-collapse ul {
        width: 100%;
        list-style: none;
        border-left: 1px solid #e5e5e6;
        border-right: 1px solid #e5e5e6;
        border-bottom: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li, body.page-template-page-pricing-projects .odin-navbar-collapse ul li, body.page-template-template-odin-projects .odin-navbar-collapse ul li {
        background-color: #fff;
        margin: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a, body.page-template-template-odin-projects .odin-navbar-collapse ul li a {
        overflow: hidden;
        text-align: left
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a:after, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a:after, body.page-template-template-odin-projects .odin-navbar-collapse ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #e5e5e6;
        left: 20px;
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li .languageBtn, body.page-template-page-pricing-projects .odin-navbar-collapse ul li .languageBtn, body.page-template-template-odin-projects .odin-navbar-collapse ul li .languageBtn {
        overflow: hidden
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-pricing-projects .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-odin-projects .odin-navbar-collapse ul li .languageBtn img {
        float: right;
        width: 15px;
        margin-top: -2px;
        margin-right: -4px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-pricing-projects .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-odin-projects .odin-navbar-collapse ul li .languageBtn.sub i {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li:first-child, body.page-template-page-pricing-projects .odin-navbar-collapse ul li:first-child, body.page-template-template-odin-projects .odin-navbar-collapse ul li:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-pricing-projects .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-odin-projects .odin-navbar-collapse ul li:last-child ul li:last-child a:after {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a, body.page-template-template-odin-projects .odin-navbar-collapse ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #000;
        line-height: 16px;
        padding: 20px;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        position: relative
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a.sub, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a.sub, body.page-template-template-odin-projects .odin-navbar-collapse ul li a.sub {
        padding: 20px 20px 15px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a i, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a i, body.page-template-template-odin-projects .odin-navbar-collapse ul li a i {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
        font-size: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a i:after, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a i:after, body.page-template-template-odin-projects .odin-navbar-collapse ul li a i:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 45%;
        right: 24px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li a.active i:after, body.page-template-page-pricing-projects .odin-navbar-collapse ul li a.active i:after, body.page-template-template-odin-projects .odin-navbar-collapse ul li a.active i:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul {
        border: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease;
        -o-transition: max-height .2s ease;
        -moz-transition: max-height .2s ease;
        transition: max-height .2s ease;
        padding-left: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li {
        overflow: hidden;
        border: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li:first-child {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li:last-child {
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.subTitle span.sub {
        font-size: 11px;
        color: #666;
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.subTitle a {
        padding: 20px 20px 19px 65px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.subTitle a:before {
        margin-top: -2px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li a, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li a, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 22px 20px 22px 65px;
        position: relative;
        overflow: hidden;
        line-height: 24px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li a:before {
        content: "";
        height: 31px;
        width: 31px;
        left: 25px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -4px 10px 12px 1px;
        position: absolute
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li a:after, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li a:after, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/base.svg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/todo.svg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.odinChatDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/zenchat.svg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-pricing-projects .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-odin-projects .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/hypernotes.svg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse ul .show, body.page-template-page-pricing-projects .odin-navbar-collapse ul .show, body.page-template-template-odin-projects .odin-navbar-collapse ul .show {
        display: block;
        visibility: visible !important
    }

    body.page-template-page-features-projects .odin-navbar-collapse .content, body.page-template-page-pricing-projects .odin-navbar-collapse .content, body.page-template-template-odin-projects .odin-navbar-collapse .content {
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
        margin-top: 30px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection {
        overflow: hidden;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection h3 {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd
    }

    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection .button {
        width: 50%;
        margin: 0 auto 10px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection .button {
        float: left;
        margin: 0;
        width: 48%
    }

    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection .button.right {
        float: right
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-pricing-projects .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-odin-projects .odin-navbar-collapse .content .appDownloadSection img {
        width: 100%
    }
}

body.page-template-page-features-projects input#hamburger, body.page-template-page-pricing-projects input#hamburger, body.page-template-template-odin-projects input#hamburger {
    display: none
}

@media (min-width: 992px) {
    body.page-template-page-features-projects .odin-navbar .content, body.page-template-page-pricing-projects .odin-navbar .content, body.page-template-template-odin-projects .odin-navbar .content {
        display: none
    }

    body.page-template-page-features-projects .footer__nav, body.page-template-page-pricing-projects .footer__nav, body.page-template-template-odin-projects .footer__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.page-template-page-features-projects .odin-navbar-nav, body.page-template-page-pricing-projects .odin-navbar-nav, body.page-template-template-odin-projects .odin-navbar-nav {
        margin-top: 0
    }

    body.page-template-page-features-projects .odin-navbar-nav .displayNone, body.page-template-page-pricing-projects .odin-navbar-nav .displayNone, body.page-template-template-odin-projects .odin-navbar-nav .displayNone {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse, body.page-template-page-pricing-projects .odin-navbar-collapse, body.page-template-template-odin-projects .odin-navbar-collapse {
        background: none !important;
        margin-top: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-projects .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-projects .odin-navbar-collapse .odin-dropdown-switcher {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse li, body.page-template-page-pricing-projects .odin-navbar-collapse li, body.page-template-template-odin-projects .odin-navbar-collapse li {
        padding: 0;
        display: block
    }

    body.page-template-page-features-projects .odin-navbar-collapse li > a, body.page-template-page-pricing-projects .odin-navbar-collapse li > a, body.page-template-template-odin-projects .odin-navbar-collapse li > a {
        padding: 8px 10px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    body.page-template-page-features-projects .odin-navbar-collapse li > a i, body.page-template-page-pricing-projects .odin-navbar-collapse li > a i, body.page-template-template-odin-projects .odin-navbar-collapse li > a i {
        display: none
    }

    body.page-template-page-features-projects .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-pricing-projects .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-odin-projects .odin-navbar-collapse li:hover .sub-menu {
        top: 50px
    }

    body.page-template-page-features-projects .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-projects .odin-navbar-collapse li:hover > a, body.page-template-template-odin-projects .odin-navbar-collapse li:hover > a {
        background-color: rgba(0, 0, 0, .05)
    }

    body.page-template-page-features-projects .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-pricing-projects .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-odin-projects .odin-navbar-collapse li.sign-up:hover > a {
        background-color: #007aff1a
    }

    body.page-template-page-features-projects .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-pricing-projects .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-odin-projects .odin-navbar-collapse li.forEnterprises > a {
        background-color: #75bc52;
        color: #fff
    }

    body.page-template-page-features-projects .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-odin-projects .odin-navbar-collapse li.forEnterprises > a:hover {
        background-color: #63a91c
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children {
        margin-right: 0;
        position: relative
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children a {
        padding-right: 25px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: relative;
        top: -2px;
        right: 21px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children:hover:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul {
        left: -217px;
        display: none;
        -webkit-transition: visibility 0s, opacity .2s linear;
        -o-transition: visibility 0s, opacity .2s linear;
        -moz-transition: visibility 0s, opacity .2s linear;
        transition: visibility 0s, opacity .2s linear;
        position: absolute;
        top: 72px;
        background-color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        padding: 10px;
        margin: 0;
        list-style: none;
        width: 540px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li {
        float: left;
        width: 33.3%;
        padding: 0;
        margin: 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li a {
        display: block;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: .9
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title {
        font-size: 13px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600;
        display: block;
        line-height: 21px;
        overflow: hidden
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li a span.title:before {
        height: 15px;
        width: 15px;
        content: "";
        margin-right: 7px;
        margin-top: 3px;
        display: block;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li a span.sub {
        font-size: 11px
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-base-icon-suite-1.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover {
        background-color: #fef2f6
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-todo-icon.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover {
        background-color: #e5f7fb
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/hypernotes-icon.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover {
        background-color: #fff9f3
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/zenchat-icon.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover {
        background-color: #f4fdfa
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/gantt-icon.png)
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover {
        background-color: #fcf7fe
    }

    body.page-template-page-features-projects .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-pricing-projects .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-odin-projects .odin-navbar-collapse .menu-item-has-children:hover ul {
        display: block;
        -webkit-animation: c .2s;
        -moz-animation: c .2s;
        -o-animation: c .2s;
        animation: c .2s
    }
}

body.page-template-page-features-projects .odin-navbar__main-menu li, body.page-template-page-pricing-projects .odin-navbar__main-menu li, body.page-template-template-odin-projects .odin-navbar__main-menu li {
    font-size: 18px;
    font-weight: 500;
    margin: 10px
}

body.page-template-page-features-projects .odin-navbar-brand img, body.page-template-page-pricing-projects .odin-navbar-brand img, body.page-template-template-odin-projects .odin-navbar-brand img {
    height: 30px
}

body.page-template-page-features-projects .odin-navbar__main-menu li:hover, body.page-template-page-pricing-projects .odin-navbar__main-menu li:hover, body.page-template-template-odin-projects .odin-navbar__main-menu li:hover {
    color: #000
}

@media (max-width: 768px) {
    body.page-template-page-features-projects, body.page-template-page-pricing-projects, body.page-template-template-odin-projects {
        background-position: 0 0
    }
}

body.page-template-page-features-projects .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-projects .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-projects .odin-navbar-brand .odin-todo-logo-highlight {
    line-height: 17px;
    font-size: 24px;
    font-weight: 400
}

body.page-template-page-features-projects .bigContainer.content-section--padding .container, body.page-template-page-pricing-projects .bigContainer.content-section--padding .container, body.page-template-template-odin-projects .bigContainer.content-section--padding .container {
    max-width: 1400px
}

body.page-template-page-features-projects .pricing-grid .container, body.page-template-page-pricing-projects .pricing-grid .container, body.page-template-template-odin-projects .pricing-grid .container {
    max-width: 1000px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .pricing-grid, body.page-template-page-pricing-projects .pricing-grid, body.page-template-template-odin-projects .pricing-grid {
        margin-bottom: 30px
    }
}

body.page-template-page-features-projects .content-section--padding.heading, body.page-template-page-pricing-projects .content-section--padding.heading, body.page-template-template-odin-projects .content-section--padding.heading {
    padding-bottom: 0
}

body.page-template-page-features-projects .odin-navbar--todo, body.page-template-page-pricing-projects .odin-navbar--todo, body.page-template-template-odin-projects .odin-navbar--todo {
    border: 0
}

body.page-template-page-features-projects .appstore__row, body.page-template-page-pricing-projects .appstore__row, body.page-template-template-odin-projects .appstore__row {
    max-width: 1200px;
    padding: 0
}

body.page-template-page-features-projects .appstore__item, body.page-template-page-pricing-projects .appstore__item, body.page-template-template-odin-projects .appstore__item {
    float: left
}

body.page-template-page-features-projects .appstore__item-inner, body.page-template-page-pricing-projects .appstore__item-inner, body.page-template-template-odin-projects .appstore__item-inner {
    min-height: 380px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .appstore__item-inner, body.page-template-page-pricing-projects .appstore__item-inner, body.page-template-template-odin-projects .appstore__item-inner {
        min-height: auto;
        padding: 20px
    }
}

body.page-template-page-features-projects .appstore__stars br, body.page-template-page-pricing-projects .appstore__stars br, body.page-template-template-odin-projects .appstore__stars br {
    display: none
}

body.page-template-page-features-projects .carousel-indicators, body.page-template-page-pricing-projects .carousel-indicators, body.page-template-template-odin-projects .carousel-indicators {
    bottom: -26px
}

body.page-template-page-features-projects .carousel-indicators li, body.page-template-page-pricing-projects .carousel-indicators li, body.page-template-template-odin-projects .carousel-indicators li {
    background-color: #337ab7;
    height: 5px;
    cursor: pointer
}

body.page-template-page-features-projects .carousel-indicators li.active, body.page-template-page-pricing-projects .carousel-indicators li.active, body.page-template-template-odin-projects .carousel-indicators li.active {
    background-color: #83bcee
}

body.page-template-page-features-projects .content-section--info .contentBox, body.page-template-page-pricing-projects .content-section--info .contentBox, body.page-template-template-odin-projects .content-section--info .contentBox {
    padding: 20px;
    background-color: #edfcf5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #1e251f;
    display: inline-block
}

body.page-template-page-features-projects .content-section--info .contentBox img, body.page-template-page-pricing-projects .content-section--info .contentBox img, body.page-template-template-odin-projects .content-section--info .contentBox img {
    width: 90px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .content-section--info .contentBox img, body.page-template-page-pricing-projects .content-section--info .contentBox img, body.page-template-template-odin-projects .content-section--info .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-template-page-features-projects .content-section--info .contentBox p, body.page-template-page-pricing-projects .content-section--info .contentBox p, body.page-template-template-odin-projects .content-section--info .contentBox p {
    margin-bottom: 0
}

body.page-template-page-features-projects .odin-navbar__main-menu .info, body.page-template-page-pricing-projects .odin-navbar__main-menu .info, body.page-template-template-odin-projects .odin-navbar__main-menu .info {
    color: #5d87ac;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 2px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .odin-navbar__main-menu .info, body.page-template-page-pricing-projects .odin-navbar__main-menu .info, body.page-template-template-odin-projects .odin-navbar__main-menu .info {
        font-size: 12px;
        margin-top: 8px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .odin-navbar__main-menu .mobileNone, body.page-template-page-pricing-projects .odin-navbar__main-menu .mobileNone, body.page-template-template-odin-projects .odin-navbar__main-menu .mobileNone {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .odin-navbar__main-menu .mobileBlock, body.page-template-page-pricing-projects .odin-navbar__main-menu .mobileBlock, body.page-template-template-odin-projects .odin-navbar__main-menu .mobileBlock {
        display: block;
        color: #5d87ac;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

body.page-template-page-features-projects .odin-button, body.page-template-page-pricing-projects .odin-button, body.page-template-template-odin-projects .odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

body.page-template-page-features-projects .section__welcome, body.page-template-page-pricing-projects .section__welcome, body.page-template-template-odin-projects .section__welcome {
    margin-bottom: 70px
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome, body.page-template-page-pricing-projects .section__welcome, body.page-template-template-odin-projects .section__welcome {
        margin-bottom: 40px
    }
}

body.page-template-page-features-projects .section__welcome .productHunt, body.page-template-page-pricing-projects .section__welcome .productHunt, body.page-template-template-odin-projects .section__welcome .productHunt {
    margin-top: 30px
}

body.page-template-page-features-projects .section__welcome .section__welcome__content, body.page-template-page-pricing-projects .section__welcome .section__welcome__content, body.page-template-template-odin-projects .section__welcome .section__welcome__content {
    text-align: center
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__content, body.page-template-page-pricing-projects .section__welcome .section__welcome__content, body.page-template-template-odin-projects .section__welcome .section__welcome__content {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }
}

body.page-template-page-features-projects .section__welcome .displayMobile, body.page-template-page-pricing-projects .section__welcome .displayMobile, body.page-template-template-odin-projects .section__welcome .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome .displayMobile, body.page-template-page-pricing-projects .section__welcome .displayMobile, body.page-template-template-odin-projects .section__welcome .displayMobile {
        display: block
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .displayMobile, body.page-template-page-pricing-projects .section__welcome .displayMobile, body.page-template-template-odin-projects .section__welcome .displayMobile {
        display: block
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    top: 20px;
    width: 775px;
    height: 500px;
    left: 22%
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop {
        top: 0;
        left: 0;
        position: relative;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        margin: 0 auto;
        height: 500px;
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop {
        height: 270px;
        margin-bottom: 40px;
        display: none
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage {
    position: absolute
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage .iphone {
    position: absolute
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
    height: 495px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        height: 495px;
        right: 138px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 501px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-features-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-pricing-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-odin-projects .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome__register-form, body.page-template-page-features-projects .section__welcome__register-form__sub-header, body.page-template-page-pricing-projects .section__welcome__register-form, body.page-template-page-pricing-projects .section__welcome__register-form__sub-header, body.page-template-template-odin-projects .section__welcome__register-form, body.page-template-template-odin-projects .section__welcome__register-form__sub-header {
        display: none
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-projects .section__welcome__register-form, body.page-template-page-features-projects .section__welcome__register-form__sub-header, body.page-template-page-pricing-projects .section__welcome__register-form, body.page-template-page-pricing-projects .section__welcome__register-form__sub-header, body.page-template-template-odin-projects .section__welcome__register-form, body.page-template-template-odin-projects .section__welcome__register-form__sub-header {
        display: none
    }
}

body.page-template-page-features-projects .section__welcome__register-form__email, body.page-template-page-pricing-projects .section__welcome__register-form__email, body.page-template-template-odin-projects .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .section__welcome__register-form__email, body.page-template-page-pricing-projects .section__welcome__register-form__email, body.page-template-template-odin-projects .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-template-page-features-projects .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-pricing-projects .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-odin-projects .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-template-page-features-projects .section__welcome__register-form__email:focus, body.page-template-page-pricing-projects .section__welcome__register-form__email:focus, body.page-template-template-odin-projects .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-template-page-features-projects span.bold, body.page-template-page-pricing-projects span.bold, body.page-template-template-odin-projects span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-template-page-features-projects span.uppercase, body.page-template-page-pricing-projects span.uppercase, body.page-template-template-odin-projects span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-template-page-features-projects span.pink, body.page-template-page-pricing-projects span.pink, body.page-template-template-odin-projects span.pink {
    color: #f54da5
}

body.page-template-page-features-projects span.blue, body.page-template-page-pricing-projects span.blue, body.page-template-template-odin-projects span.blue {
    color: #19bede
}

body.page-template-page-features-projects span.orange, body.page-template-page-pricing-projects span.orange, body.page-template-template-odin-projects span.orange {
    color: #f9903f
}

body.page-template-page-features-projects span.purple, body.page-template-page-pricing-projects span.purple, body.page-template-template-odin-projects span.purple {
    color: #9d54fd
}

body.page-template-page-features-projects .section__welcome__register-form__sub-header, body.page-template-page-pricing-projects .section__welcome__register-form__sub-header, body.page-template-template-odin-projects .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-template-page-features-projects .button-main__link--blue, body.page-template-page-pricing-projects .button-main__link--blue, body.page-template-template-odin-projects .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-template-page-features-projects .button-main__link--blue:hover, body.page-template-page-pricing-projects .button-main__link--blue:hover, body.page-template-template-odin-projects .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-template-page-features-projects .odin-navbar.closed .nav-item:last-child, body.page-template-page-features-projects .odin-navbar .nav-item:last-child, body.page-template-page-pricing-projects .odin-navbar.closed .nav-item:last-child, body.page-template-page-pricing-projects .odin-navbar .nav-item:last-child, body.page-template-template-odin-projects .odin-navbar.closed .nav-item:last-child, body.page-template-template-odin-projects .odin-navbar .nav-item:last-child {
    background-color: #43db9e;
    color: #fff
}

body.page-template-page-features-projects .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-features-projects .odin-navbar .nav-item:last-child:hover, body.page-template-page-pricing-projects .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-pricing-projects .odin-navbar .nav-item:last-child:hover, body.page-template-template-odin-projects .odin-navbar.closed .nav-item:last-child:hover, body.page-template-template-odin-projects .odin-navbar .nav-item:last-child:hover {
    background-color: #28d4b6
}

body.page-template-page-features-projects .odin-navbar-brand img, body.page-template-page-pricing-projects .odin-navbar-brand img, body.page-template-template-odin-projects .odin-navbar-brand img {
    margin-top: 0
}

body.page-template-page-features-projects .pricing-grid .pricingButton, body.page-template-page-pricing-projects .pricing-grid .pricingButton, body.page-template-template-odin-projects .pricing-grid .pricingButton {
    display: block;
    width: 100%;
    max-width: 100%
}

body.page-template-page-features-projects .pricing-grid .pricingButton.personal, body.page-template-page-pricing-projects .pricing-grid .pricingButton.personal, body.page-template-template-odin-projects .pricing-grid .pricingButton.personal {
    background-color: #107fdc
}

body.page-template-page-features-projects .page-general, body.page-template-page-pricing-projects .page-general, body.page-template-template-odin-projects .page-general {
    max-width: 1035px;
    text-align: left
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .page-general, body.page-template-page-pricing-projects .page-general, body.page-template-template-odin-projects .page-general {
        text-align: center
    }

    body.page-template-page-features-projects .page-general .col-md-6, body.page-template-page-pricing-projects .page-general .col-md-6, body.page-template-template-odin-projects .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-template-page-features-projects .container, body.page-template-page-pricing-projects .container, body.page-template-template-odin-projects .container {
    text-align: center
}

body.page-template-page-features-projects .pricing-grid, body.page-template-page-pricing-projects .pricing-grid, body.page-template-template-odin-projects .pricing-grid {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .pricing-grid__item-top, body.page-template-page-pricing-projects .pricing-grid__item-top, body.page-template-template-odin-projects .pricing-grid__item-top {
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px
    }

    body.page-template-page-features-projects .pricing-grid__item-inner, body.page-template-page-pricing-projects .pricing-grid__item-inner, body.page-template-template-odin-projects .pricing-grid__item-inner {
        margin-bottom: 0
    }
}

@media (max-width: 768px) and (max-width: 992px) {
    body.page-template-page-features-projects .pricing-grid__item-bottom-container a, body.page-template-page-pricing-projects .pricing-grid__item-bottom-container a, body.page-template-template-odin-projects .pricing-grid__item-bottom-container a {
        width: auto
    }
}

body.page-template-page-features-projects .page-general.heading, body.page-template-page-pricing-projects .page-general.heading, body.page-template-template-odin-projects .page-general.heading {
    text-align: center;
    color: #111
}

body.page-template-page-features-projects .odin-navbar-collapse, body.page-template-page-pricing-projects .odin-navbar-collapse, body.page-template-template-odin-projects .odin-navbar-collapse {
    margin-top: 0
}

body.page-template-page-features-projects .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-projects .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-projects .bordered-grid__item .bordered-grid__item-container {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

body.page-template-page-features-projects .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-pricing-projects .bordered-grid__item .bordered-grid__item-container h2, body.page-template-template-odin-projects .bordered-grid__item .bordered-grid__item-container h2 {
    font-weight: 500;
    font-size: 25px
}

body.page-template-page-features-projects .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-pricing-projects .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-odin-projects .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container {
    position: absolute;
    top: 17px;
    width: 100%;
    left: 5px
}

body.page-template-page-features-projects .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-pricing-projects .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-odin-projects .bordered-grid__item .bordered-grid__text-paragraph {
    font-size: 16px
}

body.page-template-page-features-projects .footer, body.page-template-page-pricing-projects .footer, body.page-template-template-odin-projects .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #30404d;
    color: #e5e0ee
}

body.page-template-page-features-projects .footer:before, body.page-template-page-pricing-projects .footer:before, body.page-template-template-odin-projects .footer:before {
    position: absolute;
    width: 760px;
    height: 300px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-todo.svg) no-repeat;
    top: -300px;
    right: 100px;
    z-index: -1
}

@media (max-width: 1200px) {
    body.page-template-page-features-projects .footer:before, body.page-template-page-pricing-projects .footer:before, body.page-template-template-odin-projects .footer:before {
        display: none
    }
}

body.page-template-page-features-projects .footer .giveUsACall .giveUsACallButton a, body.page-template-page-pricing-projects .footer .giveUsACall .giveUsACallButton a, body.page-template-template-odin-projects .footer .giveUsACall .giveUsACallButton a {
    background: #1ed3bc;
    background: -webkit-linear-gradient(10deg, #1ed3bc, #5ae480);
    background: -moz-linear-gradient(10deg, #1ed3bc 0, #5ae480 100%);
    background: -o-linear-gradient(10deg, #1ed3bc 0, #5ae480 100%);
    background: linear-gradient(80deg, #1ed3bc, #5ae480)
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .footer__content, body.page-template-page-pricing-projects .footer .footer__content, body.page-template-template-odin-projects .footer .footer__content {
        margin: 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .footer__nav-app-icons, body.page-template-page-pricing-projects .footer .footer__nav-app-icons, body.page-template-template-odin-projects .footer .footer__nav-app-icons {
        margin-bottom: 30px
    }
}

body.page-template-page-features-projects .footer h3.footer__nav-column-heading, body.page-template-page-pricing-projects .footer h3.footer__nav-column-heading, body.page-template-template-odin-projects .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-template-page-features-projects .footer .subTitle, body.page-template-page-pricing-projects .footer .subTitle, body.page-template-template-odin-projects .footer .subTitle {
    line-height: 26px;
    margin-bottom: 20px
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column {
    width: 200px
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects {
    margin-right: 80px;
    border-right: 2px solid rgba(0, 0, 0, .05);
    -webkit-box-shadow: 2px 0 #45535e;
    -moz-box-shadow: 2px 0 #45535e;
    box-shadow: 2px 0 #45535e;
    padding-right: 80px;
    padding-left: 0;
    margin-left: 0;
    width: 450px
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects ul, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects ul, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects ul li, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects ul li, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media (max-width: 1200px) {
    body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects {
        width: 450px;
        padding-right: 40px;
        margin-right: 40px;
        border-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects ul, body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects ul li, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects ul, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects ul li, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects ul, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects ul li {
        display: block
    }

    body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects .widget.widget_nav_menu, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects .widget.widget_nav_menu, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects .widget.widget_nav_menu {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column.projects, body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column.projects {
        padding-top: 40px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-right: 0
    }
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column:nth-child(2) {
    margin-left: 0
}

body.page-template-page-features-projects .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-projects .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-projects .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border: 0;
    padding-left: 0
}

body.page-template-page-features-projects .footer a:hover, body.page-template-page-pricing-projects .footer a:hover, body.page-template-template-odin-projects .footer a:hover {
    color: #fff
}

body.page-template-page-features-projects .footer .footer__nav, body.page-template-page-pricing-projects .footer .footer__nav, body.page-template-template-odin-projects .footer .footer__nav {
    margin-top: 0
}

body.page-template-page-features-projects .footer .footer__character, body.page-template-page-pricing-projects .footer .footer__character, body.page-template-template-odin-projects .footer .footer__character {
    display: none
}

body.page-template-page-features-projects .footer .footer__app-icon-item, body.page-template-page-pricing-projects .footer .footer__app-icon-item, body.page-template-template-odin-projects .footer .footer__app-icon-item {
    display: inline-block;
    max-width: 135px;
    margin: 5px 0 11px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .footer__app-icon-item, body.page-template-page-pricing-projects .footer .footer__app-icon-item, body.page-template-template-odin-projects .footer .footer__app-icon-item {
        margin: 10px 0
    }
}

body.page-template-page-features-projects .footer .footer__nav-app-icons, body.page-template-page-pricing-projects .footer .footer__nav-app-icons, body.page-template-template-odin-projects .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-template-page-features-projects .footer .footer__nav-column, body.page-template-page-pricing-projects .footer .footer__nav-column, body.page-template-template-odin-projects .footer .footer__nav-column {
    position: relative
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .footer__nav-column, body.page-template-page-pricing-projects .footer .footer__nav-column, body.page-template-template-odin-projects .footer .footer__nav-column {
        text-align: left
    }
}

body.page-template-page-features-projects .footer .odin-navbar-brand, body.page-template-page-pricing-projects .footer .odin-navbar-brand, body.page-template-template-odin-projects .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-template-page-features-projects .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-projects .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-projects .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-projects .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-projects .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-projects .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-projects .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-projects .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-projects .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-projects .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-projects .footer .odin-navbar-brand .odin-todo-logo-highlight {
        font-size: 26px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .odin-navbar-brand, body.page-template-page-pricing-projects .footer .odin-navbar-brand, body.page-template-template-odin-projects .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }
}

body.page-template-page-features-projects .footer .odin-navbar-brand img, body.page-template-page-pricing-projects .footer .odin-navbar-brand img, body.page-template-template-odin-projects .footer .odin-navbar-brand img {
    height: 16px;
    position: absolute;
    left: -26px;
    top: 3px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .footer .odin-navbar-brand img, body.page-template-page-pricing-projects .footer .odin-navbar-brand img, body.page-template-template-odin-projects .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-template-page-features-projects .footer #nav_menu-7, body.page-template-page-pricing-projects .footer #nav_menu-7, body.page-template-template-odin-projects .footer #nav_menu-7 {
    margin-top: 0
}

body.page-template-page-features-projects .footer #nav_menu-7 h3, body.page-template-page-pricing-projects .footer #nav_menu-7 h3, body.page-template-template-odin-projects .footer #nav_menu-7 h3 {
    display: none
}

body.page-template-page-features-projects .footerBottom .footer__legal, body.page-template-page-features-projects .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-pricing-projects .footerBottom .footer__legal, body.page-template-page-pricing-projects .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-odin-projects .footerBottom .footer__legal, body.page-template-template-odin-projects .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-template-page-features-projects .footerBottom .footer__legal a, body.page-template-page-pricing-projects .footerBottom .footer__legal a, body.page-template-template-odin-projects .footerBottom .footer__legal a {
    color: #fff
}

body.page-template-page-features-projects .footerBottom .footer__social-list li a, body.page-template-page-pricing-projects .footerBottom .footer__social-list li a, body.page-template-template-odin-projects .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-template-page-features-projects .footerBottom .footer__social-list li a:hover, body.page-template-page-pricing-projects .footerBottom .footer__social-list li a:hover, body.page-template-template-odin-projects .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-template-page-features-projects .stayInSync, body.page-template-page-pricing-projects .stayInSync, body.page-template-template-odin-projects .stayInSync {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
    background-repeat: no-repeat;
    display: table;
    width: 100%
}

body.page-template-page-features-projects .stayInSync h2, body.page-template-page-pricing-projects .stayInSync h2, body.page-template-template-odin-projects .stayInSync h2 {
    font-size: 50px
}

@media (max-width: 1200px) {
    body.page-template-page-features-projects .stayInSync, body.page-template-page-pricing-projects .stayInSync, body.page-template-template-odin-projects .stayInSync {
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .stayInSync, body.page-template-page-pricing-projects .stayInSync, body.page-template-template-odin-projects .stayInSync {
        background-image: none !important;
        background-color: #f0f7ff
    }
}

body.page-template-page-features-projects .stayInSync .mask, body.page-template-page-pricing-projects .stayInSync .mask, body.page-template-template-odin-projects .stayInSync .mask {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: center;
    padding: 11% 0
}

@media (max-width: 1200px) {
    body.page-template-page-features-projects .stayInSync .mask, body.page-template-page-pricing-projects .stayInSync .mask, body.page-template-template-odin-projects .stayInSync .mask {
        padding: 2rem 0 4rem;
        overflow: hidden;
        background-image: none !important
    }
}

body.page-template-page-features-projects .stayInSync a, body.page-template-page-pricing-projects .stayInSync a, body.page-template-template-odin-projects .stayInSync a {
    display: block;
    float: left
}

body.page-template-page-features-projects .stayInSync img, body.page-template-page-pricing-projects .stayInSync img, body.page-template-template-odin-projects .stayInSync img {
    max-width: 180px
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .stayInSync img, body.page-template-page-pricing-projects .stayInSync img, body.page-template-template-odin-projects .stayInSync img {
        max-width: 100%
    }
}

body.page-template-page-features-projects .stayInSync .buttons, body.page-template-page-pricing-projects .stayInSync .buttons, body.page-template-template-odin-projects .stayInSync .buttons {
    margin: 2rem auto 0;
    width: 380px
}

@media (max-width: 1200px) {
    body.page-template-page-features-projects .stayInSync .buttons, body.page-template-page-pricing-projects .stayInSync .buttons, body.page-template-template-odin-projects .stayInSync .buttons {
        margin: 1rem auto 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .stayInSync .buttons, body.page-template-page-pricing-projects .stayInSync .buttons, body.page-template-template-odin-projects .stayInSync .buttons {
        width: 100%;
        overflow: hidden;
        display: none
    }
}

body.page-template-page-features-projects .stayInSync .buttons a:first-child, body.page-template-page-pricing-projects .stayInSync .buttons a:first-child, body.page-template-template-odin-projects .stayInSync .buttons a:first-child {
    float: left;
    width: 45%
}

body.page-template-page-features-projects .stayInSync .buttons a:last-child, body.page-template-page-pricing-projects .stayInSync .buttons a:last-child, body.page-template-template-odin-projects .stayInSync .buttons a:last-child {
    float: right;
    width: 45%
}

body.page-template-page-features-projects .toolTrust h2, body.page-template-page-pricing-projects .toolTrust h2, body.page-template-template-odin-projects .toolTrust h2 {
    font-size: 50px
}

body.page-template-page-features-projects .toolTrustImage img, body.page-template-page-pricing-projects .toolTrustImage img, body.page-template-template-odin-projects .toolTrustImage img {
    max-width: 100%
}

@media (max-width: 768px) {
    body.page-template-page-features-projects .toolTrustImage img, body.page-template-page-pricing-projects .toolTrustImage img, body.page-template-template-odin-projects .toolTrustImage img {
        display: none
    }
}

body.page-template-page-features-projects .section__welcome__store-buttons, body.page-template-page-pricing-projects .section__welcome__store-buttons, body.page-template-template-odin-projects .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-template-page-features-projects .section__welcome__store-buttons, body.page-template-page-pricing-projects .section__welcome__store-buttons, body.page-template-template-odin-projects .section__welcome__store-buttons {
        display: none
    }
}

body.page-template-page-features-projects .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-pricing-projects .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-odin-projects .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-template-page-features-projects .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-pricing-projects .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-odin-projects .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-template-page-features-projects .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-pricing-projects .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-odin-projects .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

body.page-template-page-features-social, body.page-template-page-pricing-social, body.page-template-template-odin-social {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    background-repeat: no-repeat;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto;
    background-position: top
}

body.page-template-page-features-social:before, body.page-template-page-pricing-social:before, body.page-template-template-odin-social:before {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-left.svg) no-repeat;
    width: 1000px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    height: 800px
}

@media (max-width: 1000px) {
    body.page-template-page-features-social:before, body.page-template-page-pricing-social:before, body.page-template-template-odin-social:before {
        width: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

body.page-template-page-features-social:after, body.page-template-page-pricing-social:after, body.page-template-template-odin-social:after {
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/bg-todo-right.svg) no-repeat;
    width: 360px;
    top: 450px;
    left: auto;
    height: 369px;
    right: 70px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 992px) {
    body.page-template-page-features-social:after, body.page-template-page-pricing-social:after, body.page-template-template-odin-social:after {
        width: 100%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain
    }
}

body.page-template-page-features-social .filterOption .options, body.page-template-page-pricing-social .filterOption .options, body.page-template-template-odin-social .filterOption .options {
    background-color: rgba(41, 213, 181, .3)
}

@media (max-width: 992px) {
    body.page-template-page-features-social .footer .giveUsACall, body.page-template-page-pricing-social .footer .giveUsACall, body.page-template-template-odin-social .footer .giveUsACall {
        margin: 0
    }

    body.page-template-page-features-social .footer__nav, body.page-template-page-features-social .footerBottom .wpml-ls, body.page-template-page-pricing-social .footer__nav, body.page-template-page-pricing-social .footerBottom .wpml-ls, body.page-template-template-odin-social .footer__nav, body.page-template-template-odin-social .footerBottom .wpml-ls {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-nav .displayNone, body.page-template-page-pricing-social .odin-navbar-nav .displayNone, body.page-template-template-odin-social .odin-navbar-nav .displayNone {
        display: block
    }

    body.page-template-page-features-social label.hamburger, body.page-template-page-pricing-social label.hamburger, body.page-template-template-odin-social label.hamburger {
        position: absolute;
        right: 15px;
        top: 4px;
        width: 30px;
        height: 30px;
        cursor: pointer
    }

    body.page-template-page-features-social label.hamburger .line, body.page-template-page-pricing-social label.hamburger .line, body.page-template-template-odin-social label.hamburger .line {
        position: absolute;
        height: 2px;
        width: 30px;
        background: #000;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        -webkit-transition: .05s;
        -o-transition: .05s;
        -moz-transition: .05s;
        transition: .05s;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center
    }

    body.page-template-page-features-social label.hamburger .line:first-child, body.page-template-page-pricing-social label.hamburger .line:first-child, body.page-template-template-odin-social label.hamburger .line:first-child {
        top: 12px
    }

    body.page-template-page-features-social label.hamburger .line:nth-child(2), body.page-template-page-pricing-social label.hamburger .line:nth-child(2), body.page-template-template-odin-social label.hamburger .line:nth-child(2) {
        top: 19px
    }

    body.page-template-page-features-social label.hamburger .line:nth-child(3), body.page-template-page-pricing-social label.hamburger .line:nth-child(3), body.page-template-template-odin-social label.hamburger .line:nth-child(3) {
        top: 26px
    }

    body.page-template-page-features-social #hamburger:checked + .hamburger .line:first-child, body.page-template-page-pricing-social #hamburger:checked + .hamburger .line:first-child, body.page-template-template-odin-social #hamburger:checked + .hamburger .line:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        -moz-transform: translateY(8px) rotate(-45deg);
        -ms-transform: translateY(8px) rotate(-45deg);
        -o-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    body.page-template-page-features-social #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-page-pricing-social #hamburger:checked + .hamburger .line:nth-child(2), body.page-template-template-odin-social #hamburger:checked + .hamburger .line:nth-child(2) {
        opacity: 0
    }

    body.page-template-page-features-social #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-page-pricing-social #hamburger:checked + .hamburger .line:nth-child(3), body.page-template-template-odin-social #hamburger:checked + .hamburger .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        -moz-transform: translateY(-6px) rotate(45deg);
        -ms-transform: translateY(-6px) rotate(45deg);
        -o-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg)
    }

    body.page-template-page-features-social .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-features-social .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-page-pricing-social .odin-navbar.closed .odin-navbar-collapse, body.page-template-page-pricing-social .odin-navbar.navbar-scrolled .odin-navbar-collapse, body.page-template-template-odin-social .odin-navbar.closed .odin-navbar-collapse, body.page-template-template-odin-social .odin-navbar.navbar-scrolled .odin-navbar-collapse {
        top: 60px;
        background-position: left -60px
    }

    body.page-template-page-features-social .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-features-social .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-page-pricing-social .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-page-pricing-social .odin-navbar.navbar-scrolled .odin-navbar-collapse:before, body.page-template-template-odin-social .odin-navbar.closed .odin-navbar-collapse:before, body.page-template-template-odin-social .odin-navbar.navbar-scrolled .odin-navbar-collapse:before {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        content: "";
        height: 10px;
        -webkit-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        -moz-box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        box-shadow: inset 0 25px 10px -24px rgba(0, 0, 0, .18);
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse, body.page-template-page-pricing-social .odin-navbar-collapse, body.page-template-template-odin-social .odin-navbar-collapse {
        margin-top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #1b1b1b;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        overflow: auto;
        background-color: #f0f0f0;
        padding: 10px 10px 90px;
        -ms-overflow-style: none;
        z-index: 100;
        top: 60px;
        opacity: 0;
        visibility: hidden
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher {
        width: 100%;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: -1px
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher.empty button, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher.empty button {
        pointer-events: none;
        cursor: not-allowed;
        color: #999 !important
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher.empty button:after, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher.empty button:after {
        opacity: .3
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul {
        background: none;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item {
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        overflow: hidden
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item i {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
        display: block;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6;
        position: relative;
        overflow: hidden
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 1px;
        background: #e5e5e6;
        left: 0;
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button.active {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:active, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:focus, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:hover, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button:visited {
        background: #fff;
        outline: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu {
        position: static;
        top: 0;
        right: auto;
        left: auto;
        bottom: auto;
        display: block;
        max-height: 0;
        background: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        border-bottom: 1px solid #e5e5e6
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li.wpml-ls-last-item a:after {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a {
        background-color: #fff;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item .wpml-ls-sub-menu li a:before {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle {
        padding: 17px 20px 16px;
        color: #000;
        left: 0;
        border: 0;
        margin-top: 0;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 500;
        width: 100%;
        display: block;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        text-align: left;
        position: relative;
        background-color: #fff
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle:after {
        position: absolute;
        right: 20px;
        top: 22px;
        height: 15px;
        width: 15px;
        content: "";
        background: url(https://odin.com/wp-content/uploads/2020/03/globe-black.svg)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul button.wpml-ls-item-toggle img {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link {
        padding: 20px 20px 24px 65px;
        border-top: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link img {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link span {
        margin-left: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:before {
        content: "";
        height: 33px;
        width: 33px;
        left: 20px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -11px 10px 12px 1px;
        position: absolute;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        top: 24px
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li a.wpml-ls-link:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px;
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-de a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/de.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-en a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/en.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-fr a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/fr.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-zh-hant a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ch.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-it a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/it.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ko a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/kr.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-pt-br a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/pt.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-ru a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/ru.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher ul ul.wpml-ls-sub-menu li.wpml-ls-item-es a:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/flags/es.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse::-webkit-scrollbar, body.page-template-page-pricing-social .odin-navbar-collapse::-webkit-scrollbar, body.page-template-template-odin-social .odin-navbar-collapse::-webkit-scrollbar {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse.show, body.page-template-page-pricing-social .odin-navbar-collapse.show, body.page-template-template-odin-social .odin-navbar-collapse.show {
        opacity: 1;
        visibility: visible
    }

    body.page-template-page-features-social .odin-navbar-collapse ul, body.page-template-page-pricing-social .odin-navbar-collapse ul, body.page-template-template-odin-social .odin-navbar-collapse ul {
        width: 100%;
        list-style: none;
        border-left: 1px solid #e5e5e6;
        border-right: 1px solid #e5e5e6;
        border-bottom: 0;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li, body.page-template-page-pricing-social .odin-navbar-collapse ul li, body.page-template-template-odin-social .odin-navbar-collapse ul li {
        background-color: #fff;
        margin: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a, body.page-template-page-pricing-social .odin-navbar-collapse ul li a, body.page-template-template-odin-social .odin-navbar-collapse ul li a {
        overflow: hidden;
        text-align: left
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a:after, body.page-template-page-pricing-social .odin-navbar-collapse ul li a:after, body.page-template-template-odin-social .odin-navbar-collapse ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #e5e5e6;
        left: 20px;
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li .languageBtn, body.page-template-page-pricing-social .odin-navbar-collapse ul li .languageBtn, body.page-template-template-odin-social .odin-navbar-collapse ul li .languageBtn {
        overflow: hidden
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li .languageBtn img, body.page-template-page-pricing-social .odin-navbar-collapse ul li .languageBtn img, body.page-template-template-odin-social .odin-navbar-collapse ul li .languageBtn img {
        float: right;
        width: 15px;
        margin-top: -2px;
        margin-right: -4px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-page-pricing-social .odin-navbar-collapse ul li .languageBtn.sub i, body.page-template-template-odin-social .odin-navbar-collapse ul li .languageBtn.sub i {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li:first-child, body.page-template-page-pricing-social .odin-navbar-collapse ul li:first-child, body.page-template-template-odin-social .odin-navbar-collapse ul li:first-child {
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-page-pricing-social .odin-navbar-collapse ul li:last-child ul li:last-child a:after, body.page-template-template-odin-social .odin-navbar-collapse ul li:last-child ul li:last-child a:after {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a, body.page-template-page-pricing-social .odin-navbar-collapse ul li a, body.page-template-template-odin-social .odin-navbar-collapse ul li a {
        text-decoration: none;
        font-size: 18px;
        color: #000;
        line-height: 16px;
        padding: 20px;
        display: block;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        position: relative
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a.sub, body.page-template-page-pricing-social .odin-navbar-collapse ul li a.sub, body.page-template-template-odin-social .odin-navbar-collapse ul li a.sub {
        padding: 20px 20px 15px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a i, body.page-template-page-pricing-social .odin-navbar-collapse ul li a i, body.page-template-template-odin-social .odin-navbar-collapse ul li a i {
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
        font-size: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a i:after, body.page-template-page-pricing-social .odin-navbar-collapse ul li a i:after, body.page-template-template-odin-social .odin-navbar-collapse ul li a i:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: absolute;
        top: 45%;
        right: 24px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li a.active i:after, body.page-template-page-pricing-social .odin-navbar-collapse ul li a.active i:after, body.page-template-template-odin-social .odin-navbar-collapse ul li a.active i:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul, body.page-template-template-odin-social .odin-navbar-collapse ul li ul {
        border: 0;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .2s ease;
        -o-transition: max-height .2s ease;
        -moz-transition: max-height .2s ease;
        transition: max-height .2s ease;
        padding-left: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li {
        overflow: hidden;
        border: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li:first-child, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li:first-child, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li:first-child {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li:last-child, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li:last-child, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li:last-child {
        border-bottom: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.subTitle span.sub, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.subTitle span.sub {
        font-size: 11px;
        color: #666;
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.subTitle a, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.subTitle a {
        padding: 20px 20px 19px 65px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.subTitle a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.subTitle a:before {
        margin-top: -2px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li a, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li a, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li a {
        font-size: 18px;
        font-weight: 500;
        padding: 22px 20px 22px 65px;
        position: relative;
        overflow: hidden;
        line-height: 24px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li a:before {
        content: "";
        height: 31px;
        width: 31px;
        left: 25px;
        display: block;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 100% !important;
        -moz-background-size: 100% !important;
        background-size: 100% !important;
        margin: -4px 10px 12px 1px;
        position: absolute
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li a:after, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li a:after, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li a:after {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 1px;
        background: #eaeaea;
        left: 65px
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.odinBaseDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/base.svg)
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.odinToDoDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/todo.svg)
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.odinChatDropDown a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.odinChatDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/zenchat.svg)
    }

    body.page-template-page-features-social .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-page-pricing-social .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before, body.page-template-template-odin-social .odin-navbar-collapse ul li ul li.odinHypernotesDropDown a:before {
        background-image: url(https://odin.com/wp-content/themes/odin-com/img/icons/hypernotes.svg)
    }

    body.page-template-page-features-social .odin-navbar-collapse ul .show, body.page-template-page-pricing-social .odin-navbar-collapse ul .show, body.page-template-template-odin-social .odin-navbar-collapse ul .show {
        display: block;
        visibility: visible !important
    }

    body.page-template-page-features-social .odin-navbar-collapse .content, body.page-template-page-pricing-social .odin-navbar-collapse .content, body.page-template-template-odin-social .odin-navbar-collapse .content {
        text-align: center;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
        margin-top: 30px
    }

    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection {
        overflow: hidden;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection {
        margin: 0 auto;
        width: 550px
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection h3, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection h3 {
        padding-bottom: 10px;
        margin-bottom: 25px;
        border-bottom: 1px solid #ddd
    }

    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection .button {
        width: 50%;
        margin: 0 auto 10px
    }
}

@media (max-width: 992px) and (min-width: 600px) {
    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection .button, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection .button {
        float: left;
        margin: 0;
        width: 48%
    }

    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection .button.right, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection .button.right {
        float: right
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-social .odin-navbar-collapse .content .appDownloadSection img, body.page-template-page-pricing-social .odin-navbar-collapse .content .appDownloadSection img, body.page-template-template-odin-social .odin-navbar-collapse .content .appDownloadSection img {
        width: 100%
    }
}

body.page-template-page-features-social input#hamburger, body.page-template-page-pricing-social input#hamburger, body.page-template-template-odin-social input#hamburger {
    display: none
}

@media (min-width: 992px) {
    body.page-template-page-features-social .odin-navbar .content, body.page-template-page-pricing-social .odin-navbar .content, body.page-template-template-odin-social .odin-navbar .content {
        display: none
    }

    body.page-template-page-features-social .footer__nav, body.page-template-page-pricing-social .footer__nav, body.page-template-template-odin-social .footer__nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    body.page-template-page-features-social .odin-navbar-nav, body.page-template-page-pricing-social .odin-navbar-nav, body.page-template-template-odin-social .odin-navbar-nav {
        margin-top: 0
    }

    body.page-template-page-features-social .odin-navbar-nav .displayNone, body.page-template-page-pricing-social .odin-navbar-nav .displayNone, body.page-template-template-odin-social .odin-navbar-nav .displayNone {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse, body.page-template-page-pricing-social .odin-navbar-collapse, body.page-template-template-odin-social .odin-navbar-collapse {
        background: none !important;
        margin-top: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-page-pricing-social .odin-navbar-collapse .odin-dropdown-switcher, body.page-template-template-odin-social .odin-navbar-collapse .odin-dropdown-switcher {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse li, body.page-template-page-pricing-social .odin-navbar-collapse li, body.page-template-template-odin-social .odin-navbar-collapse li {
        padding: 0;
        display: block
    }

    body.page-template-page-features-social .odin-navbar-collapse li > a, body.page-template-page-pricing-social .odin-navbar-collapse li > a, body.page-template-template-odin-social .odin-navbar-collapse li > a {
        padding: 8px 10px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    body.page-template-page-features-social .odin-navbar-collapse li > a i, body.page-template-page-pricing-social .odin-navbar-collapse li > a i, body.page-template-template-odin-social .odin-navbar-collapse li > a i {
        display: none
    }

    body.page-template-page-features-social .odin-navbar-collapse li:hover .sub-menu, body.page-template-page-pricing-social .odin-navbar-collapse li:hover .sub-menu, body.page-template-template-odin-social .odin-navbar-collapse li:hover .sub-menu {
        top: 50px
    }

    body.page-template-page-features-social .odin-navbar-collapse li:hover > a, body.page-template-page-pricing-social .odin-navbar-collapse li:hover > a, body.page-template-template-odin-social .odin-navbar-collapse li:hover > a {
        background-color: rgba(0, 0, 0, .05)
    }

    body.page-template-page-features-social .odin-navbar-collapse li.sign-up:hover > a, body.page-template-page-pricing-social .odin-navbar-collapse li.sign-up:hover > a, body.page-template-template-odin-social .odin-navbar-collapse li.sign-up:hover > a {
        background-color: #007aff1a
    }

    body.page-template-page-features-social .odin-navbar-collapse li.forEnterprises > a, body.page-template-page-pricing-social .odin-navbar-collapse li.forEnterprises > a, body.page-template-template-odin-social .odin-navbar-collapse li.forEnterprises > a {
        background-color: #75bc52;
        color: #fff
    }

    body.page-template-page-features-social .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-page-pricing-social .odin-navbar-collapse li.forEnterprises > a:hover, body.page-template-template-odin-social .odin-navbar-collapse li.forEnterprises > a:hover {
        background-color: #63a91c
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children {
        margin-right: 0;
        position: relative
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children a, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children a, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children a {
        padding-right: 25px
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children:after, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children:after, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children:after {
        border: solid #000;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: "";
        position: relative;
        top: -2px;
        right: 21px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children:hover:after, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children:hover:after {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul {
        left: -217px;
        display: none;
        -webkit-transition: visibility 0s, opacity .2s linear;
        -o-transition: visibility 0s, opacity .2s linear;
        -moz-transition: visibility 0s, opacity .2s linear;
        transition: visibility 0s, opacity .2s linear;
        position: absolute;
        top: 72px;
        background-color: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
        padding: 10px;
        margin: 0;
        list-style: none;
        width: 540px
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul:after, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: hsla(0, 0%, 100%, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li {
        float: left;
        width: 33.3%;
        padding: 0;
        margin: 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li a, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li a {
        display: block;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        -moz-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        line-height: .9
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li a span.title, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li a span.title {
        font-size: 13px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600;
        display: block;
        line-height: 21px;
        overflow: hidden
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li a span.title:before {
        height: 15px;
        width: 15px;
        content: "";
        margin-right: 7px;
        margin-top: 3px;
        display: block;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li a span.sub, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li a span.sub {
        font-size: 11px
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-base-icon-suite-1.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinBaseDropDown a:hover {
        background-color: #fef2f6
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/odin-todo-icon.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinToDoDropDown a:hover {
        background-color: #e5f7fb
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/hypernotes-icon.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinHypernotesDropDown a:hover {
        background-color: #fff9f3
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/zenchat-icon.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinChatDropDown a:hover {
        background-color: #f4fdfa
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a span.title:before {
        background-image: url(https://odin.com/wp-content/uploads/2020/06/gantt-icon.png)
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children ul li.odinGanttDropDown a:hover {
        background-color: #fcf7fe
    }

    body.page-template-page-features-social .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-page-pricing-social .odin-navbar-collapse .menu-item-has-children:hover ul, body.page-template-template-odin-social .odin-navbar-collapse .menu-item-has-children:hover ul {
        display: block;
        -webkit-animation: c .2s;
        -moz-animation: c .2s;
        -o-animation: c .2s;
        animation: c .2s
    }
}

body.page-template-page-features-social .odin-navbar__main-menu li, body.page-template-page-pricing-social .odin-navbar__main-menu li, body.page-template-template-odin-social .odin-navbar__main-menu li {
    font-size: 18px;
    font-weight: 500;
    margin: 10px
}

body.page-template-page-features-social .odin-navbar__main-menu li:hover, body.page-template-page-pricing-social .odin-navbar__main-menu li:hover, body.page-template-template-odin-social .odin-navbar__main-menu li:hover {
    color: #000
}

@media (max-width: 768px) {
    body.page-template-page-features-social, body.page-template-page-pricing-social, body.page-template-template-odin-social {
        background-position: 0 0
    }
}

body.page-template-page-features-social .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-social .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-social .odin-navbar-brand .odin-todo-logo-highlight {
    line-height: 17px;
    font-size: 24px;
    font-weight: 400
}

body.page-template-page-features-social .bigContainer.content-section--padding .container, body.page-template-page-pricing-social .bigContainer.content-section--padding .container, body.page-template-template-odin-social .bigContainer.content-section--padding .container {
    max-width: 1400px
}

body.page-template-page-features-social .pricing-grid .container, body.page-template-page-pricing-social .pricing-grid .container, body.page-template-template-odin-social .pricing-grid .container {
    max-width: 1000px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .pricing-grid, body.page-template-page-pricing-social .pricing-grid, body.page-template-template-odin-social .pricing-grid {
        margin-bottom: 30px
    }
}

body.page-template-page-features-social .content-section--padding.heading, body.page-template-page-pricing-social .content-section--padding.heading, body.page-template-template-odin-social .content-section--padding.heading {
    padding-bottom: 0
}

body.page-template-page-features-social .odin-navbar--todo, body.page-template-page-pricing-social .odin-navbar--todo, body.page-template-template-odin-social .odin-navbar--todo {
    border: 0
}

body.page-template-page-features-social .appstore__row, body.page-template-page-pricing-social .appstore__row, body.page-template-template-odin-social .appstore__row {
    max-width: 1200px;
    padding: 0
}

body.page-template-page-features-social .appstore__item, body.page-template-page-pricing-social .appstore__item, body.page-template-template-odin-social .appstore__item {
    float: left
}

body.page-template-page-features-social .appstore__item-inner, body.page-template-page-pricing-social .appstore__item-inner, body.page-template-template-odin-social .appstore__item-inner {
    min-height: 380px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .appstore__item-inner, body.page-template-page-pricing-social .appstore__item-inner, body.page-template-template-odin-social .appstore__item-inner {
        min-height: auto;
        padding: 20px
    }
}

body.page-template-page-features-social .appstore__stars br, body.page-template-page-pricing-social .appstore__stars br, body.page-template-template-odin-social .appstore__stars br {
    display: none
}

body.page-template-page-features-social .carousel-indicators, body.page-template-page-pricing-social .carousel-indicators, body.page-template-template-odin-social .carousel-indicators {
    bottom: -26px
}

body.page-template-page-features-social .carousel-indicators li, body.page-template-page-pricing-social .carousel-indicators li, body.page-template-template-odin-social .carousel-indicators li {
    background-color: #337ab7;
    height: 5px;
    cursor: pointer
}

body.page-template-page-features-social .carousel-indicators li.active, body.page-template-page-pricing-social .carousel-indicators li.active, body.page-template-template-odin-social .carousel-indicators li.active {
    background-color: #83bcee
}

body.page-template-page-features-social .content-section--info .contentBox, body.page-template-page-pricing-social .content-section--info .contentBox, body.page-template-template-odin-social .content-section--info .contentBox {
    padding: 20px;
    background-color: #edfcf5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #1e251f;
    display: inline-block
}

body.page-template-page-features-social .content-section--info .contentBox img, body.page-template-page-pricing-social .content-section--info .contentBox img, body.page-template-template-odin-social .content-section--info .contentBox img {
    width: 90px;
    margin-right: 15px;
    margin-top: -3px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .content-section--info .contentBox img, body.page-template-page-pricing-social .content-section--info .contentBox img, body.page-template-template-odin-social .content-section--info .contentBox img {
        text-align: center;
        padding-right: 0;
        border-right: 0;
        display: block;
        margin: 0 auto 15px
    }
}

body.page-template-page-features-social .content-section--info .contentBox p, body.page-template-page-pricing-social .content-section--info .contentBox p, body.page-template-template-odin-social .content-section--info .contentBox p {
    margin-bottom: 0
}

body.page-template-page-features-social .odin-navbar__main-menu .info, body.page-template-page-pricing-social .odin-navbar__main-menu .info, body.page-template-template-odin-social .odin-navbar__main-menu .info {
    color: #5d87ac;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 2px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .odin-navbar__main-menu .info, body.page-template-page-pricing-social .odin-navbar__main-menu .info, body.page-template-template-odin-social .odin-navbar__main-menu .info {
        font-size: 12px;
        margin-top: 8px;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 600
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .odin-navbar__main-menu .mobileNone, body.page-template-page-pricing-social .odin-navbar__main-menu .mobileNone, body.page-template-template-odin-social .odin-navbar__main-menu .mobileNone {
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .odin-navbar__main-menu .mobileBlock, body.page-template-page-pricing-social .odin-navbar__main-menu .mobileBlock, body.page-template-template-odin-social .odin-navbar__main-menu .mobileBlock {
        display: block;
        color: #5d87ac;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
}

body.page-template-page-features-social .odin-button, body.page-template-page-pricing-social .odin-button, body.page-template-template-odin-social .odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

body.page-template-page-features-social .section__welcome, body.page-template-page-pricing-social .section__welcome, body.page-template-template-odin-social .section__welcome {
    margin-bottom: 70px
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome, body.page-template-page-pricing-social .section__welcome, body.page-template-template-odin-social .section__welcome {
        margin-bottom: 40px
    }
}

body.page-template-page-features-social .section__welcome .productHunt, body.page-template-page-pricing-social .section__welcome .productHunt, body.page-template-template-odin-social .section__welcome .productHunt {
    margin-top: 30px
}

body.page-template-page-features-social .section__welcome .section__welcome__content, body.page-template-page-pricing-social .section__welcome .section__welcome__content, body.page-template-template-odin-social .section__welcome .section__welcome__content {
    text-align: center
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome .section__welcome__content, body.page-template-page-pricing-social .section__welcome .section__welcome__content, body.page-template-template-odin-social .section__welcome .section__welcome__content {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }
}

body.page-template-page-features-social .section__welcome .displayMobile, body.page-template-page-pricing-social .section__welcome .displayMobile, body.page-template-template-odin-social .section__welcome .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome .displayMobile, body.page-template-page-pricing-social .section__welcome .displayMobile, body.page-template-template-odin-social .section__welcome .displayMobile {
        display: block
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .displayMobile, body.page-template-page-pricing-social .section__welcome .displayMobile, body.page-template-template-odin-social .section__welcome .displayMobile {
        display: block
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    top: 20px;
    width: 775px;
    height: 500px;
    left: 22%
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop {
        top: 0;
        left: 0;
        position: relative;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        margin: 0 auto;
        height: 500px;
        display: none
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop {
        height: 270px;
        margin-bottom: 40px;
        display: none
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage {
    position: absolute
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage *, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage .iphone {
    position: absolute
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
    height: 495px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        height: 495px;
        right: 138px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 501px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover img, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-features-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-page-pricing-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, body.page-template-template-odin-social .section__welcome .section__welcome__slides__desktop .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome__register-form, body.page-template-page-features-social .section__welcome__register-form__sub-header, body.page-template-page-pricing-social .section__welcome__register-form, body.page-template-page-pricing-social .section__welcome__register-form__sub-header, body.page-template-template-odin-social .section__welcome__register-form, body.page-template-template-odin-social .section__welcome__register-form__sub-header {
        display: none
    }
}

@media (max-width: 992px) {
    body.page-template-page-features-social .section__welcome__register-form, body.page-template-page-features-social .section__welcome__register-form__sub-header, body.page-template-page-pricing-social .section__welcome__register-form, body.page-template-page-pricing-social .section__welcome__register-form__sub-header, body.page-template-template-odin-social .section__welcome__register-form, body.page-template-template-odin-social .section__welcome__register-form__sub-header {
        display: none
    }
}

body.page-template-page-features-social .section__welcome__register-form__email, body.page-template-page-pricing-social .section__welcome__register-form__email, body.page-template-template-odin-social .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 39px;
    border: none;
    padding-left: 20px;
    background-color: rgba(0, 0, 0, .05);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .section__welcome__register-form__email, body.page-template-page-pricing-social .section__welcome__register-form__email, body.page-template-template-odin-social .section__welcome__register-form__email {
        width: 180px
    }
}

body.page-template-page-features-social .section__welcome__register-form__email::-moz-placeholder, body.page-template-page-pricing-social .section__welcome__register-form__email::-moz-placeholder, body.page-template-template-odin-social .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

body.page-template-page-features-social .section__welcome__register-form__email:focus, body.page-template-page-pricing-social .section__welcome__register-form__email:focus, body.page-template-template-odin-social .section__welcome__register-form__email:focus {
    outline: none;
    background-color: #30404d;
    color: #fff
}

body.page-template-page-features-social span.bold, body.page-template-page-pricing-social span.bold, body.page-template-template-odin-social span.bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

body.page-template-page-features-social span.uppercase, body.page-template-page-pricing-social span.uppercase, body.page-template-template-odin-social span.uppercase {
    text-transform: uppercase;
    font-weight: 100
}

body.page-template-page-features-social span.pink, body.page-template-page-pricing-social span.pink, body.page-template-template-odin-social span.pink {
    color: #f54da5
}

body.page-template-page-features-social span.blue, body.page-template-page-pricing-social span.blue, body.page-template-template-odin-social span.blue {
    color: #19bede
}

body.page-template-page-features-social span.orange, body.page-template-page-pricing-social span.orange, body.page-template-template-odin-social span.orange {
    color: #f9903f
}

body.page-template-page-features-social span.purple, body.page-template-page-pricing-social span.purple, body.page-template-template-odin-social span.purple {
    color: #9d54fd
}

body.page-template-page-features-social .section__welcome__register-form__sub-header, body.page-template-page-pricing-social .section__welcome__register-form__sub-header, body.page-template-template-odin-social .section__welcome__register-form__sub-header {
    margin-top: 10px
}

body.page-template-page-features-social .button-main__link--blue, body.page-template-page-pricing-social .button-main__link--blue, body.page-template-template-odin-social .button-main__link--blue {
    background-color: #007aff;
    margin-right: 1.5rem
}

body.page-template-page-features-social .button-main__link--blue:hover, body.page-template-page-pricing-social .button-main__link--blue:hover, body.page-template-template-odin-social .button-main__link--blue:hover {
    background-color: #006bdf
}

body.page-template-page-features-social .odin-navbar.closed .nav-item:last-child, body.page-template-page-features-social .odin-navbar .nav-item:last-child, body.page-template-page-pricing-social .odin-navbar.closed .nav-item:last-child, body.page-template-page-pricing-social .odin-navbar .nav-item:last-child, body.page-template-template-odin-social .odin-navbar.closed .nav-item:last-child, body.page-template-template-odin-social .odin-navbar .nav-item:last-child {
    background-color: #43db9e;
    color: #fff
}

body.page-template-page-features-social .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-features-social .odin-navbar .nav-item:last-child:hover, body.page-template-page-pricing-social .odin-navbar.closed .nav-item:last-child:hover, body.page-template-page-pricing-social .odin-navbar .nav-item:last-child:hover, body.page-template-template-odin-social .odin-navbar.closed .nav-item:last-child:hover, body.page-template-template-odin-social .odin-navbar .nav-item:last-child:hover {
    background-color: #28d4b6
}

body.page-template-page-features-social .odin-navbar-brand img, body.page-template-page-pricing-social .odin-navbar-brand img, body.page-template-template-odin-social .odin-navbar-brand img {
    margin-top: 0
}

body.page-template-page-features-social .pricing-grid .pricingButton, body.page-template-page-pricing-social .pricing-grid .pricingButton, body.page-template-template-odin-social .pricing-grid .pricingButton {
    display: block;
    width: 100%;
    max-width: 100%
}

body.page-template-page-features-social .pricing-grid .pricingButton.personal, body.page-template-page-pricing-social .pricing-grid .pricingButton.personal, body.page-template-template-odin-social .pricing-grid .pricingButton.personal {
    background-color: #107fdc
}

body.page-template-page-features-social .page-general, body.page-template-page-pricing-social .page-general, body.page-template-template-odin-social .page-general {
    max-width: 1035px;
    text-align: left
}

@media (max-width: 768px) {
    body.page-template-page-features-social .page-general, body.page-template-page-pricing-social .page-general, body.page-template-template-odin-social .page-general {
        text-align: center
    }

    body.page-template-page-features-social .page-general .col-md-6, body.page-template-page-pricing-social .page-general .col-md-6, body.page-template-template-odin-social .page-general .col-md-6 {
        padding-right: 30px;
        padding-left: 30px
    }
}

body.page-template-page-features-social .container, body.page-template-page-pricing-social .container, body.page-template-template-odin-social .container {
    text-align: center
}

body.page-template-page-features-social .pricing-grid, body.page-template-page-pricing-social .pricing-grid, body.page-template-template-odin-social .pricing-grid {
    margin-bottom: 30px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .pricing-grid__item-top, body.page-template-page-pricing-social .pricing-grid__item-top, body.page-template-template-odin-social .pricing-grid__item-top {
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px
    }

    body.page-template-page-features-social .pricing-grid__item-inner, body.page-template-page-pricing-social .pricing-grid__item-inner, body.page-template-template-odin-social .pricing-grid__item-inner {
        margin-bottom: 0
    }
}

@media (max-width: 768px) and (max-width: 992px) {
    body.page-template-page-features-social .pricing-grid__item-bottom-container a, body.page-template-page-pricing-social .pricing-grid__item-bottom-container a, body.page-template-template-odin-social .pricing-grid__item-bottom-container a {
        width: auto
    }
}

body.page-template-page-features-social .page-general.heading, body.page-template-page-pricing-social .page-general.heading, body.page-template-template-odin-social .page-general.heading {
    text-align: center;
    color: #111
}

body.page-template-page-features-social .odin-navbar-collapse, body.page-template-page-pricing-social .odin-navbar-collapse, body.page-template-template-odin-social .odin-navbar-collapse {
    margin-top: 0
}

body.page-template-page-features-social .bordered-grid__item .bordered-grid__item-container, body.page-template-page-pricing-social .bordered-grid__item .bordered-grid__item-container, body.page-template-template-odin-social .bordered-grid__item .bordered-grid__item-container {
    padding: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

body.page-template-page-features-social .bordered-grid__item .bordered-grid__item-container h2, body.page-template-page-pricing-social .bordered-grid__item .bordered-grid__item-container h2, body.page-template-template-odin-social .bordered-grid__item .bordered-grid__item-container h2 {
    font-weight: 500;
    font-size: 25px
}

body.page-template-page-features-social .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-page-pricing-social .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container, body.page-template-template-odin-social .bordered-grid__item .bordered-grid__item-container .bordered-grid__label-container {
    position: absolute;
    top: 17px;
    width: 100%;
    left: 5px
}

body.page-template-page-features-social .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-page-pricing-social .bordered-grid__item .bordered-grid__text-paragraph, body.page-template-template-odin-social .bordered-grid__item .bordered-grid__text-paragraph {
    font-size: 16px
}

body.page-template-page-features-social .footer, body.page-template-page-pricing-social .footer, body.page-template-template-odin-social .footer {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #30404d;
    color: #e5e0ee
}

body.page-template-page-features-social .footer:before, body.page-template-page-pricing-social .footer:before, body.page-template-template-odin-social .footer:before {
    position: absolute;
    width: 760px;
    height: 300px;
    content: "";
    background: url(https://odin.com/wp-content/themes/odin-com/img/bg/footer-todo.svg) no-repeat;
    top: -300px;
    right: 100px;
    z-index: -1
}

@media (max-width: 1200px) {
    body.page-template-page-features-social .footer:before, body.page-template-page-pricing-social .footer:before, body.page-template-template-odin-social .footer:before {
        display: none
    }
}

body.page-template-page-features-social .footer .giveUsACall .giveUsACallButton a, body.page-template-page-pricing-social .footer .giveUsACall .giveUsACallButton a, body.page-template-template-odin-social .footer .giveUsACall .giveUsACallButton a {
    background: #1ed3bc;
    background: -webkit-linear-gradient(10deg, #1ed3bc, #5ae480);
    background: -moz-linear-gradient(10deg, #1ed3bc 0, #5ae480 100%);
    background: -o-linear-gradient(10deg, #1ed3bc 0, #5ae480 100%);
    background: linear-gradient(80deg, #1ed3bc, #5ae480)
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .footer__content, body.page-template-page-pricing-social .footer .footer__content, body.page-template-template-odin-social .footer .footer__content {
        margin: 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .footer__nav-app-icons, body.page-template-page-pricing-social .footer .footer__nav-app-icons, body.page-template-template-odin-social .footer .footer__nav-app-icons {
        margin-bottom: 30px
    }
}

body.page-template-page-features-social .footer h3.footer__nav-column-heading, body.page-template-page-pricing-social .footer h3.footer__nav-column-heading, body.page-template-template-odin-social .footer h3.footer__nav-column-heading {
    color: #fff
}

body.page-template-page-features-social .footer .subTitle, body.page-template-page-pricing-social .footer .subTitle, body.page-template-template-odin-social .footer .subTitle {
    line-height: 26px;
    margin-bottom: 20px
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column {
    width: 200px
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social {
    margin-right: 80px;
    border-right: 2px solid rgba(0, 0, 0, .05);
    -webkit-box-shadow: 2px 0 #45535e;
    -moz-box-shadow: 2px 0 #45535e;
    box-shadow: 2px 0 #45535e;
    padding-right: 80px;
    padding-left: 0;
    margin-left: 0;
    width: 450px
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social ul, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social ul, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social ul li, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social ul li, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

@media (max-width: 1200px) {
    body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social {
        width: 450px;
        padding-right: 40px;
        margin-right: 40px;
        border-right: 0;
        padding-left: 0;
        padding-right: 0
    }

    body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social ul, body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social ul li, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social ul, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social ul li, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social ul, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social ul li {
        display: block
    }

    body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social .widget.widget_nav_menu, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social .widget.widget_nav_menu, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social .widget.widget_nav_menu {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column.social, body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column.social {
        padding-top: 40px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-right: 0
    }
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column:nth-child(2), body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column:nth-child(2) {
    margin-left: 0
}

body.page-template-page-features-social .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-page-pricing-social .footer .footer__nav--platform .footer__nav-column:nth-child(3), body.page-template-template-odin-social .footer .footer__nav--platform .footer__nav-column:nth-child(3) {
    border: 0;
    padding-left: 0
}

body.page-template-page-features-social .footer a:hover, body.page-template-page-pricing-social .footer a:hover, body.page-template-template-odin-social .footer a:hover {
    color: #fff
}

body.page-template-page-features-social .footer .footer__nav, body.page-template-page-pricing-social .footer .footer__nav, body.page-template-template-odin-social .footer .footer__nav {
    margin-top: 0
}

body.page-template-page-features-social .footer .footer__character, body.page-template-page-pricing-social .footer .footer__character, body.page-template-template-odin-social .footer .footer__character {
    display: none
}

body.page-template-page-features-social .footer .footer__app-icon-item, body.page-template-page-pricing-social .footer .footer__app-icon-item, body.page-template-template-odin-social .footer .footer__app-icon-item {
    display: inline-block;
    max-width: 135px;
    margin: 5px 0 11px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .footer__app-icon-item, body.page-template-page-pricing-social .footer .footer__app-icon-item, body.page-template-template-odin-social .footer .footer__app-icon-item {
        margin: 10px 0
    }
}

body.page-template-page-features-social .footer .footer__nav-app-icons, body.page-template-page-pricing-social .footer .footer__nav-app-icons, body.page-template-template-odin-social .footer .footer__nav-app-icons {
    margin-top: 15px
}

body.page-template-page-features-social .footer .footer__nav-column, body.page-template-page-pricing-social .footer .footer__nav-column, body.page-template-template-odin-social .footer .footer__nav-column {
    position: relative
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .footer__nav-column, body.page-template-page-pricing-social .footer .footer__nav-column, body.page-template-template-odin-social .footer .footer__nav-column {
        text-align: left
    }
}

body.page-template-page-features-social .footer .odin-navbar-brand, body.page-template-page-pricing-social .footer .odin-navbar-brand, body.page-template-template-odin-social .footer .odin-navbar-brand {
    color: #fff;
    margin-top: 2px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 20px
}

body.page-template-page-features-social .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-social .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-social .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-social .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-social .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-social .footer .odin-navbar-brand .odin-todo-logo-highlight {
    margin-right: 7px;
    margin-left: 0;
    line-height: 16px;
    font-size: 20px;
    margin-top: 1px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .odin-navbar-brand .navbar-title, body.page-template-page-features-social .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-page-pricing-social .footer .odin-navbar-brand .navbar-title, body.page-template-page-pricing-social .footer .odin-navbar-brand .odin-todo-logo-highlight, body.page-template-template-odin-social .footer .odin-navbar-brand .navbar-title, body.page-template-template-odin-social .footer .odin-navbar-brand .odin-todo-logo-highlight {
        font-size: 26px
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .odin-navbar-brand, body.page-template-page-pricing-social .footer .odin-navbar-brand, body.page-template-template-odin-social .footer .odin-navbar-brand {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }
}

body.page-template-page-features-social .footer .odin-navbar-brand img, body.page-template-page-pricing-social .footer .odin-navbar-brand img, body.page-template-template-odin-social .footer .odin-navbar-brand img {
    height: 16px;
    position: absolute;
    left: -26px;
    top: 3px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .footer .odin-navbar-brand img, body.page-template-page-pricing-social .footer .odin-navbar-brand img, body.page-template-template-odin-social .footer .odin-navbar-brand img {
        display: none
    }
}

body.page-template-page-features-social .footer #nav_menu-7, body.page-template-page-pricing-social .footer #nav_menu-7, body.page-template-template-odin-social .footer #nav_menu-7 {
    margin-top: 0
}

body.page-template-page-features-social .footer #nav_menu-7 h3, body.page-template-page-pricing-social .footer #nav_menu-7 h3, body.page-template-template-odin-social .footer #nav_menu-7 h3 {
    display: none
}

body.page-template-page-features-social .footerBottom .footer__legal, body.page-template-page-features-social .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-page-pricing-social .footerBottom .footer__legal, body.page-template-page-pricing-social .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle, body.page-template-template-odin-social .footerBottom .footer__legal, body.page-template-template-odin-social .footerBottom .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    color: #e5e0ee
}

body.page-template-page-features-social .footerBottom .footer__legal a, body.page-template-page-pricing-social .footerBottom .footer__legal a, body.page-template-template-odin-social .footerBottom .footer__legal a {
    color: #fff
}

body.page-template-page-features-social .footerBottom .footer__social-list li a, body.page-template-page-pricing-social .footerBottom .footer__social-list li a, body.page-template-template-odin-social .footerBottom .footer__social-list li a {
    color: #e5e0ee
}

body.page-template-page-features-social .footerBottom .footer__social-list li a:hover, body.page-template-page-pricing-social .footerBottom .footer__social-list li a:hover, body.page-template-template-odin-social .footerBottom .footer__social-list li a:hover {
    color: #fff
}

body.page-template-page-features-social .stayInSync, body.page-template-page-pricing-social .stayInSync, body.page-template-template-odin-social .stayInSync {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    overflow: hidden;
    margin-bottom: 4rem;
    background-repeat: no-repeat;
    display: table;
    width: 100%
}

body.page-template-page-features-social .stayInSync h2, body.page-template-page-pricing-social .stayInSync h2, body.page-template-template-odin-social .stayInSync h2 {
    font-size: 50px
}

@media (max-width: 1200px) {
    body.page-template-page-features-social .stayInSync, body.page-template-page-pricing-social .stayInSync, body.page-template-template-odin-social .stayInSync {
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .stayInSync, body.page-template-page-pricing-social .stayInSync, body.page-template-template-odin-social .stayInSync {
        background-image: none !important;
        background-color: #f0f7ff
    }
}

body.page-template-page-features-social .stayInSync .mask, body.page-template-page-pricing-social .stayInSync .mask, body.page-template-template-odin-social .stayInSync .mask {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: center;
    padding: 11% 0
}

@media (max-width: 1200px) {
    body.page-template-page-features-social .stayInSync .mask, body.page-template-page-pricing-social .stayInSync .mask, body.page-template-template-odin-social .stayInSync .mask {
        padding: 2rem 0 4rem;
        overflow: hidden;
        background-image: none !important
    }
}

body.page-template-page-features-social .stayInSync a, body.page-template-page-pricing-social .stayInSync a, body.page-template-template-odin-social .stayInSync a {
    display: block;
    float: left
}

body.page-template-page-features-social .stayInSync img, body.page-template-page-pricing-social .stayInSync img, body.page-template-template-odin-social .stayInSync img {
    max-width: 180px
}

@media (max-width: 768px) {
    body.page-template-page-features-social .stayInSync img, body.page-template-page-pricing-social .stayInSync img, body.page-template-template-odin-social .stayInSync img {
        max-width: 100%
    }
}

body.page-template-page-features-social .stayInSync .buttons, body.page-template-page-pricing-social .stayInSync .buttons, body.page-template-template-odin-social .stayInSync .buttons {
    margin: 2rem auto 0;
    width: 380px
}

@media (max-width: 1200px) {
    body.page-template-page-features-social .stayInSync .buttons, body.page-template-page-pricing-social .stayInSync .buttons, body.page-template-template-odin-social .stayInSync .buttons {
        margin: 1rem auto 0
    }
}

@media (max-width: 768px) {
    body.page-template-page-features-social .stayInSync .buttons, body.page-template-page-pricing-social .stayInSync .buttons, body.page-template-template-odin-social .stayInSync .buttons {
        width: 100%;
        overflow: hidden;
        display: none
    }
}

body.page-template-page-features-social .stayInSync .buttons a:first-child, body.page-template-page-pricing-social .stayInSync .buttons a:first-child, body.page-template-template-odin-social .stayInSync .buttons a:first-child {
    float: left;
    width: 45%
}

body.page-template-page-features-social .stayInSync .buttons a:last-child, body.page-template-page-pricing-social .stayInSync .buttons a:last-child, body.page-template-template-odin-social .stayInSync .buttons a:last-child {
    float: right;
    width: 45%
}

body.page-template-page-features-social .toolTrust h2, body.page-template-page-pricing-social .toolTrust h2, body.page-template-template-odin-social .toolTrust h2 {
    font-size: 50px
}

body.page-template-page-features-social .toolTrustImage img, body.page-template-page-pricing-social .toolTrustImage img, body.page-template-template-odin-social .toolTrustImage img {
    max-width: 100%
}

@media (max-width: 768px) {
    body.page-template-page-features-social .toolTrustImage img, body.page-template-page-pricing-social .toolTrustImage img, body.page-template-template-odin-social .toolTrustImage img {
        display: none
    }
}

body.page-template-page-features-social .section__welcome__store-buttons, body.page-template-page-pricing-social .section__welcome__store-buttons, body.page-template-template-odin-social .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    body.page-template-page-features-social .section__welcome__store-buttons, body.page-template-page-pricing-social .section__welcome__store-buttons, body.page-template-template-odin-social .section__welcome__store-buttons {
        display: none
    }
}

body.page-template-page-features-social .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-page-pricing-social .section__welcome__store-buttons .section__welcome__store-button__container, body.page-template-template-odin-social .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

body.page-template-page-features-social .section__welcome__store-buttons .section__welcome__store-button, body.page-template-page-pricing-social .section__welcome__store-buttons .section__welcome__store-button, body.page-template-template-odin-social .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

body.page-template-page-features-social .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-page-pricing-social .section__welcome__store-buttons .section__welcome__store-button__image, body.page-template-template-odin-social .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

.page-template-page-features-todo footer, .page-template-page-pricing-todo footer {
    margin-top: 0
}

.page-id-40832 #slider {
    width: 100%;
    overflow: hidden
}

.page-id-40832 #slider .slide {
    width: 100%;
    float: left
}

.page-id-40832 #slider-nav {
    display: block;
    width: 300px;
    margin: 10px auto;
    text-align: center
}

.page-id-40832 #slider-nav a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #e6f3fd;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    text-indent: -99px;
    margin: 0 2px 0 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.page-id-40832 #slider-nav .active {
    background-color: #75bc52
}

body.page-id-40596 .alternatives-table .bordered-grid__label-container, body.page-id-40668 .alternatives-table .bordered-grid__label-container {
    margin-left: 5px
}

.page-template-front-page-overlay-test, .page-template-template-new-front-page {
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    color: #111
}

.page-template-front-page-overlay-test .odin-navbar.closed, .page-template-template-new-front-page .odin-navbar.closed {
    top: 0;
    position: relative
}

.page-template-front-page-overlay-test .odin-navbar.navbar-scrolled, .page-template-template-new-front-page .odin-navbar.navbar-scrolled {
    top: 0;
    position: fixed;
    z-index: 901
}

.page-template-front-page-overlay-test .odin-navbar.navbar-scrolled .odin-navbar__banner, .page-template-template-new-front-page .odin-navbar.navbar-scrolled .odin-navbar__banner {
    display: none
}

.page-template-front-page-overlay-test .odin-navbar.open, .page-template-front-page-overlay-test .odin-navbar.opening, .page-template-template-new-front-page .odin-navbar.open, .page-template-template-new-front-page .odin-navbar.opening {
    z-index: 901;
    top: 0
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .odin-navbar.closing + .section__welcome, .page-template-front-page-overlay-test .odin-navbar.open + .section__welcome, .page-template-front-page-overlay-test .odin-navbar.opening + .section__welcome, .page-template-template-new-front-page .odin-navbar.closing + .section__welcome, .page-template-template-new-front-page .odin-navbar.open + .section__welcome, .page-template-template-new-front-page .odin-navbar.opening + .section__welcome {
        padding-top: 95px
    }
}

.page-template-front-page-overlay-test .odin-navbar.navbar-scrolled + .section__welcome, .page-template-template-new-front-page .odin-navbar.navbar-scrolled + .section__welcome {
    padding-top: 159px
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .odin-navbar.navbar-scrolled + .section__welcome, .page-template-template-new-front-page .odin-navbar.navbar-scrolled + .section__welcome {
        padding-top: 95px
    }
}

.page-template-front-page-overlay-test .displayMobile, .page-template-template-new-front-page .displayMobile {
    display: none;
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .displayMobile, .page-template-template-new-front-page .displayMobile {
        display: block
    }
}

.page-template-front-page-overlay-test main.brightBG, .page-template-template-new-front-page main.brightBG {
    background-repeat: no-repeat !important;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test main.brightBG, .page-template-template-new-front-page main.brightBG {
        background-position: 0 0
    }
}

.page-template-front-page-overlay-test .content-section, .page-template-template-new-front-page .content-section {
    margin: 0;
    padding: 50px 0
}

@media (max-width: 767px) {
    .page-template-front-page-overlay-test .container, .page-template-template-new-front-page .container {
        max-width: none
    }
}

.page-template-front-page-overlay-test .section__welcome__heading, .page-template-template-new-front-page .section__welcome__heading {
    font-size: 60px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__heading, .page-template-template-new-front-page .section__welcome__heading {
        font-size: 30px
    }
}

.page-template-front-page-overlay-test .section__welcome__background-wrapper:lang(zh-hant), .page-template-template-new-front-page .section__welcome__background-wrapper:lang(zh-hant) {
    margin-bottom: 200px
}

@media (max-width: 992px) {
    .page-template-front-page-overlay-test .section__welcome__background-wrapper:lang(zh-hant), .page-template-template-new-front-page .section__welcome__background-wrapper:lang(zh-hant) {
        margin-bottom: 250px
    }
}

.page-template-front-page-overlay-test .section__welcome__sub-heading, .page-template-template-new-front-page .section__welcome__sub-heading {
    margin-bottom: 20px;
    display: block;
    text-align: center
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__heading, .page-template-front-page-overlay-test .section__welcome__sub-heading, .page-template-template-new-front-page .section__welcome__heading, .page-template-template-new-front-page .section__welcome__sub-heading {
        width: 100%;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .page-template-front-page-overlay-test .section__welcome__sub-heading, .page-template-template-new-front-page .section__welcome__sub-heading {
        font-size: 24px
    }
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__content, .page-template-template-new-front-page .section__welcome__content {
        margin-top: 30px;
        max-width: 55%
    }
}

.page-template-front-page-overlay-test .section__welcome, .page-template-template-new-front-page .section__welcome {
    overflow-x: hidden;
    padding-top: 80px;
    padding-bottom: 50px;
    max-width: 860px
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome, .page-template-template-new-front-page .section__welcome {
        padding-top: 30px;
        padding-bottom: 20px
    }
}

.page-template-front-page-overlay-test .section__welcome__register-form, .page-template-template-new-front-page .section__welcome__register-form {
    margin-top: 50px
}

@media (max-width: 1200px) {
    .page-template-front-page-overlay-test .section__welcome__register-form .section__welcome__register-form__button, .page-template-template-new-front-page .section__welcome__register-form .section__welcome__register-form__button {
        margin-top: 5px
    }
}

.page-template-front-page-overlay-test .section__welcome__register-form .section__welcome__register-form__email, .page-template-template-new-front-page .section__welcome__register-form .section__welcome__register-form__email {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 37px;
    border: none;
    padding-left: 20px;
    margin-right: 10px
}

.page-template-front-page-overlay-test .section__welcome__register-form .section__welcome__register-form__email::-moz-placeholder, .page-template-template-new-front-page .section__welcome__register-form .section__welcome__register-form__email::-moz-placeholder {
    color: inherit;
    opacity: 1
}

.page-template-front-page-overlay-test .section__welcome__register-form .section__welcome__register-form__email:focus, .page-template-template-new-front-page .section__welcome__register-form .section__welcome__register-form__email:focus {
    outline: none
}

.page-template-front-page-overlay-test .section__welcome__register-form__sub-header, .page-template-template-new-front-page .section__welcome__register-form__sub-header {
    margin-top: 10px;
    font-size: 14px;
    padding-left: 10px
}

.page-template-front-page-overlay-test .section__welcome__register-form__sub-header a, .page-template-template-new-front-page .section__welcome__register-form__sub-header a {
    color: inherit
}

.page-template-front-page-overlay-test .section__welcome__register-form__sub-header a:hover, .page-template-template-new-front-page .section__welcome__register-form__sub-header a:hover {
    text-decoration: underline
}

.page-template-front-page-overlay-test .section__welcome__register-form, .page-template-front-page-overlay-test .section__welcome__register-form__sub-header, .page-template-front-page-overlay-test .section__welcome__slides__desktop, .page-template-template-new-front-page .section__welcome__register-form, .page-template-template-new-front-page .section__welcome__register-form__sub-header, .page-template-template-new-front-page .section__welcome__slides__desktop {
    display: none
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__register-form, .page-template-front-page-overlay-test .section__welcome__register-form__sub-header, .page-template-front-page-overlay-test .section__welcome__slides__desktop, .page-template-template-new-front-page .section__welcome__register-form, .page-template-template-new-front-page .section__welcome__register-form__sub-header, .page-template-template-new-front-page .section__welcome__slides__desktop {
        display: block
    }
}

.page-template-front-page-overlay-test .section__welcome__slides__desktop .section__welcome__slides__image, .page-template-front-page-overlay-test .section__welcome__slides__desktop .section__welcome__slides__image-container, .page-template-front-page-overlay-test .section__welcome__slides__mobile .section__welcome__slides__image, .page-template-front-page-overlay-test .section__welcome__slides__mobile .section__welcome__slides__image-container, .page-template-template-new-front-page .section__welcome__slides__desktop .section__welcome__slides__image, .page-template-template-new-front-page .section__welcome__slides__desktop .section__welcome__slides__image-container, .page-template-template-new-front-page .section__welcome__slides__mobile .section__welcome__slides__image, .page-template-template-new-front-page .section__welcome__slides__mobile .section__welcome__slides__image-container {
    height: 100%
}

.page-template-front-page-overlay-test .section__welcome__slides__desktop .section__welcome__slides__image-container, .page-template-front-page-overlay-test .section__welcome__slides__mobile .section__welcome__slides__image-container, .page-template-template-new-front-page .section__welcome__slides__desktop .section__welcome__slides__image-container, .page-template-template-new-front-page .section__welcome__slides__mobile .section__welcome__slides__image-container {
    position: absolute
}

.page-template-front-page-overlay-test .section__welcome__slides__desktop .section__welcome__slides__image-container:not(:first-child), .page-template-front-page-overlay-test .section__welcome__slides__mobile .section__welcome__slides__image-container:not(:first-child), .page-template-template-new-front-page .section__welcome__slides__desktop .section__welcome__slides__image-container:not(:first-child), .page-template-template-new-front-page .section__welcome__slides__mobile .section__welcome__slides__image-container:not(:first-child) {
    display: none
}

.page-template-front-page-overlay-test .section__welcome__slides__desktop, .page-template-template-new-front-page .section__welcome__slides__desktop {
    position: relative;
    right: 0;
    width: 775px;
    height: 550px;
    left: 15%
}

.page-template-front-page-overlay-test .section__welcome__slides__mobile, .page-template-template-new-front-page .section__welcome__slides__mobile {
    margin-top: 35px;
    position: relative;
    height: 90vh
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__slides__mobile, .page-template-template-new-front-page .section__welcome__slides__mobile {
        display: none
    }
}

.page-template-front-page-overlay-test .section__welcome__store-buttons, .page-template-template-new-front-page .section__welcome__store-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .section__welcome__store-buttons, .page-template-template-new-front-page .section__welcome__store-buttons {
        display: none
    }
}

.page-template-front-page-overlay-test .section__welcome__store-buttons .section__welcome__store-button__container, .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 45%
}

.page-template-front-page-overlay-test .section__welcome__store-buttons .section__welcome__store-button, .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button {
    display: inline-block;
    width: 100%
}

.page-template-front-page-overlay-test .section__welcome__store-buttons .section__welcome__store-button__image, .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__image {
    width: 100%
}

.page-template-front-page-overlay-test .hr, .page-template-template-new-front-page .hr {
    margin: 30px 0
}

.page-template-front-page-overlay-test .testimonial-slides, .page-template-template-new-front-page .testimonial-slides {
    margin-top: 30px;
    width: 100%;
    max-width: 60%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto;
    margin-top: 0;
    position: relative
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .testimonial-slides, .page-template-template-new-front-page .testimonial-slides {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .testimonial-slides, .page-template-template-new-front-page .testimonial-slides {
        padding-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .page-template-front-page-overlay-test .testimonial-slides, .page-template-template-new-front-page .testimonial-slides {
        margin-top: 30px
    }
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__image-container, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__image-container {
    text-align: center
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__item-container, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__item-container {
    display: none;
    width: 100%
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__item-container:first-child, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__item-container:first-child {
    display: block
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__body, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__body {
    text-align: center
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__body, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__body {
        margin-left: 20px;
        width: auto
    }
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__quote, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__quote {
    font-size: 29px;
    line-height: 1.3;
    padding: 20px 30px;
    background: #006fbc;
    background: -webkit-gradient(linear, left top, right top, from(#006fbc), to(#03aad7));
    background: -webkit-linear-gradient(left, #006fbc, #03aad7);
    background: -moz-linear-gradient(left, #006fbc 0, #03aad7 100%);
    background: -o-linear-gradient(left, #006fbc 0, #03aad7 100%);
    background: linear-gradient(90deg, #006fbc, #03aad7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    display: inline-block
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__quote, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__quote {
        font-size: 25px
    }
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__link, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__link {
    font-size: 16px;
    text-align: center
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__author, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__author {
    font-size: 19px;
    text-align: center
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__author, .page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__quote, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__author, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__quote {
    margin-top: 10px
}

.page-template-front-page-overlay-test .testimonial-slides .testimonial-slides__image, .page-template-template-new-front-page .testimonial-slides .testimonial-slides__image {
    width: 150px
}

.page-template-front-page-overlay-test .section__welcome__register-form__email, .page-template-template-new-front-page .section__welcome__register-form__email {
    background: #f0f0f0
}

.page-template-front-page-overlay-test .testimonial-slides__quote, .page-template-template-new-front-page .testimonial-slides__quote {
    color: #111
}

.page-template-front-page-overlay-test .testimonial-slides__author, .page-template-template-new-front-page .testimonial-slides__author {
    color: #000
}

.page-template-front-page-overlay-test .testimonial-slides__link, .page-template-template-new-front-page .testimonial-slides__link {
    color: #888
}

.page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
    background-image: url(../../../themes/odin-com/assets/4a7be985efcefae2469b7c554dd991cf.svg)
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
        background-image: url(../../../themes/odin-com/assets/5f64ecefdcec1841d389e64821e9e94a.svg)
    }
}

.page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
    background-image: url(../../../themes/odin-com/assets/5b1fa1fac9678b6f60b089e21bcd4684.svg)
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
        background-image: url(../../../themes/odin-com/assets/1ba1ac7167ae7900786cc991dbf8b14d.svg)
    }

    .page-template-front-page-overlay-test.style-blue-background .testimonial-slides, .page-template-template-new-front-page.style-blue-background .testimonial-slides {
        margin-bottom: 70px
    }
}

.page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
    -webkit-background-size: auto 1770px;
    -moz-background-size: auto 1770px;
    background-size: auto 1770px;
    background-repeat: no-repeat;
    background-position: top
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
        -webkit-background-size: auto 930px;
        -moz-background-size: auto 930px;
        background-size: auto 930px
    }
}

@media (min-width: 992px) {
    .page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
        -webkit-background-size: auto 770px;
        -moz-background-size: auto 770px;
        background-size: auto 770px
    }
}

@media (min-width: 1200px) {
    .page-template-front-page-overlay-test .style-pink-background, .page-template-template-new-front-page .style-pink-background {
        -webkit-background-size: auto 790px;
        -moz-background-size: auto 790px;
        background-size: auto 790px
    }
}

.page-template-front-page-overlay-test .style-pink-background .section__welcome__background-wrapper + .content-section--home, .page-template-template-new-front-page .style-pink-background .section__welcome__background-wrapper + .content-section--home {
    margin-top: 100px
}

.page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
    -webkit-background-size: auto 1800px;
    -moz-background-size: auto 1800px;
    background-size: auto 1800px;
    background-repeat: no-repeat;
    background-position: top
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
        -webkit-background-size: auto 1030px;
        -moz-background-size: auto 1030px;
        background-size: auto 1030px
    }
}

@media (min-width: 992px) {
    .page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
        -webkit-background-size: auto 870px;
        -moz-background-size: auto 870px;
        background-size: auto 870px
    }
}

@media (min-width: 1200px) {
    .page-template-front-page-overlay-test.style-blue-background, .page-template-template-new-front-page.style-blue-background {
        -webkit-background-size: auto 900px;
        -moz-background-size: auto 900px;
        background-size: auto 900px
    }
}

.page-template-front-page-overlay-test.style-blue-background .odin-navbar:not(.navbar-scrolled).closed, .page-template-front-page-overlay-test.style-blue-background .odin-navbar:not(.navbar-scrolled).closing, .page-template-front-page-overlay-test .style-pink-background .odin-navbar:not(.navbar-scrolled).closed, .page-template-front-page-overlay-test .style-pink-background .odin-navbar:not(.navbar-scrolled).closing, .page-template-template-new-front-page.style-blue-background .odin-navbar:not(.navbar-scrolled).closed, .page-template-template-new-front-page.style-blue-background .odin-navbar:not(.navbar-scrolled).closing, .page-template-template-new-front-page .style-pink-background .odin-navbar:not(.navbar-scrolled).closed, .page-template-template-new-front-page .style-pink-background .odin-navbar:not(.navbar-scrolled).closing {
    background-color: transparent
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test.style-blue-background .odin-navbar:not(.navbar-scrolled) .nav-item:hover, .page-template-front-page-overlay-test .style-pink-background .odin-navbar:not(.navbar-scrolled) .nav-item:hover, .page-template-template-new-front-page.style-blue-background .odin-navbar:not(.navbar-scrolled) .nav-item:hover, .page-template-template-new-front-page .style-pink-background .odin-navbar:not(.navbar-scrolled) .nav-item:hover {
        background-color: hsla(0, 0%, 7%, .15)
    }
}

.page-template-front-page-overlay-test.style-blue-background .odin-navbar.closed.navbar-scrolled, .page-template-front-page-overlay-test.style-blue-background .odin-navbar.closing.navbar-scrolled, .page-template-front-page-overlay-test .style-pink-background .odin-navbar.closed.navbar-scrolled, .page-template-front-page-overlay-test .style-pink-background .odin-navbar.closing.navbar-scrolled, .page-template-template-new-front-page.style-blue-background .odin-navbar.closed.navbar-scrolled, .page-template-template-new-front-page.style-blue-background .odin-navbar.closing.navbar-scrolled, .page-template-template-new-front-page .style-pink-background .odin-navbar.closed.navbar-scrolled, .page-template-template-new-front-page .style-pink-background .odin-navbar.closing.navbar-scrolled {
    color: #111
}

.page-template-front-page-overlay-test.style-blue-background .section__welcome__content, .page-template-front-page-overlay-test.style-blue-background .testimonial-slides__link, .page-template-front-page-overlay-test.style-blue-background .testimonial-slides__quote, .page-template-front-page-overlay-test .style-pink-background .section__welcome__content, .page-template-front-page-overlay-test .style-pink-background .testimonial-slides__link, .page-template-front-page-overlay-test .style-pink-background .testimonial-slides__quote, .page-template-template-new-front-page.style-blue-background .section__welcome__content, .page-template-template-new-front-page.style-blue-background .testimonial-slides__link, .page-template-template-new-front-page.style-blue-background .testimonial-slides__quote, .page-template-template-new-front-page .style-pink-background .section__welcome__content, .page-template-template-new-front-page .style-pink-background .testimonial-slides__link, .page-template-template-new-front-page .style-pink-background .testimonial-slides__quote {
    color: #fff
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .hidden-sm, .page-template-template-new-front-page .hidden-sm {
        display: none
    }
}

.page-template-front-page-overlay-test .bannerImage, .page-template-template-new-front-page .bannerImage {
    position: absolute
}

.page-template-front-page-overlay-test .bannerImage *, .page-template-template-new-front-page .bannerImage * {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.page-template-front-page-overlay-test .bannerImage .enlarge, .page-template-template-new-front-page .bannerImage .enlarge {
    top: 41%;
    left: 33.5%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage .enlarge, .page-template-template-new-front-page .bannerImage .enlarge {
        top: 35%
    }
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

.page-template-front-page-overlay-test .bannerImage .ipad, .page-template-front-page-overlay-test .bannerImage .iphone, .page-template-template-new-front-page .bannerImage .ipad, .page-template-template-new-front-page .bannerImage .iphone {
    position: absolute
}

.page-template-front-page-overlay-test .bannerImage.phoneFront, .page-template-template-new-front-page .bannerImage.phoneFront {
    position: relative;
    height: 505px
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .iphone, .page-template-front-page-overlay-test .bannerImage.phoneFront .iphone > img, .page-template-template-new-front-page .bannerImage.phoneFront .iphone, .page-template-template-new-front-page .bannerImage.phoneFront .iphone > img {
    height: 500px;
    right: 280px;
    z-index: 52
}

@media (max-width: 992px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .iphone, .page-template-front-page-overlay-test .bannerImage.phoneFront .iphone > img, .page-template-template-new-front-page .bannerImage.phoneFront .iphone, .page-template-template-new-front-page .bannerImage.phoneFront .iphone > img {
        height: 500px;
        right: 138px
    }
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .iphone, .page-template-front-page-overlay-test .bannerImage.phoneFront .iphone > img, .page-template-template-new-front-page .bannerImage.phoneFront .iphone, .page-template-template-new-front-page .bannerImage.phoneFront .iphone > img {
        right: 481px;
        height: 285px;
        top: 26px
    }
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .iphone .enlarge, .page-template-template-new-front-page .bannerImage.phoneFront .iphone .enlarge {
    opacity: 0;
    height: 66px;
    width: 66px
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .ipad, .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad > img, .page-template-template-new-front-page .bannerImage.phoneFront .ipad, .page-template-template-new-front-page .bannerImage.phoneFront .ipad > img {
    height: 376px;
    top: 67px;
    z-index: 50;
    cursor: pointer;
    left: -70px
}

@media (max-width: 992px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad, .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad > img, .page-template-template-new-front-page .bannerImage.phoneFront .ipad, .page-template-template-new-front-page .bannerImage.phoneFront .ipad > img {
        left: 49px
    }
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad, .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad > img, .page-template-template-new-front-page .bannerImage.phoneFront .ipad, .page-template-template-new-front-page .bannerImage.phoneFront .ipad > img {
        left: -70px;
        height: 216px
    }
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .ipad .enlarge, .page-template-template-new-front-page .bannerImage.phoneFront .ipad .enlarge {
    z-index: 55
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad .enlarge, .page-template-template-new-front-page .bannerImage.phoneFront .ipad .enlarge {
        top: 39%;
        left: 35.5%
    }
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.phoneFront .ipad .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.phoneFront .ipad .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .ipad:hover img, .page-template-template-new-front-page .bannerImage.phoneFront .ipad:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.page-template-front-page-overlay-test .bannerImage.phoneFront .ipad:hover .enlargeIcon, .page-template-template-new-front-page .bannerImage.phoneFront .ipad:hover .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.page-template-front-page-overlay-test .bannerImage.ipadFront, .page-template-template-new-front-page .bannerImage.ipadFront {
    position: relative;
    height: 545px
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .enlarge, .page-template-template-new-front-page .bannerImage.ipadFront .enlarge {
    left: 35.5%
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.ipadFront .enlarge .enlargeIcon {
    height: 66px;
    width: 66px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    z-index: 55
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.ipadFront .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.ipadFront .enlarge .enlargeIcon {
        height: 45px;
        width: 45px
    }
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .ipad, .page-template-front-page-overlay-test .bannerImage.ipadFront .ipad img, .page-template-template-new-front-page .bannerImage.ipadFront .ipad, .page-template-template-new-front-page .bannerImage.ipadFront .ipad img {
    top: 0;
    z-index: 50;
    left: -70px;
    height: 502px
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.ipadFront .ipad, .page-template-front-page-overlay-test .bannerImage.ipadFront .ipad img, .page-template-template-new-front-page .bannerImage.ipadFront .ipad, .page-template-template-new-front-page .bannerImage.ipadFront .ipad img {
        left: -109px;
        height: 280px
    }
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .ipad .enlarge, .page-template-template-new-front-page .bannerImage.ipadFront .ipad .enlarge {
    opacity: 0
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .iphone, .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone img, .page-template-template-new-front-page .bannerImage.ipadFront .iphone, .page-template-template-new-front-page .bannerImage.ipadFront .iphone img {
    height: 410px;
    right: 40px;
    z-index: 49;
    cursor: pointer;
    top: 44px
}

@media (max-width: 768px) {
    .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone, .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone img, .page-template-template-new-front-page .bannerImage.ipadFront .iphone, .page-template-template-new-front-page .bannerImage.ipadFront .iphone img {
        height: 230px;
        right: 439px;
        top: 24px
    }
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .iphone:hover img, .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone img:hover img, .page-template-template-new-front-page .bannerImage.ipadFront .iphone:hover img, .page-template-template-new-front-page .bannerImage.ipadFront .iphone img:hover img {
    display: block;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .iphone:hover .enlarge, .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone img:hover .enlarge, .page-template-template-new-front-page .bannerImage.ipadFront .iphone:hover .enlarge, .page-template-template-new-front-page .bannerImage.ipadFront .iphone img:hover .enlarge {
    z-index: 55
}

.page-template-front-page-overlay-test .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, .page-template-front-page-overlay-test .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.ipadFront .iphone:hover .enlarge .enlargeIcon, .page-template-template-new-front-page .bannerImage.ipadFront .iphone img:hover .enlarge .enlargeIcon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    height: 66px;
    width: 66px;
    z-index: 55
}

@media (min-width: 768px) {
    .page-template-front-page-overlay-test .odin-navbar__main-menu li, .page-template-front-page-overlay-test .odin-navbar__main-menu li.sign-up {
        color: #111
    }
}

.page-template-front-page-overlay-test .navbar-title, .page-template-template-new-front-page .navbar-scrolled .navbar-title, .page-template-template-new-front-page .navbar-scrolled .odin-navbar-toggle {
    color: #111
}

.ios .page-template .section__welcome__store-buttons .section__welcome__store-button__container:first-child {
    width: 50%;
    margin: 0 auto
}

.ios .page-template .section__welcome__store-buttons .section__welcome__store-button__container:last-child {
    display: none
}

.ios .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__container:first-child {
    width: 50%
}

.ios .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__container:last-child {
    display: none
}

.ios .odin-navbar-collapse .section__welcome__store-buttons .section__welcome__store-button__container:first-child {
    margin: 0 auto
}

.android .page-template .section__welcome__store-buttons .section__welcome__store-button__container:first-child {
    display: none
}

.android .page-template .section__welcome__store-buttons .section__welcome__store-button__container:last-child {
    width: 60%;
    margin: 0 auto
}

.android .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__container:first-child {
    display: none
}

.android .page-template-template-new-front-page .section__welcome__store-buttons .section__welcome__store-button__container:last-child {
    width: 50%
}

.android .odin-navbar-collapse .section__welcome__store-buttons .section__welcome__store-button__container:last-child {
    margin: 0 auto
}

.page-template .section__welcome__store-buttons .section__welcome__store-button__container {
    width: 60%;
    margin: 0 auto
}

.page-template-page-features .bordered-grid__text-pararaph--no-label-plus {
    margin-top: 57px
}

.page-template-page-features .content-section + .content-section {
    margin-top: 50px
}

.about-columns {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding: 0 15px
}

.about-columns__paragraph {
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .about-columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        max-width: 83.3333%;
        margin: 60px auto
    }
}

.academy-text {
    text-align: center
}

.academy-text__heading {
    font-size: 2.143rem;
    line-height: 3rem;
    font-weight: 300;
    margin: 20px 0 10px
}

.academy-text__heading-strong {
    font-weight: 700
}

.academy-text__feature-group {
    list-style: none;
    font-size: 20.1px;
    padding-left: 0;
    margin-top: 40px
}

.academy-text__feature-item {
    margin-top: 3px
}

@media (min-width: 480px) {
    .academy-text__heading {
        font-size: 2.786rem
    }

    .academy-text__feature-group {
        font-size: 23.5px
    }
}

@media (min-width: 768px) {
    .academy-text__heading {
        font-size: 3.786rem;
        line-height: 6rem
    }
}

.tutorials-heading {
    text-align: center
}

.tutorials-heading__main {
    font-size: 80px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 10px
}

.tutorials-video-grid__item {
    padding: 25px 15px
}

.tutorials-video-grid__video {
    position: relative
}

.tutorials-video-grid__video:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}

.tutorials-video-grid__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tutorials-video-grid__text {
    text-align: center;
    padding: 10px 0;
    font-size: 1.3em
}

.press-kit-grid__row {
    margin-bottom: 40px
}

.press-kit-grid__item {
    margin-bottom: 10px
}

.press-kit-grid__item-inner {
    width: 70%;
    max-width: 225px;
    padding-bottom: 25px;
    border: 1px solid #d3d3d3;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.press-kit-grid__item-image {
    width: 100%;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px
}

.press-kit-grid__item-image--alternative-format {
    height: 100%;
    width: auto
}

.press-kit-grid__item-title {
    margin-top: 25px;
    font-size: 26px;
    text-align: center
}

.press-kit-grid__item-text {
    margin-bottom: 0;
    font-size: 16px;
    padding: 0 7px;
    text-align: center
}

.press-kit-grid__item-text--link {
    margin-top: 16px
}

.press-releases {
    text-align: center
}

.press-releases__list {
    list-style-type: none
}

.press-releases__list-item {
    font-size: 18px;
    margin-bottom: 9px
}

.press-releases__link {
    color: inherit;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, .75)), color-stop(50%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 0);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 50%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 50%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 0);
    background-repeat: repeat-x;
    -webkit-background-size: 2px .1em;
    -moz-background-size: 2px .1em;
    background-size: 2px .1em;
    background-position: 0 1.2em
}

.press-releases__link:hover {
    color: inherit
}

.enterprise-intro {
    padding: 10px 0 20px;
    background: #4c4c56;
    text-align: center
}

.enterprise-intro__logo {
    width: 30px;
    margin-bottom: 10px
}

.enterprise-intro__text-container {
    text-align: center
}

.enterprise-intro__heading {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px
}

.enterprise-intro__paragraph {
    color: #fff;
    font-size: 16.8px;
    font-size: 14px;
    margin: 25px 0 15px
}

@media (min-width: 321px) {
    .enterprise-intro {
        padding: 30px 0 40px
    }

    .enterprise-intro__heading {
        font-size: 38px
    }
}

@media (min-width: 450px) {
    .enterprise-intro {
        padding: 90px 0 100px
    }

    .enterprise-intro__logo {
        width: 60px
    }

    .enterprise-intro__paragraph {
        font-size: 16.8px
    }
}

.enterprise-list {
    background: #fbfbfb;
    border: 1px solid #f7f7f7;
    padding: 30px 0 60px 20px
}

.enterprise-list__section-heading {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 2.5rem;
    line-height: 1.2
}

.enterprise-list__item-heading {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1
}

.enterprise-list__item-text {
    font-size: 16.8px;
    line-height: 1.4
}

@media (min-width: 321px) {
    .enterprise-list__item-text {
        line-height: 1.5
    }
}

@media (min-width: 480px) {
    .enterprise-list__item-text {
        line-height: 1.6
    }
}

@media (min-width: 768px) {
    .enterprise-list__item-heading {
        margin-top: 40px
    }
}

.pricing-grid {
    text-align: center
}

.pricing-grid__item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px
}

.pricing-grid__item-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 415px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    padding: 40px 15px 30px
}

.pricing-grid__item-top .button-main__container--wide {
    width: 100%
}

@media (max-width: 768px) {
    .pricing-grid__item-top {
        min-height: auto
    }
}

.pricing-grid__item-top--bg-1 {
    background-color: #107fdc
}

.pricing-grid__item-top--bg-2 {
    background-color: #0163b8
}

.pricing-grid__item-top--bg-3 {
    background-color: #013463
}

.pricing-grid__item-top--bg-4 {
    background-color: #041d33
}

@media (max-width: 768px) {
    .pricing-grid__item-top--bg-4 .pricing-grid__item-price {
        display: none
    }
}

.pricing-grid__item-heading {
    color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0
}

.pricing-grid__item-description {
    color: #fff;
    font-size: 18px;
    min-height: 60px;
    opacity: .9
}

@media (max-width: 768px) {
    .pricing-grid__item-description {
        min-height: 0;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        padding-bottom: 20px
    }
}

.pricing-grid__item-price {
    color: #fff;
    font-weight: 400;
    font-size: 37px;
    margin-top: 20px;
    display: block;
    min-height: 52.8px
}

@media (max-width: 768px) {
    .pricing-grid__item-price {
        margin-top: 0
    }
}

.pricing-grid__item-footer {
    color: #ddd;
    font-size: 13.8px
}

.pricing-grid__item-bottom-container {
    margin-top: auto
}

.pricing-grid__item-bottom-container:lang(ru) .button-main__container a {
    font-size: 13px
}

.pricing-grid__item-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.pricing-grid__item-bottom {
    border-left: 1px solid #c7dae9;
    border-right: 1px solid #c7dae9;
    border-bottom: 1px solid #c7dae9
}

@media (max-width: 768px) {
    .container .row .col-lg-3:last-child .pricing-grid__item-footer {
        width: 50%
    }
}

.pricing-grid .container {
    max-width: 1000px
}

@media (max-width: 768px) {
    .pricing-grid {
        margin-bottom: 30px
    }
}

@media (max-width: 768px) and (max-width: 992px) {
    .pricing-grid__item {
        text-align: left;
        position: relative
    }

    .button-main__container {
        text-align: left;
        margin: 0
    }

    .pricing-grid__item-bottom-container {
        margin-top: auto;
        position: absolute;
        right: 20px;
        bottom: 20px
    }

    .pricing-grid__item-bottom-container a {
        font-size: 13px;
        padding: 9px 15px 6px;
        text-align: center
    }

    .pricing-grid__item-bottom-container:last-child .pricing p {
        width: 50%
    }

    .priceHeadLine {
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        margin-bottom: 10px
    }

    .priceHeadLine h2, .priceHeadLine p {
        margin-bottom: 0
    }

    .pricing {
        overflow: hidden
    }

    .pricing p {
        margin-top: 6px;
        margin-bottom: 0
    }

    .pricing-grid__item-description {
        min-height: 20px;
        padding-bottom: 0;
        border-bottom: 0
    }

    h2.pricing-grid__item-heading {
        font-size: 1.5rem;
        margin-bottom: 0
    }

    .pricing-grid__item-price {
        font-size: 20px;
        min-height: auto
    }
}

.pricing-grid__item-top {
    min-height: 350px
}

.filterOption {
    width: 480px;
    margin-top: 50px
}

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

.filterOption .options {
    background-color: rgba(0, 0, 0, .08);
    width: 230px
}

.filterOption .options, .filterOption .options button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.filterOption .options button:active {
    background-color: #fff
}

button#toggle-currency-dollar, button#toggle-currency-euro, button#toggle-invoice-period-annually, button#toggle-invoice-period-monthly {
    width: 50%
}

.dollar button#toggle-currency-dollar, .euro button#toggle-currency-euro, .monthly button#toggle-invoice-period-monthly, .yearly button#toggle-invoice-period-annually {
    background-color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600
}

@-webkit-keyframes d {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes d {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes d {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes d {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pricing-description {
    text-align: center;
    max-width: 684px;
    margin: 0 auto
}

.pricing-description__heading {
    font-size: 24px;
    margin-top: 35px
}

.pricing-description__text {
    font-size: 1rem
}

@media (min-width: 481px) {
    .pricing-description__text {
        font-size: 1.2rem
    }
}

.apps-grid {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 20px
}

.apps-grid__item {
    text-align: center;
    padding: 15px
}

.apps-grid__heading {
    font-size: 21px;
    margin: 10px 0;
    font-weight: 500;
    line-height: 1.1
}

.apps-grid__image {
    width: 200px
}

.apps-grid__hint {
    font-size: .85rem;
    color: grey;
    line-height: 1.7;
    margin-top: 5px
}

.apps-grid__button {
    border: 1px solid #aaa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #000;
    color: #fff;
    font-size: 1.5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 200px;
    height: 60px;
    cursor: pointer
}

.apps-grid__button:focus {
    outline: unset
}

.apps-grid__link--noimage {
    width: 200px;
    height: 60px;
    display: inline-block;
    color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #000;
    font-size: 1.5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.apps-grid__link--noimage:hover {
    color: #fff
}

.apps-grid__dropdown.open .apps-grid__dropdown-menu {
    display: block
}

.apps-grid__dropdown-menu {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 200px
}

.apps-grid__dropdown-menu a {
    display: block;
    width: 100%
}

.open .dropdown-menu {
    display: block
}

@media screen and (min-width: 768px) {
    body.page-template-page-alternatives .bordered-grid__image-container--alternatives {
        min-height: 200px
    }

    body.page-template-page-alternatives .bordered-grid__image-container--alternatives img {
        max-width: 50%;
        margin-top: 70px
    }
}

.alternatives-table {
    margin-top: 25px;
    width: 75%;
    margin: 0 auto
}

.alternatives-table th {
    text-align: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd
}

.alternatives-table th:first-child {
    text-align: left
}

.alternatives-table thead th {
    border-bottom: 1px solid #ddd;
    color: #222;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 1.4em;
    font-weight: 500
}

@media only screen and (max-width: 480px) {
    .alternatives-table thead th {
        font-size: 1.2em
    }
}

.alternatives-table td {
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.alternatives-table td:first-child {
    width: 240px;
    text-align: left;
    color: #333
}

.alternatives-table td i.fa {
    font-size: 23.8px
}

.alternatives-table td i.fa-check {
    color: #4d8335
}

.alternatives-table td i.fa-times {
    color: red
}

@media only screen and (max-width: 480px) {
    .alternatives-table td {
        padding: 3px 7px;
        font-size: 12.6px
    }
}

@media only screen and (max-width: 320px) {
    .alternatives-table td {
        padding: 2px 5px
    }
}

.alternatives-table-trello {
    margin-top: 25px;
    width: 75%;
    margin: 0 auto
}

.alternatives-table-trello th {
    text-align: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd
}

.alternatives-table-trello th:first-child {
    text-align: left
}

.alternatives-table-trello thead th {
    border-bottom: 1px solid #ddd;
    color: #222;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 14px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.alternatives-table-trello td {
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.alternatives-table-trello td:first-child {
    width: 240px;
    text-align: left;
    color: #333
}

.alternatives-table-trello td i.fa {
    font-size: 14px
}

.alternatives-table-trello td i.fa-check {
    color: #4d8335
}

.alternatives-table-trello td i.fa-times {
    color: red
}

@media only screen and (max-width: 480px) {
    .alternatives-table-trello td {
        padding: 3px 7px;
        font-size: 12.6px
    }
}

@media only screen and (max-width: 320px) {
    .alternatives-table-trello td {
        padding: 2px 5px
    }
}

.alternatives-table-trello td.trello-comparison-header {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.alternatives-table-trello td.trello-comparison-value {
    padding-left: 60px
}

@media (max-width: 400px) {
    .alternatives-table-trello td.trello-comparison-value {
        padding-left: 25px
    }
}

.pros-cons {
    margin-top: 100px
}

.pros-cons__heading-main {
    text-align: center;
    font-size: 38px
}

.pros-cons__flex-row {
    width: 75%;
    margin: 0 auto;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pros-cons__column {
    width: 33%;
    padding: 10px
}

.pros-cons__column-heading {
    font-size: 19.6px;
    font-weight: 400
}

.pros-cons__list {
    text-align: left;
    padding-left: 15px
}

.pros-cons__list-item {
    font-weight: 400;
    margin-top: 10px
}

.pros-cons__list-item:first-child {
    margin-top: 0
}

@media (max-width: 768px) {
    .pros-cons__column {
        width: 100%
    }
}

.alternatives-disclaimer {
    margin-top: 50px
}

.alternatives-disclaimer__text {
    text-align: center;
    padding: 0 10%;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500
}

.gif-section {
    margin-top: 50px;
    margin-bottom: 100px
}

.gif-section--small-margin {
    margin-top: 15px;
    margin-bottom: 15px
}

.gif-section__heading-intro {
    text-align: center;
    font-size: 38px;
    max-width: 941px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px
}

.gif-section__text-intro {
    text-align: center;
    font-size: 16.8px;
    max-width: 941px;
    margin: 0 auto
}

.gif-section__flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px auto;
    max-width: 758px
}

.gif-section__flex-container--1col {
    margin: 10px auto
}

.gif-section__gif-container {
    width: 100%;
    padding: 10px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gif-section__gif-container--1col {
    margin: 0 auto;
    padding: 5px 15px
}

.gif-section__gif-container--1col img {
    margin: 0 auto
}

.gif-section__gif-container img {
    max-width: 100%
}

.gif-section__content-container {
    width: 100%;
    padding: 10px 15px
}

.gif-section__content-text {
    font-size: 16.8px
}

@media (min-width: 768px) {
    .gif-section {
        margin-bottom: 125px
    }

    .gif-section:last-child {
        margin-bottom: 500px
    }

    .gif-section__gif-container {
        width: 50%
    }

    .gif-section__gif-container--1col {
        width: 80%
    }

    .gif-section__content-container {
        width: 50%
    }
}

.freezeframe-cover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.freezeframe-cover .freezeframe-cover-button {
    display: none;
    font-size: 60px;
    color: rgba(76, 76, 76, .25)
}

.ff-canvas-ready ~ .freezeframe-cover .freezeframe-cover-button {
    display: block
}

.freezeframe-enlarge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 11
}

.trello-toc {
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0
}

.sliding-comparison-container {
    width: 100%;
    max-width: 471px;
    margin: 20px auto
}

.integrations-intro {
    max-width: 100%
}

@media (min-width: 1400px) {
    .integrations-intro {
        max-width: 1400px
    }
}

.integrations-intro__heading {
    text-align: center;
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 30px
}

.integrations-intro__paragraph {
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto 14px
}

.integrations-intro__grid {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.integrations-intro__grid, .integrations-intro__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.integrations-intro__item {
    width: 100%;
    padding: 20px;
    margin: 14px auto;
    border: 2px solid transparent;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: left
}

.integrations-intro__item-image {
    width: 50px
}

.integrations-intro__item-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 0 auto 20px
}

.integrations-intro__item-text-heading {
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    color: #000;
    margin-bottom: 0
}

.integrations-intro__item-wrapper {
    width: 100%
}

@media (min-width: 630px) {
    .integrations-intro__item-wrapper {
        width: 50%;
        padding: 0 20px 0 0
    }

    .integrations-intro__heading {
        font-size: 48px
    }

    .integrations-intro__item-text-heading {
        font-size: 16px
    }
}

@media (min-width: 960px) {
    .integrations-intro__item-wrapper {
        width: 33.33%;
        padding: 0 20px
    }

    .integrations-intro__item-text-heading {
        font-size: 18px
    }
}

@media (min-width: 1280px) {
    .integrations-intro__item-wrapper {
        width: 25%;
        padding: 0 20px
    }
}

@media (min-width: 992px) {
    .integrations-intro__heading {
        font-size: 64px;
        margin-bottom: 50px
    }
}

.integrations-content__sidebar-heading {
    font-weight: 500
}

.integrations-content__sidebar-links {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

.integrations-content__sidebar-links li {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px
}

.integrations-content__sidebar-links li a {
    color: #59a7eb;
    display: block
}

.integrations-content__sidebar-links li.current_page_item, .integrations-content__sidebar-links li:hover {
    text-decoration: underline
}

.integrations-content__main-heading-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.integrations-content__main-heading-image {
    width: 80px;
    margin-right: 15px;
    padding: 10px;
    background-color: #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.integrations-content__main-heading-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0
}

.integrations-content__main-text-container a {
    color: inherit;
    text-decoration: underline
}

.integrations-content__subheading-h3 {
    font-size: 24px;
    font-weight: 500
}

.integrations-content__subheading {
    font-weight: 500;
    margin: 20px 0 5px
}

.integrations-content__subheading--spaced {
    margin-bottom: 50px
}

.integrations-content__paragraph {
    font-size: 16px;
    font-weight: 500
}

.integrations-content__list {
    margin-bottom: 25px
}

.integrations-content__image {
    display: block;
    max-width: 100%;
    margin: 40px 0
}

@media (max-width: 767.5px) {
    .integrations-content__sidebar-links {
        margin-bottom: 20px
    }
}

@media (max-width: 980px) {
    .integrations-content__main-heading-image {
        width: 50px
    }

    .integrations-content__main-heading-text {
        font-size: 32px;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .integrations-content__main-heading-image {
        width: 80px
    }

    .integrations-content__main-heading-text {
        font-size: 32px;
        margin-bottom: 0
    }
}

.single-post-header .logo .logo-link img {
    width: 87px;
    height: auto
}

.single-post-header .logo .logo-link .logo-text {
    font-size: 18px;
    margin-left: 8px
}

.single-post-header nav .header-menu {
    border: none
}

.single blockquote {
    padding-left: 30px
}

.single blockquote p {
    font-size: 22x;
    color: rgba(0, 0, 0, .7)
}

@media (min-width: 800px) {
    .single blockquote {
        padding-left: 50px
    }

    .single blockquote p {
        font-size: 25px
    }
}

.single hr {
    margin-top: 52px;
    margin-bottom: 42px;
    border: 0;
    text-align: center
}

@media (max-width: 767px) {
    .single hr {
        margin-top: 44px;
        margin-bottom: 34px
    }
}

.single hr:after {
    content: "...";
    display: inline-block;
    margin-left: .6em;
    color: rgba(0, 0, 0, .68);
    position: relative;
    top: -30px;
    --x-height-multiplier: .342;
    --baseline-multiplier: .22;
    font-family: medium-content-slab-serif-font, Georgia, Cambria, Times New Roman, Times, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 30px;
    letter-spacing: .6em
}

.single .zk-post {
    max-width: 740px
}

.single p {
    font-size: 18px
}

.single article .vertical-share {
    display: none
}

@media (min-width: 992px) {
    .single article .vertical-share {
        display: block;
        position: absolute;
        left: 0;
        top: 155px;
        z-index: 999
    }

    .single article .vertical-share .addtoany_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .single article .vertical-share .addtoany_list a {
        margin-bottom: 5px
    }
}

.single article .share .addtoany_shortcode .a2a_dd {
    display: none
}

.single article .share .addtoany_shortcode span {
    height: 40px !important;
    width: 40px !important;
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.single article .share .addtoany_shortcode span svg {
    height: 30px
}

.single article .share .addtoany_shortcode span.a2a_s_facebook {
    background-color: #3b5796 !important
}

.single article .share .addtoany_shortcode span.a2a_s_twitter {
    background-color: #209df6 !important
}

.single article .share .addtoany_shortcode span.a2a_s_email {
    background-color: #ff4cb0 !important
}

.single .post-header .article-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single .post-header .article-meta img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 60px;
    height: auto
}

.single .post-header .article-meta .article-meta-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px
}

.single .post-header .article-meta .article-meta-info .author-name {
    color: rgba(0, 0, 0, .85);
    font-size: 14px
}

.single .post-header .article-meta .article-meta-info .author-bio, .single .post-header .article-meta .article-meta-info .posted-on {
    color: rgba(0, 0, 0, .55);
    font-size: 14px
}

.single .post-header .entry-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 40px
}

.single .post-header .sub-title-container-empty .sub-title-comment-count {
    font-size: 1rem;
    margin-top: 0;
    color: rgba(0, 0, 0, .6);
    height: 33px;
    text-align: right
}

.single .post-header .sub-title-container-empty .sub-title-comment-count a {
    color: inherit
}

.single .post-header .sub-title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 550px) {
    .single .post-header .sub-title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .single .post-header .sub-title-container .entry-sub-title {
        margin-bottom: 22px
    }
}

.single .post-header .sub-title-container .entry-sub-title {
    margin: 0;
    font-size: 21px;
    color: rgba(0, 0, 0, .54);
    max-width: 90%;
    margin-top: 0;
    margin-bottom: 18px
}

.single .post-header .sub-title-container .sub-title-comment-count {
    font-size: 1rem;
    color: rgba(0, 0, 0, .6);
    height: 33.6px;
    line-height: 33.6px;
    margin-top: 0
}

.single .post-header .sub-title-container .sub-title-comment-count a {
    color: inherit
}

.single .post-content p {
    font-weight: 400;
    margin-bottom: 30px
}

.single .post-content p a {
    color: inherit;
    text-decoration: underline
}

.single .post-content img {
    max-width: 100%;
    height: auto
}

.single .post-content .wp-video {
    margin: 0 auto
}

.recent-posts {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 37px;
    padding-bottom: 37px;
    background-color: #fafafa
}

.recent-posts .recent-posts-column {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .recent-posts .recent-posts-column {
        margin-bottom: 24px
    }

    .recent-posts .recent-posts-column:last-child {
        margin-bottom: 0
    }
}

.recent-posts .card {
    overflow: hidden;
    min-height: 100%
}

.recent-posts .card a {
    max-height: 101px;
    overflow: hidden
}

.recent-posts .card-bg-img-top {
    height: 150px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.recent-posts .card-img-top {
    max-width: 100%;
    height: auto
}

.recent-posts .card-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.recent-posts .card-body .author-archive-text {
    margin-bottom: 7px
}

.recent-posts .card-body .author-archive-link, .recent-posts .card-body .author-archive-link:hover {
    color: inherit
}

.recent-posts .card-body p {
    color: #747474;
    font-size: 14px
}

.recent-posts .card-body .card-title {
    margin-bottom: 14px
}

.recent-posts .card-body .card-title a {
    text-decoration: none;
    color: #000
}

.recent-posts .card-body .card-title a:hover {
    text-decoration: none
}

.recent-posts .card-body .card-text {
    margin-top: auto
}

.recent-posts .card-body .author-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.recent-posts .card-body .author-meta .author-image img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.recent-posts .card-body .author-meta .author-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 10px
}

.recent-posts .card-body .author-meta .author-info .author-name {
    font-size: 14px;
    color: #2d2d2d
}

.recent-posts .card-body .author-meta .author-info .author-name a, .recent-posts .card-body .author-meta .author-info .author-name a:hover {
    color: inherit
}

.recent-posts .card-body .author-meta .author-info .time-to-read {
    font-size: 12px;
    color: #747474
}

.recent-posts .card-body .author-meta .comment-meta {
    color: rgba(0, 0, 0, .6)
}

.recent-posts .card-body .author-meta .comment-meta .fa {
    margin-right: 3px
}

.recent-posts .card-body .author-meta .comment-meta a {
    color: inherit
}

.recent-posts .card-body .author-meta .comment-meta a:active, .recent-posts .card-body .author-meta .comment-meta a:focus, .recent-posts .card-body .author-meta .comment-meta a:hover, .recent-posts .card-body .author-meta .comment-meta a:visited {
    text-decoration: none
}

.tag-list ul {
    list-style-type: none;
    padding-left: 0
}

.tag-list ul li {
    display: inline-block;
    background-color: rgba(0, 0, 0, .05);
    padding: 5px 10px;
    margin: 0 8px 8px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.tag-list ul li:hover {
    background-color: rgba(0, 0, 0, .1)
}

.tag-list ul a {
    color: rgba(0, 0, 0, .68);
    font-size: 15px
}

.tag-list ul a:hover {
    text-decoration: none
}

.single-article .share span {
    color: #747474
}

.comment-meta {
    font-size: .9rem
}

.addtoany_shortcode {
    margin-top: 10px
}

.horizontal-share a:first-child {
    padding-left: 0
}

.post-content figure {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px
}

.post-content figure figcaption {
    font-size: 14px;
    color: rgba(0, 0, 0, .68);
    line-height: 22px;
    text-align: center;
    margin-top: 10px
}

.post-content figure figcaption a {
    color: inherit;
    text-decoration: underline
}

.post-content p img {
    margin-top: 25px;
    margin-bottom: 25px
}

.post-content p img.aligncenter, .post-content p img.alignleft {
    display: block;
    margin: 0 auto
}

@media (min-width: 450px) {
    .post-content p img.alignleft {
        float: left;
        margin: 0;
        padding: 0 20px 20px 0
    }
}

.post-content p img.alignright {
    display: block;
    margin: 0 auto
}

@media (min-width: 450px) {
    .post-content p img.alignright {
        float: right;
        margin: 0;
        padding: 0 0 20px 20px
    }
}

.post-content ul {
    padding-left: 30px
}

.post-content ol {
    padding-left: 20px
}

.post-content li {
    font-size: 18px;
    color: rgba(0, 0, 0, .84);
    margin-bottom: 14px
}

.post-content li a {
    color: inherit;
    text-decoration: underline
}

.post-content h3 {
    font-size: 34px;
    margin-bottom: 15px
}

.post-content p + h3 {
    margin-top: 53px
}

.post-content ul + h3 {
    margin-top: 22px
}

.post-content h4 {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .post-content li, .post-content p {
        font-size: 18px
    }

    .post-content h3 {
        font-size: 26px
    }

    .post-content h4 {
        margin-top: 20px;
        font-size: 20px
    }
}

.entry-sub-title {
    font-weight: 400
}

.share-text {
    color: rgba(0, 0, 0, .68);
    font-size: 20px
}

#post-comments {
    display: block;
    position: relative;
    top: -67px;
    visibility: hidden
}

@media (max-width: 769px) {
    #post-comments {
        top: -36px
    }
}

.single-article-content {
    position: relative
}

.share-buttons-container-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.share-buttons-container-horizontal .share-button-popup {
    margin-right: 8px
}

.share-buttons-container-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.share-buttons-container-vertical .share-button-popup {
    margin-bottom: 5px
}

.share-buttons-container-vertical .a2a_svg {
    margin: 0 auto
}

.card-tag {
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 20px;
    padding: 25px 20px 20px 25px
}

.card-tag .article-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.card-tag .article-meta img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 8px;
    width: 37px;
    height: auto
}

.card-tag .article-meta .author-name {
    color: rgba(0, 0, 0, .85);
    font-size: 14px
}

.card-tag .article-meta .author-bio, .card-tag .article-meta .posted-on {
    color: rgba(0, 0, 0, .55);
    font-size: 14px
}

.card-tag a {
    color: inherit;
    text-decoration: none
}

.card-tag a h3 {
    font-size: 24px;
    margin-bottom: 8px
}

.card-tag a h4 {
    font-size: 22px;
    color: rgba(0, 0, 0, .56);
    margin-bottom: 16px
}

.card-tag a p {
    font-size: 16px;
    margin-bottom: 8px
}

.card-tag .read-more {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    margin-bottom: 8px
}

.card-tag .comment-meta {
    color: rgba(0, 0, 0, .65);
    font-size: .9rem
}

.card-tag .comment-meta .fa {
    margin-right: 3px
}

.archive-pagination {
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.archive-pagination .pagination-next, .archive-pagination .pagination-prev {
    padding: 5px 10px
}

.archive-pagination .pagination-next a, .archive-pagination .pagination-prev a {
    color: rgba(0, 0, 0, .6)
}

.archive-pagination .pagination-next a:hover, .archive-pagination .pagination-prev a:hover {
    text-decoration: none
}

.blog .login, .blog .signup {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.blog .navbar-scrolling .login, .blog .navbar-scrolling .signup {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .blog .order-reversed {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.blog .grid-container .row {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog .grid-container .col-full {
    width: 100%;
    padding-top: 15px
}

.blog .grid-container .col-full article {
    height: 450px
}

.blog .grid-container .col-full article > a {
    width: 100%
}

.blog .grid-container .col-full article h2 {
    font-size: 22px;
    line-height: 1;
    max-width: 80%
}

@media (min-width: 768px) {
    .blog .grid-container .col-full article h2 {
        font-size: 36px;
        max-width: 100%;
        font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
        font-weight: 700
    }
}

.blog .grid-container .col-full article p {
    font-size: 20px;
    max-width: 80%;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .blog .grid-container .col-full article p {
        max-width: 50%
    }
}

.blog .grid-container .col-small {
    width: 100%;
    padding-top: 15px
}

@media (min-width: 768px) {
    .blog .grid-container .col-small {
        width: 39.25%
    }
}

.blog .grid-container .col-small article a {
    max-width: 90%
}

.blog .grid-container .col-small article .home-author-link, .blog .grid-container .col-small article .home-month-link {
    max-width: 100%
}

.blog .grid-container .col-small article h2 {
    font-size: 22px;
    line-height: 1;
    max-width: 90%
}

@media (min-width: 768px) {
    .blog .grid-container .col-small article h2 {
        font-size: 32px
    }
}

.blog .grid-container .col-large {
    width: 100%;
    padding-top: 15px
}

@media (min-width: 768px) {
    .blog .grid-container .col-large {
        width: 59.25%
    }
}

.blog .grid-container .col-large article > a {
    width: 100%
}

.blog .grid-container .col-large article h2 {
    font-size: 22px;
    line-height: 1;
    max-width: 75%
}

@media (min-width: 768px) {
    .blog .grid-container .col-large article h2 {
        font-size: 32px
    }
}

.blog .grid-container .post-grid {
    text-decoration: none
}

.blog .grid-container .post-grid.col-full:first-child {
    padding-right: 0
}

.blog .grid-container .post-grid article {
    min-height: 350px;
    background-position: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px 40px
}

@media (max-width: 992px) {
    .blog .grid-container .post-grid article {
        min-height: 380px
    }
}

@media (max-width: 768px) {
    .blog .grid-container .post-grid article {
        min-height: 350px
    }
}

.blog .grid-container .post-grid article p {
    color: #fff;
    font-weight: 400
}

.blog .grid-container .post-grid article a {
    color: #fff
}

.blog .grid-container .post-grid article a:hover {
    text-decoration: none
}

.blog .grid-container .post-grid article .article-meta {
    margin-top: 10px
}

.blog .grid-container .post-grid article .article-meta .author-img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 37px;
    height: auto
}

.blog .grid-container .post-grid article .article-meta .author-meta {
    padding-left: 10px;
    font-size: 16px;
    line-height: 22.4px
}

.blog .grid-container .post-grid article .article-meta .author-meta .author-name {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .94902) !important
}

.blog .grid-container .post-grid article .article-meta .author-meta .posted-on {
    font-size: 13px;
    color: hsla(0, 0%, 100%, .8) !important
}

.blog .grid-container .post-grid-newsletter-box {
    text-align: center
}

.blog .grid-container .post-grid-newsletter-box article {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px
}

.blog .grid-container .post-grid-newsletter-box h2 {
    margin: 0 auto;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 38px !important;
    margin-bottom: 18px
}

.blog .grid-container .post-grid-newsletter-box p {
    font-size: 12px;
    margin-bottom: 0
}

.blog .grid-container .post-grid-newsletter-box form {
    margin-bottom: 12px
}

.blog .grid-container .post-grid-newsletter-box input[type=email], .blog .grid-container .post-grid-newsletter-box input[type=text] {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    border: none;
    padding: 6px 18px;
    text-align: center;
    width: 220px;
    font-family: Inter;
    margin-bottom: 10px
}

.blog .grid-container .post-grid-newsletter-box input[type=email]::-webkit-input-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]::-webkit-input-placeholder {
    color: #42a8fc
}

.blog .grid-container .post-grid-newsletter-box input[type=email]:-moz-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=email]::-moz-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]:-moz-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]::-moz-placeholder {
    color: #42a8fc
}

.blog .grid-container .post-grid-newsletter-box input[type=email]:-ms-input-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=email]::-ms-input-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]:-ms-input-placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]::-ms-input-placeholder {
    color: #42a8fc
}

.blog .grid-container .post-grid-newsletter-box input[type=email]::placeholder, .blog .grid-container .post-grid-newsletter-box input[type=text]::placeholder {
    color: #42a8fc
}

.blog .grid-container .post-grid-newsletter-box button {
    display: block;
    margin: 0 auto;
    font-family: Inter;
    border: none;
    color: #fff;
    background-color: #42a8fc;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 22px
}

.blog .grid-container .post-grid-newsletter-box button:hover {
    cursor: pointer
}

@media (max-width: 1200px) {
    .blog .grid-container .post-grid-newsletter-box h2 {
        font-size: 34px !important
    }
}

@media (max-width: 992px) {
    .blog .grid-container .post-grid-newsletter-box h2 {
        font-size: 28px !important
    }

    .blog .grid-container .post-grid-newsletter-box article {
        padding: 5px 10px
    }
}

@media (max-width: 768px) {
    .blog .grid-container .post-grid-newsletter-box h2 {
        font-size: 42px !important
    }
}

.top-header-general {
    margin-top: 20px
}

@media (min-width: 576px) {
    .blog-container-size .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .blog-container-size .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .blog-container-size .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .blog-container-size .container {
        width: 1000px;
        max-width: 100%
    }
}

.top-header {
    font-size: .85rem;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-header li {
    list-style: none;
    color: inherit
}

.top-header .login {
    padding: 3px 10px;
    margin: 0 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px
}

.top-header .login a {
    color: rgba(0, 0, 0, .8)
}

.top-header .login a:hover {
    color: #fff
}

.top-header .login:hover {
    text-decoration: none;
    background-color: #59a7eb
}

.top-header .login:hover a {
    color: #fff
}

.top-header .signup {
    border: 1px solid #4bb516;
    color: #4bb516;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 3px 10px;
    margin: 0 10px;
    font-size: 14px
}

.top-header .signup a {
    color: #4bb516
}

.top-header .signup a:hover, .top-header .signup a:hover a {
    color: #fff
}

.top-header .signup:hover {
    text-decoration: none;
    color: #fff;
    background-color: #4bb516
}

.top-header .signup:hover a {
    color: #fff
}

.top-header-home-main {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.logo .logo-link:active, .logo .logo-link:focus, .logo .logo-link:hover, .logo .logo-link:visited {
    text-decoration: none
}

.logo .logo-link .logo-text {
    padding-left: 4px;
    font-size: 36px;
    color: rgba(0, 0, 0, .5);
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-weight: 500;
    margin-bottom: 4px
}

.logo-general img {
    max-width: 110px
}

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

.logo-general .logo-link .logo-text {
    font-size: 20px
}

@media (max-width: 767px) {
    nav > .container {
        width: 100%
    }
}

nav #mobile-search-odin {
    display: none;
    width: 100%
}

nav #mobile-search-odin i {
    color: rgba(0, 0, 0, .51)
}

@media (max-width: 767px) {
    nav #mobile-search-odin {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

nav #mobile-search-odin #mobile-full-screen-search {
    display: none
}

nav #mobile-search-odin #mobile-full-screen-search .zk-mobile-search-form {
    position: absolute;
    top: 120px;
    width: 500px;
    max-width: 90%;
    border: 0
}

nav #mobile-search-odin #mobile-full-screen-search .zk-mobile-search-form input {
    width: 100%;
    font-family: inherit;
    height: 50px;
    font-size: 24px;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

nav #mobile-search-odin #mobile-full-screen-search .zk-mobile-search-form input:focus {
    outline: none
}

nav .mobile-header {
    display: none
}

@media (max-width: 767.5px) {
    nav .mobile-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    nav .mobile-header .mobile-logo a {
        text-decoration: none;
        color: #000
    }

    nav .mobile-header .mobile-logo a:hover {
        text-decoration: none
    }

    nav .mobile-header .mobile-logo a span {
        padding-left: 10px;
        font-size: 21px;
        font-weight: 400
    }

    nav .mobile-header .navbar-toggler {
        padding: 0 2px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: none;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    nav .mobile-header .navbar-toggler:focus {
        outline: none
    }

    nav .mobile-header .navbar-toggler .navbar-toggler-icon-line {
        border-top: 2px solid #000;
        width: 20px;
        display: inline-block;
        margin: 1px
    }
}

nav .header-menu .nav-link {
    color: rgba(0, 0, 0, .61) !important
}

nav .header-menu .mobile-menu-signup .nav-link {
    color: #4bb516 !important
}

@media (min-width: 768px) {
    nav .header-menu {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }
}

nav .header-menu .navbar-nav {
    margin-top: 18px
}

nav .header-menu .header-social-menu {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    nav .header-menu .header-social-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    nav .header-menu .header-social-menu a:active, nav .header-menu .header-social-menu a:focus, nav .header-menu .header-social-menu a:hover, nav .header-menu .header-social-menu a:visited {
        text-decoration: none
    }

    nav .header-menu .header-social-menu #search-odin {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 16px;
        margin-top: 15px;
        padding-top: 1px;
        cursor: pointer
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    nav .header-menu .header-social-menu #search-odin {
        display: none
    }
}

@media (min-width: 768px) {
    nav .header-menu .header-social-menu #search-odin #full-screen-search .zk-search-form input {
        width: 1px;
        height: 37px;
        border: none;
        -webkit-transition: width .2s, padding .2s;
        -o-transition: width .2s, padding .2s;
        -moz-transition: width .2s, padding .2s;
        transition: width .2s, padding .2s;
        cursor: pointer;
        padding-left: 1px;
        padding-right: 0
    }

    nav .header-menu .header-social-menu #search-odin #full-screen-search .zk-search-form input:focus {
        outline: none
    }

    nav .header-menu .header-social-menu #search-odin #full-screen-search .zk-search-form .btn-zk {
        display: none
    }

    nav .header-menu .header-social-menu #search-odin #full-screen-search .zk-search-form .wide-search {
        padding-left: 10px !important;
        width: 200px !important
    }

    nav .header-menu .header-social-menu #search-odin i {
        color: rgba(0, 0, 0, .61)
    }

    nav .header-menu .header-social-menu #menu-header-social-menu .fa-twitter {
        font-size: 20px
    }

    nav .header-menu .header-social-menu #menu-header-social-menu .fa-youtube-play {
        font-size: 18px;
        padding-top: 0
    }

    nav .header-menu .header-social-menu #menu-header-social-menu #menu-item-113 a {
        background: rgba(0, 0, 0, .54)
    }

    nav .header-menu .header-social-menu #menu-header-social-menu #menu-item-113 a i {
        color: #fff;
        padding-top: 3.5px
    }

    nav .header-menu .header-social-menu #menu-header-social-menu li a {
        height: 19px;
        width: 19px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 16px
    }

    nav .header-menu .header-social-menu #menu-header-social-menu li a i {
        color: rgba(0, 0, 0, .54)
    }

    nav .header-menu .header-social-menu #menu-header-social-menu li:last-child a {
        margin-right: 0
    }
}

.overlay-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #fff;
    z-index: 9999;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.overlay-search .zk-mobile-search-form input {
    padding-left: 10px
}

.overlay-search #full-screen-search-close {
    position: absolute;
    right: 30px;
    top: 75px
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5em;
        padding-left: .5em;
        margin: 0;
        font-size: 14px
    }
}

@media (min-width: 768px) {
    .home .header-menu {
        padding-bottom: 10px
    }

    .home .col.logo {
        margin-bottom: 20px;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .home .col.logo .logo-text {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        font-size: 36px
    }
}

.blog-header .navbar-collapse {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.blog-header #search-odin {
    margin-left: 10px
}

.navbar-scrolling {
    background: #fff;
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .65s;
    -o-transition: .65s;
    -moz-transition: .65s;
    transition: .65s;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 16px
}

.navbar-scrolling .navbar-scroll-desktop {
    display: none;
    padding-top: 0;
    padding-bottom: 0
}

.navbar-scrolling .navbar-scroll-desktop #search-odin#search-odin, .navbar-scrolling .navbar-scroll-desktop .navbar-nav {
    margin-top: 0
}

@media (min-width: 768px) {
    .navbar-scrolling .navbar-scroll-desktop {
        display: block
    }
}

.navbar-scrolling .navbar-scroll-mobile {
    display: block
}

@media (min-width: 768px) {
    .navbar-scrolling .navbar-scroll-mobile {
        display: none
    }
}

.navbar-scrolling > .container {
    margin-top: 16px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .navbar-scrolling {
        padding: 0 0 6px
    }
}

.navbar-scrolling .top-header {
    margin-top: 0
}

.navbar-scrolling .header-menu {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0
}

@media (max-width: 768px) {
    .navbar-scrolling .header-menu {
        margin-top: 0;
        margin-right: 14px;
        margin-left: 14px
    }
}

.navbar-scrolling .mobile-header {
    margin: 16px 14px 0
}

.navbar-scrolling.scrolled-fixed-top {
    display: block;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.header-links {
    margin: 0;
    padding: 0
}

.header-links ul {
    margin: 0
}

.header-links .menu li {
    display: inline-block
}

@media (min-width: 768px) {
    .navbar .odin-home {
        border-left: 2px solid #ccc
    }
}

.navbar-collapse .navbar-nav li a {
    margin: 10px 0;
    padding: 3px 0
}

.navbar-collapse .navbar-nav li:last-child a {
    padding: 3px 10px
}

.mobile-menu-login {
    display: none
}

@media (max-width: 767px) {
    .mobile-menu-login {
        display: list-item
    }
}

.mobile-menu-signup {
    display: none
}

.mobile-menu-signup a {
    border: 1px solid #4bb516 !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #4bb516 !important
}

@media (max-width: 767px) {
    .mobile-menu-signup {
        display: list-item
    }
}

.mobile-nav-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-nav-buttons #mobile-search-odin {
    margin-right: 10px
}

#menu-blog-header-social-menu a {
    color: rgba(0, 0, 0, .54);
    height: 19px;
    width: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

#menu-blog-header-social-menu li:last-child a {
    margin-right: 0
}

#menu-blog-header-social-menu .fa-twitter {
    font-size: 20px
}

#menu-blog-header-social-menu .fa-youtube-play {
    font-size: 18px;
    padding-top: 0
}

#menu-blog-header-social-menu #menu-item-481 a {
    background: rgba(0, 0, 0, .54)
}

#menu-blog-header-social-menu #menu-item-481 a i {
    font-size: 16px;
    color: #fff;
    padding-top: 5.2px
}

.is-blog-navbar #primaryMenu ul li:first-child a {
    padding-left: 0
}

.is-blog-navbar .navbar-nav li:first-child a {
    padding-left: 0 !important
}

.is-blog-navbar .header-links li:last-child {
    margin-right: 0
}

#main-impressum {
    margin-top: 75px
}

@media (min-width: 768px) {
    #main-impressum {
        margin-top: 82px
    }
}

.impressum-content__heading {
    font-size: 39px;
    margin-top: 20px;
    margin-bottom: 10px
}

.impressum-content__paragraph {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px
}

.impressum-content strong {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

@media (min-width: 320px) {
    .impressum-content__paragraph {
        line-height: 1.5
    }
}

@media (min-width: 480px) {
    .impressum-content__paragraph {
        font-size: 16.8px;
        line-height: 1.6
    }
}

@media (min-width: 768px) {
    .impressum-content__heading {
        font-size: 38px
    }
}

.contact-form p {
    font-size: 14px
}

.contact-form label {
    display: inline-block;
    margin-bottom: 5px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    width: 100%
}

.contact-form input, .contact-form textarea {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out
}

.contact-form textarea {
    height: 97px
}

.contact-form .form-control, .contact-form output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block
}

.contact-form [type=submit] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    width: auto
}

.contact-form .wpcf7-recaptcha {
    margin-bottom: 22px
}

.contact-form-affiliate__header-image {
    width: 240px;
    margin: 0 auto;
    margin-bottom: 40px
}

.contact-form-affiliate input[type=email], .contact-form-affiliate input[type=text] {
    display: block;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 12px;
    border: 1px solid #d3d3d3;
    color: #222;
    margin-bottom: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 16px
}

.contact-form-affiliate input[type=email]::-webkit-input-placeholder, .contact-form-affiliate input[type=text]::-webkit-input-placeholder {
    text-align: center;
    color: #444;
    font-weight: 500
}

.contact-form-affiliate input[type=email]:-moz-placeholder, .contact-form-affiliate input[type=email]::-moz-placeholder, .contact-form-affiliate input[type=text]:-moz-placeholder, .contact-form-affiliate input[type=text]::-moz-placeholder {
    text-align: center;
    color: #444;
    font-weight: 500
}

.contact-form-affiliate input[type=email]:-ms-input-placeholder, .contact-form-affiliate input[type=email]::-ms-input-placeholder, .contact-form-affiliate input[type=text]:-ms-input-placeholder, .contact-form-affiliate input[type=text]::-ms-input-placeholder {
    text-align: center;
    color: #444;
    font-weight: 500
}

.contact-form-affiliate input[type=email]::placeholder, .contact-form-affiliate input[type=text]::placeholder {
    text-align: center;
    color: #444;
    font-weight: 500
}

.contact-form-affiliate input[type=email]:focus, .contact-form-affiliate input[type=text]:focus {
    outline: none;
    border: 1px solid #444
}

@media (max-width: 600px) {
    .contact-form-affiliate input[type=email], .contact-form-affiliate input[type=text] {
        font-size: 14px;
        width: 280px
    }

    .contact-form-affiliate input[type=email] \--subject, .contact-form-affiliate input[type=text] \--subject {
        width: 280px
    }
}

.contact-form-affiliate textarea {
    display: block;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 8px 12px;
    border: 1px solid #d3d3d3;
    margin-bottom: 26px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    resize: none !important
}

.contact-form-affiliate textarea::-webkit-input-placeholder {
    color: #444;
    font-weight: 500
}

.contact-form-affiliate textarea:-moz-placeholder, .contact-form-affiliate textarea::-moz-placeholder {
    color: #444;
    font-weight: 500
}

.contact-form-affiliate textarea:-ms-input-placeholder, .contact-form-affiliate textarea::-ms-input-placeholder {
    color: #444;
    font-weight: 500
}

.contact-form-affiliate textarea::placeholder {
    color: #444;
    font-weight: 500
}

.contact-form-affiliate textarea:focus {
    outline: none;
    border: 1px solid #444
}

@media (max-width: 600px) {
    .contact-form-affiliate textarea {
        font-size: 14px;
        width: 280px
    }
}

.contact-form-affiliate .g-recaptcha div {
    margin: 0 auto;
    margin-bottom: 26px
}

.contact-form-affiliate .wpcf7-submit {
    width: 200px;
    display: inline-block;
    background: #42a8fc;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 8px 12px;
    border: none;
    margin: 0 auto;
    margin-left: 20px
}

.contact-form-affiliate .wpcf7-submit:hover {
    color: #fff;
    cursor: pointer
}

.contact-form-affiliate .wpcf7-mail-sent-ok {
    display: none !important
}

.newsletter-alert {
    display: none
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724
}

.form-control, output {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out
}

.newsletter .newsletter-subscription-form-container {
    margin: 25px 0;
    width: 75%
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.form-group {
    margin-bottom: 15px
}

.newsletter {
    margin-top: 45px
}

.newsletter__heading-main {
    font-size: 46px;
    margin-top: 20px;
    margin-bottom: 10px
}

.newsletter__heading {
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500
}

.newsletter label {
    display: inline-block;
    margin-bottom: 5px
}

.newsletter .action-btn-green {
    background-color: #75bc52;
    border-color: #75bc52
}

.newsletter .action-btn {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 10px 23px;
    border: 1px solid;
    color: #fff;
    font-size: 17px
}

.newsletter .action-btn, .newsletter .support-btn {
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top: 30px
}

.newsletter p {
    font-size: 14px;
    line-height: 1.4
}

@media (min-width: 480px) {
    .newsletter p {
        font-size: 16.8px
    }
}

.campaign-monitor-embed {
    max-width: 780px
}

.campaign-monitor-embed p {
    font-size: 18px
}

.campaign-monitor-embed__heading {
    line-height: 1.5;
    font-size: 18px !important;
    font-weight: 500;
    text-align: left
}

.campaign-monitor-embed__form {
    margin: 25px 0;
    width: 75%
}

.campaign-monitor-embed__form div {
    margin-bottom: 15px;
    text-align: left
}

.campaign-monitor-embed__form div label {
    display: inline-block;
    margin-bottom: 5px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px
}

.campaign-monitor-embed__form div input {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out
}

.campaign-monitor-embed__form div button {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 10px 23px;
    border: 1px solid;
    color: #fff;
    font-size: 17px;
    background-color: #75bc52;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top: 30px
}

.campaign-monitor-embed__form div button:hover {
    cursor: pointer
}

.campaign-monitor-embed__info-text {
    text-align: left;
    font-size: 16.8px
}

.page-template-template-newsletter .grecaptcha-badge {
    visibility: visible
}

.body {
    background: red
}

.newsletter-success-buttons .start-btn {
    width: 200px;
    margin: 30px 15px 20px
}

.newsletter-success-buttons .action-btn-green {
    background-color: #75bc52;
    border-color: #75bc52
}

.newsletter-success-buttons .action-btn-blue {
    background-color: #59a7eb;
    border-color: #59a7eb
}

.newsletter-success-buttons .action-btn {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 10px 23px;
    border: 1px solid;
    color: #fff;
    font-size: 17px
}

.newsletter-success-buttons .action-btn, .newsletter-success-buttons .support-btn {
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top: 30px
}

.newsletter-success-buttons .action-btn-green:focus, .newsletter-success-buttons .action-btn-green:hover {
    background-color: #528b36;
    border-color: #528b36
}

.newsletter-success-buttons .action-btn-blue:focus, .newsletter-success-buttons .action-btn-blue:hover {
    background-color: #1b82dd;
    border-color: #1b82dd
}

.newsletter-success-text h3 {
    font-size: 20px;
    line-height: 1.5
}

.newsletter-success-text p {
    font-size: 1.2rem;
    line-height: 1.6
}

body.error404 {
    background-color: #fff;
    overflow: hidden
}

body.error404 .odin-navbar-nav {
    margin-top: 0
}

body.error404 .not-found-container {
    min-height: 100vh;
    text-align: center
}

body.error404 .not-found-container .asmo {
    max-width: 500px
}

@media (max-width: 768px) {
    body.error404 .not-found-container .asmo {
        max-width: 100%
    }
}

@media (max-width: 992px) {
    body.error404 .not-found-container .asmo {
        max-width: 100%
    }
}

body.error404 .not-found-content {
    margin-top: 120px
}

@media (max-width: 992px) {
    body.error404 .not-found-content {
        margin-top: 0
    }
}

body.error404 .footerBottom, body.error404 .odin-navbar, body.error404 footer {
    display: none
}

body.error404 h2 {
    font-size: 1.7rem
}

@media (max-width: 768px) {
    body.error404 h2 {
        font-size: 1.5rem
    }
}

body.error404 h3 {
    font-size: 1.2rem
}

@media (max-width: 768px) {
    body.error404 h3 {
        font-size: 1rem
    }
}

body.error404 .odin-navbar-brand {
    margin: 0 auto;
    color: #000;
    display: inline-block
}

body.error404 .odin-navbar-brand img {
    margin-top: -9px
}

.use-cases-subpage-text {
    text-align: center
}

.use-cases-subpage-text__main-heading, .use-cases-subpage-text h1 {
    font-size: 38px;
    margin-bottom: 20px
}

.use-cases-subpage-text__paragraph, .use-cases-subpage-text p {
    font-size: 14px;
    line-height: 1.4;
    text-align: left
}

.use-cases-subpage-text__sub-heading, .use-cases-subpage-text h2 {
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 10px
}

.use-cases-subpage-text__image-container {
    text-align: center
}

.use-cases-subpage-text img {
    max-width: 100%;
    height: 100%;
    margin: 0 auto
}

.use-cases-subpage-text__list {
    text-align: left
}

.use-cases-subpage-text__list-item {
    font-size: 14px;
    margin: 10px 0
}

@media (min-width: 320px) {
    .use-cases-subpage-text__paragraph, .use-cases-subpage-text p {
        line-height: 1.5
    }
}

@media (min-width: 480px) {
    .use-cases-subpage-text__paragraph, .use-cases-subpage-text p {
        font-size: 16.8px;
        line-height: 1.6
    }

    .use-cases-subpage-text__list-item {
        font-size: 15.4px
    }
}

.uc-text-block h3 {
    font-size: 30px
}

.uc-text-block p {
    font-size: 18px
}

.uc-icon-columns {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 60px
}

.uc-icon-columns__row {
    margin-top: 40px
}

.uc-icon-columns__icon {
    text-align: center;
    margin-bottom: 15px
}

.uc-icon-columns__icon i {
    font-size: 30px
}

.uc-icon-columns__heading {
    font-weight: 400;
    font-size: 22px
}

.uc-icon-columns__text {
    font-size: 16px;
    margin-bottom: 24px
}

.uc-icon-columns__bottom-image-container {
    margin-top: 50px
}

.uc-icon-columns__bottom-image {
    max-width: 100%;
    margin: 0 auto
}

.uc-image-columns {
    text-align: center
}

.uc-image-columns__row {
    margin-top: 40px
}

.uc-image-columns__item {
    margin-bottom: 30px
}

.uc-image-columns__image {
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 24px
}

.uc-image-columns__heading {
    font-weight: 400;
    font-size: 24px
}

.uc-image-columns__text ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}

.uc-image-columns__text li {
    margin-bottom: 24px;
    text-align: center
}

.uc-image-columns__text p {
    font-size: 16px
}

.uc-integrations-logos {
    text-align: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
    margin: 40px auto 60px
}

@media (max-width: 992px) {
    .uc-integrations-logos {
        width: 80%
    }
}

@media (max-width: 768px) {
    .uc-integrations-logos .col-sm-6 {
        width: 50%
    }
}

.uc-integrations-logos img {
    max-width: 100%;
    width: 80px;
    margin: 0 auto;
    margin-bottom: 25px
}

.gdpr-content {
    max-width: 900px;
    margin: 0 auto
}

.gdpr-content section {
    margin-top: 50px
}

.gdpr-content__main-heading, .gdpr-content h1 {
    text-align: center;
    font-weight: 400
}

.gdpr-content__top-image-container {
    text-align: center
}

.gdpr-content__top-image {
    max-width: 100%
}

.gdpr-content__subheading, .gdpr-content h2 {
    font-weight: 400;
    font-size: 30px
}

.gdpr-content h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 10px
}

.gdpr-content__paragraph, .gdpr-content p {
    font-size: 16px;
    font-weight: 400
}

.gdpr-content li {
    font-size: 16px
}

.changelog-results {
    max-width: 600px;
    margin: 0 auto
}

.changelog-results h3 {
    margin-bottom: 30px
}

.changelog-legend {
    margin-bottom: 70px
}

.changelog-legend .changelog-legend--roadmap {
    margin-top: -35px
}

.changelog-legend .changelog-legend__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 12px
}

@media (min-width: 600px) {
    .changelog-legend .changelog-legend__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.changelog-legend .changelog-legend__item {
    display: block;
    margin: 5px 15px;
    padding: 6px 15px;
    width: 100%;
    max-width: 300px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center
}

@media (min-width: 600px) {
    .changelog-legend .changelog-legend__item {
        width: auto;
        max-width: auto
    }
}

.changelog-legend .changelog-legend__item.changelog-legend__item--bug-fix {
    background-color: #fa8a1a
}

.changelog-legend .changelog-legend__item.changelog-legend__item--new-feature {
    background-color: #ff233e
}

.changelog-legend .changelog-legend__item.changelog-legend__item--general-improvement {
    background-color: #0089d1
}

.changelog-legend .changelog-legend__item.changelog-legend__item--general-improvement-roadmap {
    background-color: #90248d
}

.changelog-legend .changelog-legend__date-switcher {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 6px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #333;
    color: #333
}

.changelog-legend .changelog-legend__date-switcher:hover {
    color: #333
}

@media (min-width: 600px) {
    .changelog-legend .changelog-legend__date-switcher {
        margin: auto;
        margin-right: 8px;
        width: auto;
        max-width: auto
    }
}

.changelog-legend .changelog-legend__dropdown-menu {
    width: 100%;
    max-width: 300px
}

@media (min-width: 600px) {
    .changelog-legend .changelog-legend__dropdown-menu {
        width: auto;
        max-width: auto
    }
}

.changelog-legend .changelog-legend__roadmap-link {
    display: inline-block;
    padding: 6px 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #0089d1;
    color: #0089d1;
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.changelog-legend .changelog-legend__roadmap-link:hover {
    color: #0089d1
}

@media (min-width: 600px) {
    .changelog-legend .changelog-legend__roadmap-link {
        margin: auto;
        width: auto;
        max-width: auto
    }
}

.changelog-single {
    margin-bottom: 50px
}

.changelog-single .changelog-single__heading {
    text-align: center;
    font-size: 22px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0
}

.changelog-single .changelog-single__date {
    text-align: center;
    font-size: 20px;
    font-weight: 300
}

.changelog-single .changelog-single__changes-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none
}

.changelog-single .changelog-single__changes-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 9px
}

.changelog-single .changelog-single__icon-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 45px;
    -moz-box-flex: 0;
    -ms-flex: 0 1 45px;
    flex: 0 1 45px
}

.changelog-single .changelog-single__icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.changelog-single .changelog-single__icon-wrapper .odin-navbar-toggle i, .changelog-single .changelog-single__icon-wrapper .zi, .odin-navbar-toggle .changelog-single .changelog-single__icon-wrapper i {
    color: #fff;
    font-size: 17px
}

.changelog-single .changelog-single__icon-wrapper.changelog-single__icon-wrapper--bug-fix {
    background-color: #fa8a1a
}

.changelog-single .changelog-single__icon-wrapper.changelog-single__icon-wrapper--new-feature {
    background-color: #ff233e
}

.changelog-single .changelog-single__icon-wrapper.changelog-single__icon-wrapper--general-improvement {
    background-color: #0089d1
}

.changelog-single .changelog-single__icon-wrapper.changelog-single__icon-wrapper--general-improvement-roadmap {
    background-color: #90248d
}

.changelog-single .changelog-single__text-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    text-align: left
}

body .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], body .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] {
    right: auto !important;
    display: none !important;
    opacity: 0 !important
}

.page-general {
    margin: 40px auto 50px;
    text-align: center;
    max-width: 1035px
}

.page-general--table-general {
    max-width: unset
}

.page-general--custom-bg {
    margin: 0 auto;
    padding: 40px 0;
    max-width: none
}

.page-general__content-wrapper {
    max-width: 900px;
    margin: 0 auto
}

.page-general-left-align {
    text-align: left
}

@media (max-width: 600px) {
    .page-general .h1-styled, .page-general h1 {
        font-size: 30px
    }

    .page-general .h2-styled, .page-general .h3-styled, .page-general h2, .page-general h3 {
        font-size: 25px;
        font-weight: 500
    }
}

.page-general img {
    max-width: 100%;
    height: auto
}

.page-general .job-listing-title {
    margin-top: 26px;
    font-weight: 400
}

.page-general .job-listing-title a {
    color: inherit;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, .75)), color-stop(50%, rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 0);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 50%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 50%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .75) 50%, rgba(0, 0, 0, .1) 0);
    background-repeat: repeat-x;
    -webkit-background-size: 2px .1em;
    -moz-background-size: 2px .1em;
    background-size: 2px .1em;
    background-position: 0 1.2em
}

.page-general p {
    font-size: 18px
}

.page-general .content-image {
    max-width: 70%;
    margin: 0 auto
}

.page-general .page-general__link-box .start-btn {
    width: 200px;
    margin: 10px 15px
}

.page-general .page-general__link-box .start-btn--wide {
    width: 300px
}

.page-general .page-general__link-box .action-btn-green {
    background: #36691d;
    background: -webkit-linear-gradient(10deg, #36691d, #4d8333);
    background: -moz-linear-gradient(10deg, #36691d 0, #4d8333 100%);
    background: -o-linear-gradient(10deg, #36691d 0, #4d8333 100%);
    background: -moz-linear-gradient(10deg, #36691d, #4d8333);
    background: -o-linear-gradient(10deg, #36691d, #4d8333);
    background: linear-gradient(80deg, #36691d, #4d8333);
    border: 0
}

.page-general .page-general__link-box .action-btn-blue {
    background-color: #59a7eb;
    border-color: #59a7eb
}

.page-general .page-general__link-box .action-btn {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 10px 23px;
    border: 1px solid;
    color: #fff;
    font-size: 17px
}

.page-general .page-general__link-box .action-btn, .page-general .page-general__link-box .support-btn {
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top: 10px
}

.page-general .page-general__link-box .action-btn-green:focus, .page-general .page-general__link-box .action-btn-green:hover {
    background-color: #528b36
}

.page-general .page-general__link-box .action-btn-blue:focus, .page-general .page-general__link-box .action-btn-blue:hover {
    background-color: #1b82dd;
    border-color: #1b82dd
}

.odin-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    padding: 9px 15px;
    min-height: 39px;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    -moz-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s
}

.odin-button:focus {
    background-color: #304a22
}

.odin-button--bold {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.odin-button--green {
    background-color: #75bc52;
    color: #fff
}

.odin-button--green:hover {
    background-color: #528b36;
    color: #fff
}

.odin-button--peach {
    background-color: #ff9e72;
    color: #fff
}

.odin-button--peach:hover {
    background-color: #ff6926;
    color: #fff
}

.odin-button--blue {
    background-color: #59a7eb;
    color: #fff
}

.odin-button--blue:hover {
    background-color: #1b82dd;
    color: #fff
}

.odin-button--white {
    background-color: #fff
}

.odin-button--white:hover {
    background-color: #d9d9d9
}

.odin-button--dark {
    background-color: #4c4c4c;
    color: #fff
}

.odin-button--dark:hover {
    background-color: #262626;
    color: #fff
}

a.odin-button {
    display: inline-block
}

.button-main__container, .odin-button__container {
    text-align: center
}

.button-main__container--wide {
    width: 80%;
    margin: 0 auto
}

.button-main--alternative-ending {
    margin-top: 50px;
    margin-bottom: 75px
}

.button-main__link--action {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    padding: 10px 23px;
    color: #fff;
    font-size: 17px;
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-top: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    min-width: 240px;
    text-align: center
}

.button-main__link--action:hover {
    text-decoration: none;
    color: #fff
}

.button-main__link--margin-smaller {
    margin-top: 10px
}

.button-main__link--green {
    background: #36691d;
    background: -webkit-linear-gradient(10deg, #36691d, #4d8333);
    background: -moz-linear-gradient(10deg, #36691d 0, #4d8333 100%);
    background: -o-linear-gradient(10deg, #36691d 0, #4d8333 100%);
    background: -moz-linear-gradient(10deg, #36691d, #4d8333);
    background: -o-linear-gradient(10deg, #36691d, #4d8333);
    background: linear-gradient(80deg, #36691d, #4d8333)
}

.button-main__link--green:hover {
    background-color: #528b36
}

.button-main__link--peach {
    background-color: #ff9e72
}

.button-main__link--peach:hover {
    background-color: #ff6926
}

.button-main__link--blue {
    background-color: #59a7eb
}

.button-main__link--blue:hover {
    background-color: #1b82dd
}

.button-main__link--white {
    background-color: #fff;
    color: #000;
    width: auto
}

.button-main__link--white:hover {
    background-color: #d9d9d9;
    color: #222
}

.button-main__link--dark {
    background-color: #4c4c4c;
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
    margin-bottom: 5px
}

.button-main__link--dark:hover {
    background-color: #262626
}

.button-main__link--welcome {
    width: 200px;
    margin: 30px 15px 20px
}

.button-main__link--full-width {
    width: 100%
}

.button-main__link--auto-width {
    width: auto
}

.button-main__link--no-margin {
    margin: 0
}

.odin-dropdown-switcher {
    margin-bottom: 20px
}

.odin-dropdown-switcher .switcher-globe {
    margin-right: 10px;
    width: 19px
}

@media (min-width: 768px) {
    .odin-dropdown-switcher {
        margin-bottom: 0
    }
}

.cookie-alert {
    display: none;
    position: fixed;
    z-index: 99999;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    max-width: 100%;
    padding: 50px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    background: #182026;
    color: #e5e0ee
}

@media (max-width: 768px) {
    .cookie-alert {
        padding: 13px 15px 15px;
        font-size: 13px
    }
}

.cookie-alert .cookie-alert__buttons-container {
    float: right
}

@media (max-width: 992px) {
    .cookie-alert .cookie-alert__buttons-container {
        float: none
    }
}

@media (max-width: 768px) {
    .cookie-alert .cookie-alert__buttons-container {
        margin-top: 9px
    }
}

.cookie-alert .cookie-alert__button:first-child {
    color: #fff;
    padding: 6px 10px;
    background-color: #75bc52;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.cookie-alert .cookie-alert__button:first-child:hover {
    background-color: #63a91c
}

.cookie-alert .cookie-alert__button:last-child {
    padding-left: 1rem;
    color: #007aff;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block
}

.odinExperience {
    margin: 70px 0
}

.odinExperience img {
    max-width: 100%
}

.odinExperience h1 {
    margin: 50px 0
}

@media (max-width: 768px) {
    .odinExperience h1 {
        margin: 20px 0
    }
}

.odinExperience .list-item {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 30px 15px 80px;
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    min-height: 90px;
    display: table;
    width: 100%;
    color: #fff
}

@media (max-width: 768px) {
    .odinExperience .list-item {
        padding: 10px 39px 10px 58px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        min-height: 70px
    }
}

.odinExperience .list-item .center {
    display: table-cell;
    vertical-align: middle
}

.odinExperience .list-item:before {
    content: "";
    position: absolute;
    left: 34px;
    top: 23px;
    width: 25px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 46px;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media (max-width: 768px) {
    .odinExperience .list-item:before {
        left: 19px;
        top: 17px
    }
}

.odinExperience .list-item.more {
    background: #4fccff;
    background: -webkit-linear-gradient(317deg, #4fccff 30%, #bd7ee0);
    background: -moz-linear-gradient(317deg, #4fccff 30%, #bd7ee0 100%);
    background: -o-linear-gradient(317deg, #4fccff 30%, #bd7ee0 100%);
    background: linear-gradient(133deg, #4fccff 30%, #bd7ee0)
}

.odinExperience .list-item.more:before {
    background-image: url(https://odin.com/wp-content/themes/odin-com/img/experience/less_animation.gif)
}

.odinExperience .list-item.less {
    background: #ca74d0;
    background: -webkit-linear-gradient(317deg, #ca74d0 30%, #ffbd82);
    background: -moz-linear-gradient(317deg, #ca74d0 30%, #ffbd82 100%);
    background: -o-linear-gradient(317deg, #ca74d0 30%, #ffbd82 100%);
    background: linear-gradient(133deg, #ca74d0 30%, #ffbd82)
}

.odinExperience .list-item.less:before {
    background-image: url(https://odin.com/wp-content/themes/odin-com/img/experience/more_animation.gif)
}

.odinExperience .list-item ul {
    text-align: left;
    margin-left: 0;
    padding-left: 20px
}

.suiteMenu {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0
}

.suiteMenu li.activeProduct {
    margin: 0;
    height: 72px;
    position: relative
}

.suiteMenu li .odin-navbar-brand {
    margin-left: -20px;
    padding: 16px 40px 5px 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    pointer-events: none;
    position: relative
}

@media (max-width: 768px) {
    .suiteMenu li .odin-navbar-brand {
        pointer-events: all
    }
}

.suiteMenu li .odin-navbar-brand:after {
    border: solid #000;
    border-width: 0 2px 2px 0;
    opacity: 0;
    padding: 2px;
    display: inline-block;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    position: absolute;
    z-index: 5;
    top: 35px;
    right: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

@media (max-width: 768px) and (max-width: 992px) {
    .suiteMenu li .odin-navbar-brand:after {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.suiteMenu li:hover .odin-navbar-brand:after {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.suiteMenu li ul {
    left: -40px;
    -webkit-transition: visibility 0s, opacity .2s linear;
    -o-transition: visibility 0s, opacity .2s linear;
    -moz-transition: visibility 0s, opacity .2s linear;
    transition: visibility 0s, opacity .2s linear;
    position: absolute;
    top: 72px;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
    box-shadow: 0 23px 30px rgba(0, 0, 0, .25);
    padding: 10px;
    margin: 0;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    width: 540px
}

@media (max-width: 768px) and (max-width: 992px) {
    .suiteMenu li ul {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width: 768px) {
    .suiteMenu li ul {
        width: 100%;
        left: 0
    }
}

.suiteMenu li ul:after {
    bottom: 100%;
    left: 32px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: hsla(0, 0%, 100%, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 10px
}

.suiteMenu li ul li {
    float: left;
    width: 33.3%;
    padding: 0;
    margin: 0 !important
}

@media (max-width: 768px) {
    .suiteMenu li ul li {
        width: 100%;
        float: none
    }
}

.suiteMenu li ul li a {
    display: block;
    padding: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    min-height: 95px;
    line-height: .9;
    text-align: left
}

@media (max-width: 768px) {
    .suiteMenu li ul li a {
        min-height: auto
    }
}

.suiteMenu li ul li a span.title {
    font-size: 13px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 21px;
    overflow: hidden
}

.suiteMenu li ul li a span.title:before {
    height: 19px;
    width: 15px;
    content: "";
    margin-right: 7px;
    margin-top: 3px;
    display: block;
    float: left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0
}

.suiteMenu li ul li a span.sub {
    font-size: 11px
}

.suiteMenu li ul li.odinBaseDropDown a span.title:before {
    background-image: url(https://odin.com/wp-content/uploads/2021/02/base-1.svg)
}

.suiteMenu li ul li.odinBaseDropDown a:hover {
    background-color: #fef2f6
}

.suiteMenu li ul li.odinToDoDropDown a span.title:before {
    background-image: url(https://odin.com/wp-content/uploads/2021/02/todo.svg)
}

.suiteMenu li ul li.odinToDoDropDown a:hover {
    background-color: #edfcf5
}

.suiteMenu li ul li.odinChatDropDown a span.title:before {
    background-image: url(https://odin.com/wp-content/uploads/2021/02/zenchat.svg)
}

.suiteMenu li ul li.odinChatDropDown a:hover {
    background-color: #f2fafe
}

.suiteMenu li ul li.odinHyperNotesDropDown a span.title:before {
    background-image: url(https://odin.com/wp-content/uploads/2021/02/hypernotes.svg)
}

.suiteMenu li ul li.odinHyperNotesDropDown a:hover {
    background-color: #fff9f3
}

.suiteMenu li ul li.more {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none
}

.suiteMenu li ul li.more a {
    pointer-events: none;
    cursor: default
}

.suiteMenu li ul li.more a span.title:before {
    display: none
}

.suiteMenu li ul li.backToSuite {
    display: table;
    height: 100%
}

.suiteMenu li ul li.backToSuite a {
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle
}

.suiteMenu li ul li.backToSuite a:before {
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(10deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    background: -moz-linear-gradient(10deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    background: -o-linear-gradient(10deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    background: linear-gradient(80deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    z-index: 1;
    position: absolute;
    opacity: 0;
    content: "";
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.suiteMenu li ul li.backToSuite a span.sub, .suiteMenu li ul li.backToSuite a span.title {
    position: relative;
    z-index: 2
}

.suiteMenu li ul li.backToSuite a span.title:before {
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 2px;
    height: auto;
    display: inline-block;
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    content: "";
    z-index: 5;
    margin-top: 7px;
    margin-left: 2px;
    margin-bottom: 9px;
    width: auto
}

.suiteMenu li ul li.backToSuite a:hover {
    color: #fff
}

.suiteMenu li ul li.backToSuite a:hover:before {
    opacity: 1
}

.suiteMenu li ul li.backToSuite a:hover span.title:before {
    border-color: #fff
}

.suiteMenu li:hover ul {
    opacity: 1;
    pointer-events: all
}

nav:hover .odin-navbar-brand:after {
    opacity: 1
}

body .content-section.trustedBySection {
    padding: 70px 0;
    text-align: center
}

body .content-section.trustedBySection h2 {
    color: #7a94a6
}

@media (max-width: 768px) {
    body .content-section.trustedBySection h2 {
        font-size: 25px
    }
}

body .content-section.trustedBySection h3 {
    margin-bottom: 40px;
    font-weight: 400;
    color: #aebfcc;
    font-size: 22px
}

@media (max-width: 768px) {
    body .content-section.trustedBySection h3 {
        font-size: 16px
    }
}

body .content-section.trustedBySection .carousel-indicators {
    bottom: -30px
}

body .content-section.trustedBySection .carousel-indicators li {
    background-color: #aebfcc;
    cursor: pointer
}

body .content-section.trustedBySection .carousel-indicators li.active {
    background-color: #7a94a6
}

body .content-section.trustedBySection .carousel-inner {
    position: relative;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    margin-top: 20px
}

body .content-section.trustedBySection .carousel-item.active, body .content-section.trustedBySection .carousel-item.carousel {
    display: block
}

body .content-section.trustedBySection .carousel-item .testimonial {
    width: 660px;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px
}

@media (max-width: 768px) {
    body .content-section.trustedBySection .carousel-item .testimonial {
        width: 80%;
        display: block
    }
}

body .content-section.trustedBySection .carousel-item .testimonial .quote {
    padding: 20px 30px;
    background-color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-style: italic;
    font-size: 20px;
    color: #3a4b67;
    font-weight: 500;
    text-align: center;
    min-height: 90px;
    display: table;
    width: 100%
}

body .content-section.trustedBySection .carousel-item .testimonial .quote .inner {
    display: table-cell;
    vertical-align: middle
}

body .content-section.trustedBySection .carousel-item .testimonial .info {
    overflow: hidden;
    margin-top: 20px
}

body .content-section.trustedBySection .carousel-item .testimonial .info .text {
    float: left;
    text-align: left;
    line-height: 21px
}

body .content-section.trustedBySection .carousel-item .testimonial .info .text .title {
    font-size: 18px;
    color: #3a4b67;
    font-weight: 500
}

body .content-section.trustedBySection .carousel-item .testimonial .info .text .subTitle {
    color: #337ab7
}

body .content-section.trustedBySection .carousel-item .testimonial .info .text .subTitle:hover {
    color: #000
}

body .content-section.trustedBySection .carousel-item .testimonial .info .image {
    float: left;
    margin-right: 10px
}

body .content-section.trustedBySection .carousel-item .testimonial .info .image img {
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}





/*
body .trusted-by-references {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .trusted-by-references, body .trusted-by-references .trusted-by-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .trusted-by-references .trusted-by-images {
    width: 20%;
    margin-bottom: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 992px) {
    body .trusted-by-references .trusted-by-images {
        width: 30%
    }
}

@media (max-width: 768px) {
    body .trusted-by-references .trusted-by-images {
        width: 50%
    }
}

body .trusted-by-references .trusted-by-references__item {
    width: 100%;
    text-align: center;
    display: block
}

@media (max-width: 768px) {
    body .trusted-by-references .trusted-by-references__item {
        padding: 0
    }
}

@media (min-width: 992px) {
    body .trusted-by-references .trusted-by-references__item {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

body .trusted-by-references .trusted-by-references__image {
    max-width: 185px;
}

@media (max-width: 768px) {
    body .trusted-by-references .trusted-by-references__image {
        max-width: 100%
    }
}
*/















#map {
    width: 100%;
    height: 400px
}

.filterOption {
    overflow: hidden;
    width: 520px;
    margin: 0 auto;
    margin-top: 30px
}

.filterOption input {
    display: none
}

@media (max-width: 768px) {
    .filterOption {
        width: 250px
    }
}

.filterOption .options {
    background-color: rgba(225, 240, 255, .3);
    padding: 2px;
    display: inline-block;
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 10px;
    float: left
}

.filterOption .options, .filterOption .options:before {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.filterOption .options:before {
    content: "";
    background-color: #fff;
    width: 50%;
    position: absolute;
    height: 39px;
    display: block;
    z-index: 1;
    top: 2px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    -moz-transition: .1s;
    transition: .1s
}

@media (max-width: 768px) {
    .filterOption .options {
        width: 100%;
        font-size: 13px
    }
}

.filterOption .options:first-child {
    margin-right: 20px
}

.filterOption .options button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
    border: 0;
    -webkit-transition: all .2 ease !important;
    -o-transition: all .2 ease !important;
    -moz-transition: all .2 ease !important;
    transition: all .2 ease !important;
    color: #222;
    background: none;
    min-height: 39px;
    z-index: 2;
    font-weight: 500
}

.filterOption .options button:hover {
    color: #000
}

.filterOption .options button:focus {
    outline: 0;
    border: 0
}

button#toggle-currency-dollar, button#toggle-currency-euro, button#toggle-invoice-period-annually, button#toggle-invoice-period-monthly {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
    background: none
}

@media (max-width: 768px) {
    button#toggle-currency-dollar, button#toggle-currency-euro, button#toggle-invoice-period-annually, button#toggle-invoice-period-monthly {
        font-size: 13px
    }
}

.euro .options:last-child:before, .monthly .options:first-child:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.dollar .options:last-child:before {
    -webkit-transform: translateX(111px);
    -ms-transform: translateX(111px);
    -moz-transform: translateX(111px);
    -o-transform: translateX(111px);
    transform: translateX(111px)
}

@media (max-width: 768px) {
    .dollar .options:last-child:before {
        -webkit-transform: translateX(121px);
        -ms-transform: translateX(121px);
        -moz-transform: translateX(121px);
        -o-transform: translateX(121px);
        transform: translateX(121px)
    }
}

.yearly .options:first-child:before {
    -webkit-transform: translateX(111px);
    -ms-transform: translateX(111px);
    -moz-transform: translateX(111px);
    -o-transform: translateX(111px);
    transform: translateX(111px)
}

@media (max-width: 768px) {
    .yearly .options:first-child:before {
        -webkit-transform: translateX(121px);
        -ms-transform: translateX(121px);
        -moz-transform: translateX(121px);
        -o-transform: translateX(121px);
        transform: translateX(121px)
    }
}

.price {
    -webkit-transition: visibility 0s, opacity .5s linear;
    -o-transition: visibility 0s, opacity .5s linear;
    -moz-transition: visibility 0s, opacity .5s linear;
    transition: visibility 0s, opacity .5s linear;
    display: none
}

.monthly.dollar .price-monthly-dollar, .monthly.euro .price-monthly-euro, .yearly.dollar .price-yearly-dollar, .yearly.euro .price-yearly-euro {
    height: auto;
    -webkit-animation: d 1s;
    -moz-animation: d 1s;
    -o-animation: d 1s;
    animation: d 1s;
    display: block
}

@media (max-width: 768px) and (max-width: 992px) {
    .pricing-grid__item {
        text-align: left;
        position: relative
    }

    .button-main__container {
        text-align: left;
        margin: 0
    }

    .pricing-grid__item-bottom-container {
        margin-top: auto;
        position: absolute;
        right: 20px;
        bottom: 20px
    }

    .pricing-grid__item-bottom-container a {
        font-size: 13px;
        padding: 9px 15px 6px;
        width: 95px;
        text-align: center
    }

    .pricing-grid__item-bottom-container:last-child .pricing p {
        width: 50%
    }

    .priceHeadLine {
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin-bottom: 10px
    }

    .priceHeadLine h2, .priceHeadLine p {
        margin-bottom: 0
    }

    .pricing {
        overflow: hidden
    }

    .pricing p {
        margin-bottom: 0
    }

    .pricing-grid__item-description {
        min-height: 20px;
        padding-bottom: 0;
        border-bottom: 0;
        line-height: 22px
    }

    .pricing-grid__item-heading {
        font-size: 1.2rem;
        margin-bottom: 0
    }

    .pricing-grid__item-price {
        font-size: 20px;
        min-height: auto
    }
}

.pricing-grid__item-top {
    min-height: 400px;
    position: relative;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding: 30px 15px
}

.pricing-grid__item-top .pricing-grid__item-heading {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pricing-grid__item-top--bg-1 .pricing-grid__item-heading {
    background-image: -webkit-linear-gradient(10deg, #ffc295, #ff9cb9);
    background-image: -moz-linear-gradient(10deg, #ffc295 0, #ff9cb9 100%);
    background-image: -o-linear-gradient(10deg, #ffc295 0, #ff9cb9 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#ffc295), to(#ff9cb9));
    background-image: -webkit-linear-gradient(left, #ffc295, #ff9cb9);
    background-image: -moz-linear-gradient(left, #ffc295, #ff9cb9);
    background-image: -o-linear-gradient(left, #ffc295, #ff9cb9);
    background-image: linear-gradient(90deg, #ffc295, #ff9cb9)
}

.pricing-grid__item-top--bg-2 .pricing-grid__item-heading {
    background-image: -webkit-linear-gradient(10deg, #ff95c3, #e77aed);
    background-image: -moz-linear-gradient(10deg, #ff95c3 0, #e77aed 100%);
    background-image: -o-linear-gradient(10deg, #ff95c3 0, #e77aed 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#ff95c3), to(#e77aed));
    background-image: -webkit-linear-gradient(left, #ff95c3, #e77aed);
    background-image: -moz-linear-gradient(left, #ff95c3, #e77aed);
    background-image: -o-linear-gradient(left, #ff95c3, #e77aed);
    background-image: linear-gradient(90deg, #ff95c3, #e77aed)
}

.pricing-grid__item-top--bg-3 .pricing-grid__item-heading {
    background-image: -webkit-linear-gradient(10deg, #da7cf6, #929fff);
    background-image: -moz-linear-gradient(10deg, #da7cf6 0, #929fff 100%);
    background-image: -o-linear-gradient(10deg, #da7cf6 0, #929fff 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#da7cf6), to(#929fff));
    background-image: -webkit-linear-gradient(left, #da7cf6, #929fff);
    background-image: -moz-linear-gradient(left, #da7cf6, #929fff);
    background-image: -o-linear-gradient(left, #da7cf6, #929fff);
    background-image: linear-gradient(90deg, #da7cf6, #929fff)
}

.pricing-grid__item-top--bg-4 .pricing-grid__item-heading {
    background-image: -webkit-linear-gradient(10deg, #85a8ff, #38daff);
    background-image: -moz-linear-gradient(10deg, #85a8ff 0, #38daff 100%);
    background-image: -o-linear-gradient(10deg, #85a8ff 0, #38daff 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(#85a8ff), to(#38daff));
    background-image: -webkit-linear-gradient(left, #85a8ff, #38daff);
    background-image: -moz-linear-gradient(left, #85a8ff, #38daff);
    background-image: -o-linear-gradient(left, #85a8ff, #38daff);
    background-image: linear-gradient(90deg, #85a8ff, #38daff)
}

.pricing-grid__item-top--bg-4 p.pricing-grid__item-footer {
    margin-top: 27px
}

@media (max-width: 768px) {
    .pricing-grid__item-top--bg-4 p.pricing-grid__item-footer {
        margin-top: 0
    }
}

.pricing-grid__item-top span.price, .pricing-grid__item-top span.pricing-grid__item-price {
    font-size: 35px
}

.pricing-grid__item-top span.pricing-grid__item-price {
    min-height: auto
}

@media (max-width: 768px) and (max-width: 992px) {
    .pricing-grid__item-top {
        padding: 20px;
        min-height: 130px
    }
}

.pricing-grid__item .boxShadow {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.pricing-grid__item-top--bg-1, .pricing-grid__item-top--bg-2, .pricing-grid__item-top--bg-3, .pricing-grid__item-top--bg-4 {
    background-color: #fff
}

.pricing-grid__item-top--bg-1 .odin-button--green, .pricing-grid__item-top--bg-2 .odin-button--green, .pricing-grid__item-top--bg-3 .odin-button--green, .pricing-grid__item-top--bg-4 .odin-button--green {
    font-weight: 500;
    position: relative;
    z-index: 1;
    font-size: 16px;
    overflow: hidden
}

.pricing-grid__item-top--bg-1 .odin-button--green:before, .pricing-grid__item-top--bg-2 .odin-button--green:before, .pricing-grid__item-top--bg-3 .odin-button--green:before, .pricing-grid__item-top--bg-4 .odin-button--green:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    z-index: -1
}

.pricing-grid__item-top--bg-1 .odin-button--green:hover:before, .pricing-grid__item-top--bg-2 .odin-button--green:hover:before, .pricing-grid__item-top--bg-3 .odin-button--green:hover:before, .pricing-grid__item-top--bg-4 .odin-button--green:hover:before {
    opacity: 1
}

.pricing-grid__item-top--bg-1 .odin-button--green {
    background: #ffc295;
    background: -webkit-gradient(linear, left top, right top, from(#ffc295), to(#ff9cb9));
    background: -webkit-linear-gradient(left, #ffc295, #ff9cb9);
    background: -moz-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: -o-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: linear-gradient(90deg, #ffc295, #ff9cb9)
}

.pricing-grid__item-top--bg-1 .odin-button--green:before {
    background: -webkit-gradient(linear, left top, right top, from(#cf9063), to(#bd637e));
    background: -webkit-linear-gradient(left, #cf9063, #bd637e);
    background: -moz-linear-gradient(left, #cf9063 0, #bd637e 100%);
    background: -o-linear-gradient(left, #cf9063 0, #bd637e 100%);
    background: linear-gradient(90deg, #cf9063, #bd637e)
}

.pricing-grid__item-top--bg-2 .odin-button--green {
    background: #ff95c3;
    background: -webkit-gradient(linear, left top, right top, from(#ff95c3), to(#e77aed));
    background: -webkit-linear-gradient(left, #ff95c3, #e77aed);
    background: -moz-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: -o-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: linear-gradient(90deg, #ff95c3, #e77aed)
}

.pricing-grid__item-top--bg-2 .odin-button--green:before {
    background: -webkit-gradient(linear, left top, right top, from(#cf6f99), to(#c35dc9));
    background: -webkit-linear-gradient(left, #cf6f99, #c35dc9);
    background: -moz-linear-gradient(left, #cf6f99 0, #c35dc9 100%);
    background: -o-linear-gradient(left, #cf6f99 0, #c35dc9 100%);
    background: linear-gradient(90deg, #cf6f99, #c35dc9)
}

.pricing-grid__item-top--bg-3 .odin-button--green {
    background: #da7cf6;
    background: -webkit-gradient(linear, left top, right top, from(#da7cf6), to(#929fff));
    background: -webkit-linear-gradient(left, #da7cf6, #929fff);
    background: -moz-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: -o-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: linear-gradient(90deg, #da7cf6, #929fff)
}

.pricing-grid__item-top--bg-3 .odin-button--green:before {
    background: -webkit-gradient(linear, left top, right top, from(#b35bce), to(#6d79d1));
    background: -webkit-linear-gradient(left, #b35bce, #6d79d1);
    background: -moz-linear-gradient(left, #b35bce 0, #6d79d1 100%);
    background: -o-linear-gradient(left, #b35bce 0, #6d79d1 100%);
    background: linear-gradient(90deg, #b35bce, #6d79d1)
}

.pricing-grid__item-top--bg-4 .odin-button--green {
    background: #85a8ff;
    background: -webkit-gradient(linear, left top, right top, from(#85a8ff), to(#38daff));
    background: -webkit-linear-gradient(left, #85a8ff, #38daff);
    background: -moz-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: -o-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: linear-gradient(90deg, #85a8ff, #38daff)
}

.pricing-grid__item-top--bg-4 .odin-button--green:before {
    background: -webkit-gradient(linear, left top, right top, from(#6585d6), to(#22b5d6));
    background: -webkit-linear-gradient(left, #6585d6, #22b5d6);
    background: -moz-linear-gradient(left, #6585d6 0, #22b5d6 100%);
    background: -o-linear-gradient(left, #6585d6 0, #22b5d6 100%);
    background: linear-gradient(90deg, #6585d6, #22b5d6)
}

.pricing-grid__item-top--bg-4 .pricing {
    margin-top: 0
}

@media (max-width: 768px) {
    .pricing-grid__item-top--bg-4 .pricing {
        margin-top: 0
    }
}

.pricing-grid__item-description, .pricing-grid__item-footer, .pricing-grid__item-heading, .pricing-grid__item-price {
    color: #000
}

p.pricing-grid__item-footer {
    font-size: 16px;
    line-height: 22px
}

.pricing-grid__item-bottom {
    border: 0;
    color: #fff;
    overflow: hidden
}

@media (max-width: 768px) {
    .pricing-grid__item-bottom {
        margin-top: 51px
    }
}

.pricing-grid__item-bottom:before {
    height: 100%;
    display: block;
    width: 100%;
    content: "";
    z-index: -1;
    position: absolute;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    top: 0;
    left: 0
}

.pricing-grid__item-bottom .pricing-grid__list .pricing-grid__list-item {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    font-weight: 500
}

.pricing-grid__item-bottom .pricing-grid__list .pricing-grid__list-item span {
    color: #fff
}

.pricing-grid__item-bottom#collapsePersonal {
    background: #ffc295;
    background: -webkit-gradient(linear, left top, right top, from(#ffc295), to(#ff9cb9));
    background: -webkit-linear-gradient(left, #ffc295, #ff9cb9);
    background: -moz-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: -o-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: linear-gradient(90deg, #ffc295, #ff9cb9)
}

.pricing-grid__item-bottom#collapsePlus {
    background: #ff95c3;
    background: -webkit-gradient(linear, left top, right top, from(#ff95c3), to(#e77aed));
    background: -webkit-linear-gradient(left, #ff95c3, #e77aed);
    background: -moz-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: -o-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: linear-gradient(90deg, #ff95c3, #e77aed)
}

.pricing-grid__item-bottom#collapseBusiness {
    background: #da7cf6;
    background: -webkit-gradient(linear, left top, right top, from(#da7cf6), to(#929fff));
    background: -webkit-linear-gradient(left, #da7cf6, #929fff);
    background: -moz-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: -o-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: linear-gradient(90deg, #da7cf6, #929fff)
}

.pricing-grid__item-bottom#collapseEnterprise {
    background: #85a8ff;
    background: -webkit-gradient(linear, left top, right top, from(#85a8ff), to(#38daff));
    background: -webkit-linear-gradient(left, #85a8ff, #38daff);
    background: -moz-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: -o-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: linear-gradient(90deg, #85a8ff, #38daff)
}

.pricing-grid__list .pricing-grid__list-item {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #c7dae9
}

.pricing-grid__item-bottom {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding: 30px;
    position: relative;
    margin-top: -10px;
    z-index: 2;
    background-color: #fff
}

@media (max-width: 768px) {
    .pricing-grid__item-bottom {
        margin-top: 53px
    }
}

.pricing-grid__list {
    padding-left: 0;
    list-style: none
}

.pricing-grid__list .pricing-grid__list-item {
    padding-bottom: 5px;
    margin-bottom: 15px
}

.pricing-grid__list .pricing-grid__list-item span {
    color: #111
}

.pricing-grid__list .pricing-grid__list-item:last-child {
    margin-bottom: 0
}

.pricing-description {
    margin-top: 30px
}

.pricing-description h3 {
    font-weight: 500;
    margin-top: 20px;
    font-size: 28px
}

@media (max-width: 768px) {
    .pricing.box .desktop {
        display: none
    }
}

.pricing.box .mobile {
    display: none
}

.pricing.box .mobile table {
    width: 100%
}

@media (max-width: 992px) {
    .pricing.box .mobile {
        display: none
    }
}

@media (max-width: 768px) {
    .pricing.box .mobile {
        display: block
    }
}

.pricing.box .mobile .AppTitle .inner {
    text-align: center;
    font-size: 21px;
    padding: 20px 0 10px
}

.pricing.box .mobile .AppTitle .inner img {
    width: 20px;
    margin-top: -5px
}

.pricing.box .mobile .AppTitle .inner a {
    color: #000
}

.pricing.box .mobile .title {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 5px;
    text-align: center
}

.pricing.box .mobile .title.basic {
    background: #ffc295;
    background: -webkit-gradient(linear, left top, right top, from(#ffc295), to(#ff9cb9));
    background: -webkit-linear-gradient(left, #ffc295, #ff9cb9);
    background: -moz-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: -o-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: linear-gradient(90deg, #ffc295, #ff9cb9)
}

.pricing.box .mobile .title.plus {
    background: #ff95c3;
    background: -webkit-gradient(linear, left top, right top, from(#ff95c3), to(#e77aed));
    background: -webkit-linear-gradient(left, #ff95c3, #e77aed);
    background: -moz-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: -o-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: linear-gradient(90deg, #ff95c3, #e77aed)
}

.pricing.box .mobile .title.business {
    background: #da7cf6;
    background: -webkit-gradient(linear, left top, right top, from(#da7cf6), to(#929fff));
    background: -webkit-linear-gradient(left, #da7cf6, #929fff);
    background: -moz-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: -o-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: linear-gradient(90deg, #da7cf6, #929fff)
}

.pricing.box .mobile .title.enterprise {
    background: #85a8ff;
    background: -webkit-gradient(linear, left top, right top, from(#85a8ff), to(#38daff));
    background: -webkit-linear-gradient(left, #85a8ff, #38daff);
    background: -moz-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: -o-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: linear-gradient(90deg, #85a8ff, #38daff)
}

.pricing.box .mobile .cell .inner {
    text-align: center;
    padding: 2px 5px;
    background-color: #efefef;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-top: 2px solid rgba(0, 0, 0, .1)
}

@media (max-width: 768px) and (max-width: 992px) {
    .pricing.box {
        padding: 30px 0
    }
}

@media (max-width: 768px) and (max-width: 992px) {
    .pricing.box span {
        float: none;
        margin-right: 0
    }
}

.pricing.box .container {
    max-width: 1400px;
    width: 100%
}

@media (max-width: 1400px) {
    .pricing.box .container {
        max-width: 1000px
    }
}

@media (max-width: 768px) {
    .pricing.box .container {
        max-width: 100%
    }
}

.pricing.box .box {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    padding: 30px;
    background-color: #fff;
    font-size: 18px
}

@media (max-width: 992px) and (max-width: 768px) {
    .pricing.box .box {
        font-size: 14px;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
        box-shadow: 0 0 30px rgba(0, 0, 0, .1)
    }
}

.pricing.box .box .priceinfo {
    width: 100%;
    font-size: 16px;
    padding: 5px 0;
    text-align: center
}

@media (max-width: 992px) and (max-width: 768px) {
    .pricing.box .box .priceinfo {
        font-size: 14px
    }
}

.pricing.box .box .table .col-lg-3 .inner {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
    background-color: #000;
    text-align: center;
    padding: 21px 0 15px
}

.pricing.box .box .table .col-lg-3.basic .inner {
    background: #ffc295;
    background: -webkit-gradient(linear, left top, right top, from(#ffc295), to(#ff9cb9));
    background: -webkit-linear-gradient(left, #ffc295, #ff9cb9);
    background: -moz-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: -o-linear-gradient(left, #ffc295 0, #ff9cb9 100%);
    background: linear-gradient(90deg, #ffc295, #ff9cb9)
}

.pricing.box .box .table .col-lg-3.plus .inner {
    background: #ff95c3;
    background: -webkit-gradient(linear, left top, right top, from(#ff95c3), to(#e77aed));
    background: -webkit-linear-gradient(left, #ff95c3, #e77aed);
    background: -moz-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: -o-linear-gradient(left, #ff95c3 0, #e77aed 100%);
    background: linear-gradient(90deg, #ff95c3, #e77aed)
}

.pricing.box .box .table .col-lg-3.business .inner {
    background: #da7cf6;
    background: -webkit-gradient(linear, left top, right top, from(#da7cf6), to(#929fff));
    background: -webkit-linear-gradient(left, #da7cf6, #929fff);
    background: -moz-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: -o-linear-gradient(left, #da7cf6 0, #929fff 100%);
    background: linear-gradient(90deg, #da7cf6, #929fff)
}

.pricing.box .box .table .col-lg-3.enterprise .inner {
    background: #85a8ff;
    background: -webkit-gradient(linear, left top, right top, from(#85a8ff), to(#38daff));
    background: -webkit-linear-gradient(left, #85a8ff, #38daff);
    background: -moz-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: -o-linear-gradient(left, #85a8ff 0, #38daff 100%);
    background: linear-gradient(90deg, #85a8ff, #38daff)
}

.pricing.box .box .table .th {
    width: 100%;
    margin: 0 auto 30px
}

.pricing.box .box .table .td {
    color: #000;
    text-align: center;
    padding: 0 15px;
    padding: 16px 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    font-weight: 500
}

.pricing.box .box .table .td:nth-child(2n) {
    background: rgba(0, 0, 0, .03)
}

.pricing.box .box .table .td.comingSoon {
    opacity: .5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pricing.box .box .table .td.comingSoon .col-lg-2 a {
    pointer-events: none
}

.pricing.box .box .table .td.bundle {
    text-align: right;
    background: none
}

.pricing.box .box .table .td.bundle .content {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    background: #ffc295;
    background: -webkit-linear-gradient(10deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    background: -moz-linear-gradient(10deg, #ffc295 0, #ff95c3 30%, #949fff 65%, #3cd7ff 100%);
    background: -o-linear-gradient(10deg, #ffc295 0, #ff95c3 30%, #949fff 65%, #3cd7ff 100%);
    background: linear-gradient(80deg, #ffc295, #ff95c3 30%, #949fff 65%, #3cd7ff);
    text-align: center
}

.pricing.box .box .table .td.bundle .content:before {
    z-index: 1;
    background: rgba(0, 0, 0, .2);
    content: "";
    height: 60px;
    width: 100%;
    display: block;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.pricing.box .box .table .td.bundle .content:hover:before {
    opacity: 1
}

.pricing.box .box .table .td.bundle .content span {
    z-index: 2;
    position: relative;
    display: block
}

.pricing.box .box .table .td.bundle .content span a {
    color: #fff;
    display: block;
    padding: 16px 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    z-index: 2
}

@media (max-width: 768px) {
    .pricing.box .box .table .td.bundle .content span a {
        font-size: 12px
    }
}

.pricing.box .box .table .td.bundle:hover {
    background: transparent
}

.pricing.box .box .table .td .col-lg-2 a {
    color: #000
}

.pricing.box .box .table .td:hover {
    background-color: rgba(0, 0, 0, .01);
    color: #000
}

.pricing.box .box .table .td:hover a {
    color: #000
}

.pricing.box .box .table .td .col-lg-2 {
    text-align: left;
    border-left: 0;
    font-size: 20px
}

.pricing.box .box .table .td .col-lg-2 img {
    width: 25px;
    margin-top: -4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px
}

@media (max-width: 1400px) {
    .pricing.box .box .table .td .col-lg-2 img {
        display: none
    }
}

.pricing.box .box .table .td .col-lg-10 .col-lg-3 {
    position: relative
}

.pricing.box.overview .AppTitle {
    font-weight: 500;
    padding: 30px 0 10px
}

@media (max-width: 768px) {
    .pricing.box.overview .toolTip {
        font-size: 14px;
        display: block
    }
}

@media (max-width: 768px) {
    .pricing.box.overview .fa-info {
        display: none
    }
}

@media (max-width: 768px) {
    .pricing.box.overview {
        margin-top: 0
    }
}

.pricing.box.overview .container {
    max-width: 1000px
}

.pricing.box.overview .container .box {
    overflow: inherit;
    position: relative
}

@media (max-width: 768px) {
    .pricing.box.overview .container .box {
        padding: 10px
    }
}

.pricing.box.overview .container .box .fa-check, .pricing.box.overview .container .box .fa-times {
    font-size: 20px
}

.pricing.box.overview .container .box .fa-check {
    color: #65bc98
}

.pricing.box.overview .container .box .fa-times {
    color: #ec80e3
}

.pricing.box.overview .container .box .fa-info {
    color: #85a8ff;
    font-size: 12px;
    margin-left: 5px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.pricing.box.overview .container .box .table {
    position: relative;
    z-index: 2;
    font-size: 16px
}

.pricing.box.overview .container .box .table .td .col-lg-9 .col-lg-3:before {
    background: #e2e2e2
}

.pricing.box.overview .container .box .table .td.bundle {
    background: #fff
}

.pricing.box.overview .container .box .table.mobile .inner {
    font-size: 12px
}

.pricing.box.overview .container .box .table .row {
    position: relative;
    overflow: inherit;
    height: 100%
}

.pricing.box.overview .container .box .table .row:nth-child(2n) {
    background: rgba(0, 0, 0, .03)
}

.pricing.box.overview .container .box .table .row.bundle {
    background: #fff
}

.pricing.box.overview .container .box .table .row.bundle .content span a {
    font-size: 18px
}

@media (max-width: 768px) {
    .pricing.box.overview .container .box .table .row.bundle .content span a {
        font-size: 12px
    }
}

.pricing.box.overview .container .box .table .row .col-lg-3 .inner {
    font-size: 20px
}

.pricing.box.overview .container .box .table .td .col-lg-3 {
    text-align: left
}

.pricing.box.overview .container .box .table .td .col-lg-3:hover + .toolTip {
    opacity: 1
}

.pricing.box.overview .container .box .table .td .col-lg-3:hover .fa-info {
    opacity: 0
}

.pricing.box.overview .container .box .table .td .col-lg-9 .col-lg-3 {
    text-align: center
}

.pricing.box.overview .container .box .table .td .toolTip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    font-size: 14px;
    bottom: -40px;
    left: 0;
    z-index: 3;
    text-align: left;
    width: 100%;
    pointer-events: none
}

.pricing.box.overview .container .box .table .td .toolTip:before {
    bottom: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f7f7f7;
    top: 0;
    left: 15px;
    border-width: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pricing.box.overview .container .box .table .td .center {
    display: table;
    width: 100%;
    height: 100%
}

.pricing.box.overview .container .box .table .td .center span {
    display: table-cell;
    vertical-align: middle
}

.pricing.box.overview .container .box .table .col-lg-3 {
    font-size: 16px
}

.pricing.box.overview .container .box .table .col-lg-3 .th .inner {
    font-size: 20px
}

.modal-popup__button {
    display: inline-block;
    background-color: rgba(0, 0, 0, .05);
    padding: 5px 10px;
    margin: 0 8px 8px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .68);
    font-size: 15px;
    border: none;
    margin-top: 15px
}

.modal-popup__button:hover {
    background-color: rgba(0, 0, 0, .1);
    text-decoration: none
}

.modal-popup__content-container {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .3)
}

.modal-popup__content-container--active {
    display: block
}

.modal-popup__content {
    background: #fff;
    max-width: 900px;
    margin: 40px auto;
    padding: 15px 20px;
    width: 90%;
    position: relative;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: e;
    -moz-animation-name: e;
    -o-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.modal-popup__content h3 {
    font-size: 26px
}

.modal-popup__close {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    color: #000
}

.modal-popup__close:hover {
    cursor: pointer
}

@-webkit-keyframes e {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@-moz-keyframes e {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@-o-keyframes e {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes e {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.blog-ad-sticky-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #51a0fc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-ad-sticky-bottom--desktop {
    background-image: url(../../../themes/odin-com/assets/1f94e1f590e14456f4b5cd01fb801ea3.jpg);
    -webkit-transition: opacity .4s ease-in, -webkit-transform .4s ease-in;
    transition: opacity .4s ease-in, -webkit-transform .4s ease-in;
    -o-transition: opacity .4s ease-in, -o-transform .4s ease-in;
    -moz-transition: transform .4s ease-in, opacity .4s ease-in, -moz-transform .4s ease-in;
    transition: transform .4s ease-in, opacity .4s ease-in;
    transition: transform .4s ease-in, opacity .4s ease-in, -webkit-transform .4s ease-in, -moz-transform .4s ease-in, -o-transform .4s ease-in;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
    opacity: 0
}

.blog-ad-sticky-bottom--mobile {
    position: static;
    display: none;
    background-image: url(../../../themes/odin-com/assets/ee905bfdea86d1eab24a61bcf715be4b.jpg);
    background-position: 70% !important
}

.blog-ad-sticky-bottom--opened {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.blog-ad-sticky-bottom__center-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-ad-sticky-bottom__text {
    color: #fff;
    margin-right: 40px;
    font-size: 16px !important;
    margin-bottom: 0
}

.blog-ad-sticky-bottom__link {
    background: #1b1b1b;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 22px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.blog-ad-sticky-bottom__link:hover {
    text-decoration: none;
    color: #fff
}

.blog-ad-sticky-bottom__close-button {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-ad-sticky-bottom__close-button i {
    font-size: 20px;
    font-weight: 300;
    color: #fff
}

.blog-ad-sticky-bottom__close-button:hover {
    cursor: pointer
}

@media (max-width: 992px) {
    .blog-ad-sticky-bottom {
        background-position: 25%
    }

    .blog-ad-sticky-bottom--desktop {
        display: none
    }

    .blog-ad-sticky-bottom--mobile {
        display: block;
        padding: 16px 0;
        height: auto
    }

    .blog-ad-sticky-bottom--mobile-closed {
        display: none
    }

    .blog-ad-sticky-bottom__center-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto
    }

    .blog-ad-sticky-bottom__text {
        margin-right: 0;
        margin-bottom: 16px;
        text-align: center;
        font-size: 18px !important;
        max-width: 65%
    }

    .blog-ad-sticky-bottom__close-button {
        position: absolute;
        top: 5px;
        right: 5px
    }
}

.blog-ad-sticky-top {
    width: 100%;
    height: 60px;
    background: #42a8fc;
    z-index: 1000;
    -webkit-transition: opacity .4s ease-in, -webkit-transform .4s ease-in;
    transition: opacity .4s ease-in, -webkit-transform .4s ease-in;
    -o-transition: opacity .4s ease-in, -o-transform .4s ease-in;
    -moz-transition: transform .4s ease-in, opacity .4s ease-in, -moz-transform .4s ease-in;
    transition: transform .4s ease-in, opacity .4s ease-in;
    transition: transform .4s ease-in, opacity .4s ease-in, -webkit-transform .4s ease-in, -moz-transform .4s ease-in, -o-transform .4s ease-in;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.blog-ad-sticky-top, .blog-ad-sticky-top .row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-ad-sticky-top__text {
    color: #fff;
    font-weight: 400;
    margin-right: 30px;
    font-size: 16px !important;
    margin-bottom: 0
}

.blog-ad-sticky-top__text strong {
    font-family: InterBold
}

.blog-ad-sticky-top__email {
    background: #42a8fc;
    border: 1px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 3px 14px;
    margin-right: 10px;
    color: #fff
}

.blog-ad-sticky-top__email::-webkit-input-placeholder {
    color: #fff
}

.blog-ad-sticky-top__email:-moz-placeholder, .blog-ad-sticky-top__email::-moz-placeholder {
    color: #fff
}

.blog-ad-sticky-top__email:-ms-input-placeholder, .blog-ad-sticky-top__email::-ms-input-placeholder {
    color: #fff
}

.blog-ad-sticky-top__email::placeholder {
    color: #fff
}

.blog-ad-sticky-top__email:focus {
    outline: none
}

.blog-ad-sticky-top__submit {
    display: block;
    background: #5be924;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 4px 18px;
    border: none;
    text-align: center
}

.blog-ad-sticky-top__submit:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

@media (max-width: 992px) {
    .blog-ad-sticky-top {
        height: auto;
        padding: 16px 0
    }

    .blog-ad-sticky-top .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .blog-ad-sticky-top__text {
        text-align: center;
        margin-right: 0;
        max-width: 90%
    }

    .blog-ad-sticky-top__submit {
        margin-top: 10px
    }
}

.blog-ad-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(66, 168, 252, .92);
    z-index: 1000;
    overflow: auto;
    text-align: center
}

.blog-ad-modal, .blog-ad-modal__close-corner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.blog-ad-modal__close-corner {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    font-size: 22px
}

.blog-ad-modal__close-corner:hover {
    cursor: pointer
}

.blog-ad-modal__content {
    max-width: 510px;
    width: 90%
}

.blog-ad-modal__image {
    max-width: 270px;
    width: 100%;
    margin: 24px auto
}

.blog-ad-modal__heading {
    line-height: 1;
    font-size: 50px;
    margin-bottom: 20px
}

.blog-ad-modal__subheading {
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 28px
}

.blog-ad-modal form {
    margin-bottom: 32px
}

.blog-ad-modal__email {
    display: block;
    background: #fff;
    color: #42a8fc;
    border: 1px solid #fff;
    font-size: 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 26px;
    margin: 0 auto;
    margin-bottom: 16px;
    width: 270px;
    text-align: center
}

.blog-ad-modal__email::-webkit-input-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-modal__email:-moz-placeholder, .blog-ad-modal__email::-moz-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-modal__email:-ms-input-placeholder, .blog-ad-modal__email::-ms-input-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-modal__email::placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-modal__email:focus {
    outline: none
}

.blog-ad-modal__submit {
    display: block;
    background: #5be924;
    color: #fff;
    font-size: 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 26px;
    border: none;
    margin: 0 auto;
    width: 270px
}

.blog-ad-modal__submit:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.blog-ad-modal__close-text {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-top: 40px
}

.blog-ad-modal__close-text:hover {
    cursor: pointer
}

@media (max-width: 800px) {
    .blog-ad-modal {
        height: auto;
        padding: 40px 0;
        top: 15vh
    }

    .blog-ad-modal__close-corner {
        top: 12px;
        right: 8px
    }

    .blog-ad-modal__image {
        max-width: 130px;
        margin: 18px auto
    }

    .blog-ad-modal__heading {
        font-size: 34px;
        margin-bottom: 10px
    }

    .blog-ad-modal__subheading {
        font-size: 16px
    }

    .blog-ad-modal__submit {
        font-size: 18px;
        width: 260px;
        padding: 8px 28px;
        margin-bottom: 12px
    }

    .blog-ad-modal__close-text {
        margin-top: 18px
    }
}

.blog-ad-text-banner {
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    background-color: #ecf6ff;
    padding: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.blog-ad-text-banner, .blog-ad-text-banner__logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.blog-ad-text-banner__logo-container {
    width: 40px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-align: center;
    padding-right: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.blog-ad-text-banner__logo {
    height: 38px !important;
    width: auto
}

.blog-ad-text-banner__text-container {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-ad-text-banner__text {
    color: #42a8fc;
    font-size: 19px
}

.blog-ad-slidein {
    position: fixed;
    left: 0;
    top: 24vh;
    background: rgba(33, 143, 223, .95);
    padding: 20px;
    z-index: 1000;
    width: 290px;
    min-height: 400px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: all;
    -o-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.blog-ad-slidein--opened {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.blog-ad-slidein__closer {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 22px
}

.blog-ad-slidein__closer:hover {
    cursor: pointer
}

.blog-ad-slidein__content {
    text-align: center
}

.blog-ad-slidein__logo {
    height: 60px;
    margin: 0 auto;
    margin-bottom: 20px
}

.blog-ad-slidein__heading {
    font-size: 24px;
    line-height: 1.1;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.blog-ad-slidein__email {
    display: block;
    background: #fff;
    color: #42a8fc;
    border: 1px solid #fff;
    font-size: 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 22px;
    margin: 0 auto;
    margin-bottom: 12px;
    width: 255px;
    text-align: left
}

.blog-ad-slidein__email::-webkit-input-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-slidein__email:-moz-placeholder, .blog-ad-slidein__email::-moz-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-slidein__email:-ms-input-placeholder, .blog-ad-slidein__email::-ms-input-placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-slidein__email::placeholder {
    color: #42a8fc;
    text-align: center
}

.blog-ad-slidein__email:focus {
    outline: none
}

.blog-ad-slidein__submit {
    display: block;
    background: #5be924;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 22px;
    border: none;
    margin: 0 auto;
    width: 225px
}

.blog-ad-slidein__submit:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.blog-ad-google-banner {
    position: absolute;
    right: -110px;
    width: 200px;
    height: auto;
    background-image: url(../../../themes/odin-com/assets/4f424f568376f7d2b76cf766a93c7ead.png);
    background-position: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    padding: 15px 25px;
    text-align: center
}

.blog-ad-google-banner__heading {
    font-family: gilroy;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 1.1
}

.blog-ad-google-banner__subheading {
    color: #fff;
    font-size: 16px;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 16px
}

.blog-ad-google-banner__link {
    display: block;
    background: #42a8fc;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 6px 22px;
    border: none;
    margin: 0 auto;
    font-family: gilroy
}

.blog-ad-google-banner__link:hover {
    color: #fff
}

@media (max-width: 1260px) {
    .blog-ad-google-banner {
        right: -60px;
        width: 150px
    }

    .blog-ad-google-banner__link {
        background: transparent
    }
}

@media (max-width: 1120px) {
    .blog-ad-google-banner {
        position: static;
        width: 100%;
        margin-bottom: 30px
    }

    .blog-ad-google-banner__heading {
        font-size: 36px
    }

    .blog-ad-google-banner__subheading {
        font-size: 24px;
        margin: 0 auto;
        margin-bottom: 16px
    }

    .blog-ad-google-banner__link {
        background: #42a8fc;
        width: 230px;
        font-size: 17px
    }
}

@media (max-width: 600px) {
    .blog-ad-google-banner__heading {
        font-size: 30px
    }

    .blog-ad-google-banner__subheading {
        font-size: 20px
    }
}

body.overflowHidden {
    overflow: hidden
}

::-webkit-scrollbar {
    width: 8px;
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: rgb(248 122 188);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    right: 5px;
    top: 5px;
    bottom: 5px;
    position: absolute;
}

::-webkit-scrollbar-thumb:hover {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #9283EC;
}

.wpcf7-response-output {
    background-color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.contact-form-modal__wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5000;
    display: none;
    overflow: hidden
}

.contact-form-modal__wrapper--open {
    display: block;
    overflow: auto
}

@media (max-width: 600px) {
    .contact-form-modal__wrapper {
        z-index: 10000
    }
}

.contact-form-modal__inner {
    position: relative;
    width: 100%;
    max-width: 500px;
    min-height: 480px;
    z-index: 5000;
    margin: 40px auto 0;
    padding: 20px 20px 30px;
    text-align: center;
    -webkit-box-shadow: hsla(0, 0%, 6%, .05) 0 0 0 1px, hsla(0, 0%, 6%, .1) 0 5px 10px, hsla(0, 0%, 6%, .2) 0 15px 40px;
    -moz-box-shadow: hsla(0, 0%, 6%, .05) 0 0 0 1px, hsla(0, 0%, 6%, .1) 0 5px 10px, hsla(0, 0%, 6%, .2) 0 15px 40px;
    box-shadow: 0 0 0 1px hsla(0, 0%, 6%, .05), 0 5px 10px hsla(0, 0%, 6%, .1), 0 15px 40px hsla(0, 0%, 6%, .2);
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-animation-name: a;
    -moz-animation-name: a;
    -o-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

@media (max-width: 768px) {
    .contact-form-modal__inner .wpcf7-form span {
        margin: 10px 0
    }
}

.contact-form-modal__inner .row {
    margin: 10px -15px
}

@media (max-width: 768px) {
    .contact-form-modal__inner .row {
        margin: 0
    }
}

.contact-form-modal__inner .row .col-lg-6:first-child {
    padding-right: 5px
}

@media (max-width: 768px) {
    .contact-form-modal__inner .row .col-lg-6:first-child {
        padding-left: 0;
        padding-right: 0
    }
}

.contact-form-modal__inner .row .col-lg-6:last-child {
    padding-left: 5px
}

@media (max-width: 768px) {
    .contact-form-modal__inner .row .col-lg-6:last-child {
        padding-left: 0;
        padding-right: 0
    }
}

.contact-form-modal__inner p {
    margin-bottom: 0
}

@media (max-width: 600px) {
    .contact-form-modal__inner {
        min-height: 100%;
        width: 100%;
        max-width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0
    }
}

.contact-form-modal__inner span[role=alert] {
    position: absolute;
    top: 15px;
    height: 10px;
    width: 10px;
    background-color: #8198ab;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    right: 10px;
    text-indent: -9999px;
    overflow: hidden
}

@media (max-width: 768px) {
    .contact-form-modal__inner span[role=alert] {
        top: 5px
    }
}

.contact-form-modal__close-button {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #000;
    cursor: pointer
}

.contact-form-modal__close-button .odin-navbar-toggle i:before, .contact-form-modal__close-button .zi:before, .odin-navbar-toggle .contact-form-modal__close-button i:before {
    margin: 0
}

.contact-form-modal__text-heading {
    font-size: 40px;
    font-family: Gilroy;
    font-weight: 900;
    color: #42a8fc;
    margin-bottom: 0;
    line-height: 1.6
}

.contact-form-modal__image-heading {
    width: 240px;
    margin: 0 auto;
    margin-bottom: 40px
}

.contact-form-modal__form-container .wpcf7 {
    margin-top: 25px
}

.contact-form-modal__form-container .wpcf7-form p {
    width: 100%
}

.contact-form-modal__form-container .wpcf7-form p + p {
    margin-top: 10px
}

.contact-form-modal__form-container .wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%
}

.contact-form-modal__form-container .wpcf7-form-control-wrap > input, .contact-form-modal__form-container .wpcf7-form-control-wrap > select, .contact-form-modal__form-container .wpcf7-form-control-wrap > textarea {
    width: 100%;
    color: #000;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.contact-form-modal__form-container .wpcf7-form-control-wrap > input[aria-invalid=true], .contact-form-modal__form-container .wpcf7-form-control-wrap > select[aria-invalid=true], .contact-form-modal__form-container .wpcf7-form-control-wrap > textarea[aria-invalid=true] {
    border: 2px solid #8198ab
}

.contact-form-modal__form-container .wpcf7-form-control-wrap > select {
    padding-left: 20px;
    font-weight: 500
}

.contact-form-modal__form-container .wpcf7-recaptcha div {
    margin: 0 auto 8px
}

.contact-form-modal__form-input, .contact-form-modal__form-textarea, select.contact-form-modal__form-input {
    display: block;
    border: none;
    background: #fff;
    border: 1px solid #cbd6e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 20px;
    font-size: 14px
}

.contact-form-modal__form-input::-webkit-input-placeholder, .contact-form-modal__form-textarea::-webkit-input-placeholder, select.contact-form-modal__form-input::-webkit-input-placeholder {
    color: #45535e;
    font-weight: 400
}

.contact-form-modal__form-input:-moz-placeholder, .contact-form-modal__form-input::-moz-placeholder, .contact-form-modal__form-textarea:-moz-placeholder, .contact-form-modal__form-textarea::-moz-placeholder, select.contact-form-modal__form-input:-moz-placeholder, select.contact-form-modal__form-input::-moz-placeholder {
    color: #45535e;
    font-weight: 400
}

.contact-form-modal__form-input:-ms-input-placeholder, .contact-form-modal__form-input::-ms-input-placeholder, .contact-form-modal__form-textarea:-ms-input-placeholder, .contact-form-modal__form-textarea::-ms-input-placeholder, select.contact-form-modal__form-input:-ms-input-placeholder, select.contact-form-modal__form-input::-ms-input-placeholder {
    color: #45535e;
    font-weight: 400
}

.contact-form-modal__form-input::placeholder, .contact-form-modal__form-textarea::placeholder, select.contact-form-modal__form-input::placeholder {
    color: #45535e;
    font-weight: 400
}

.contact-form-modal__form-input:focus, .contact-form-modal__form-textarea:focus, select.contact-form-modal__form-input:focus {
    outline: none;
    border: 1px solid rgba(82, 168, 236, .8)
}

.contact-form-modal__form-textarea {
    padding: 20px;
    margin-top: 3px
}

.contact-form-modal__form-input option, select.contact-form-modal__form-input option {
    color: #45535e;
    font-weight: 400
}

.contact-form-modal__form-submit {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    padding: 6px 15px;
    min-height: 39px;
    -webkit-transition: color .2s, background-color .2s;
    -o-transition: color .2s, background-color .2s;
    -moz-transition: color .2s, background-color .2s;
    transition: color .2s, background-color .2s;
    background-color: #75bc52;
    color: #fff;
    font-size: 16px;
    margin-top: 30px
}

.contact-form-modal__form-submit:hover {
    background-color: #528b36
}

.contact-form-modal__success-message {
    display: none;
    color: #fff;
    margin-bottom: 30px;
    padding: 0 50px
}

.contact-form-modal__success-message-heading {
    font-size: 42px;
    margin-bottom: .5rem;
    line-height: 1.4
}

@media (min-width: 480px) {
    .contact-form-modal__success-message-heading {
        line-height: 1.6
    }
}

.contact-form-modal__success-message-text {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

.contact-form-modal__inner--success {
    background: #42a8fc;
    border: 1px solid #42a8fc
}

.contact-form-modal__inner--success .contact-form-modal__form-container {
    display: none
}

.contact-form-modal__inner--success .contact-form-modal__success-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-name: a;
    -moz-animation-name: a;
    -o-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

.contact-form-modal__inner--success .contact-form-modal__close-button {
    color: #fff
}

.contact-form-recaptcha-text {
    font-size: 12px;
    max-width: 80%;
    margin: 15px auto 0
}

.contact-form-recaptcha-text--legal {
    text-align: left;
    max-width: 100%
}

.contact-form-recaptcha-text--affiliate {
    text-align: center;
    max-width: 100%
}

.grecaptcha-badge {
    visibility: hidden
}

.alternatives {
    margin-bottom: 7rem
}

.alternatives .image {
    display: table;
    min-height: 190px;
    margin: 0 auto
}

.alternatives .image .inner {
    display: table-cell;
    vertical-align: middle
}

.alternatives .image .inner img {
    max-width: 50%
}

.modal-success-message__wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5000;
    display: none
}

.modal-success-message__wrapper--open {
    display: block;
    overflow: auto
}

@media (max-width: 600px) {
    .modal-success-message__wrapper {
        z-index: 10000;
        background: transparent
    }
}

.modal-success-message__inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 1px solid #d3d3d3;
    background: #fff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    width: 100%;
    max-width: 500px;
    min-height: 480px;
    padding: 50px 20px;
    z-index: 5000;
    -webkit-animation-name: a;
    -moz-animation-name: a;
    -o-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin: 40px auto
}

.modal-success-message__inner p {
    margin-bottom: 0
}

@media (max-width: 600px) {
    .modal-success-message__inner {
        height: 100%;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin: 0 auto
    }
}

.modal-success-message__inner span[role=alert] {
    font-size: 13px;
    margin-top: -13px
}

.modal-success-message__inner--slideup {
    -webkit-animation-name: b;
    -moz-animation-name: b;
    -o-animation-name: b;
    animation-name: b
}

.modal-success-message__inner--success {
    background: #42a8fc;
    border: 1px solid #42a8fc
}

.modal-success-message__inner--success .modal-success-message__form-container {
    display: none
}

.modal-success-message__inner--success .modal-success-message__success-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation-name: a;
    -moz-animation-name: a;
    -o-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

.modal-success-message__inner--success .modal-success-message__close-button {
    color: #fff
}

.modal-success-message__close-button {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #999
}

.modal-success-message__close-button:hover {
    cursor: pointer
}

.modal-success-message__success-message {
    display: none;
    color: #fff;
    margin-bottom: 30px;
    padding: 0 50px
}

.modal-success-message__success-message-heading {
    font-size: 42px;
    margin-bottom: .5rem;
    line-height: 1.4
}

@media (min-width: 480px) {
    .modal-success-message__success-message-heading {
        line-height: 1.6
    }
}

.modal-success-message__success-message-text {
    color: #fff;
    font-size: 20px;
    font-weight: 500
}

@keyframes a {
    0% {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

.frontpage-references {
    margin-top: 26px
}

.frontpage-references__image-row-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 992px) {
    .frontpage-references__image-row-mobile {
        display: none
    }
}

.frontpage-references__image-item-mobile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    margin-bottom: 40px
}

.frontpage-references__image-item-mobile img {
    max-width: 100%
}

.frontpage-references__image-item-mobile:last-child {
    margin-bottom: 0
}

@media (min-width: 576px) {
    .frontpage-references__image-item-mobile {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .frontpage-references__image-item-mobile:nth-last-child(2) {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .frontpage-references__image-item-mobile {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

.frontpage-references__image-row-desktop {
    display: none
}

@media (min-width: 992px) {
    .frontpage-references__image-row-desktop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px
    }

    .frontpage-references__image-row-desktop:last-child {
        margin-bottom: 0
    }
}

.frontpage-references__image-item-desktop {
    width: auto;
    text-align: center
}

.frontpage-references__image-item-desktop img {
    max-width: 100%
}

.frontpage-data-security__row {
    text-align: center;
    margin-top: 50px
}

@media (min-width: 768px) {
    .frontpage-data-security__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 940px;
        margin: 50px auto 0
    }
}

.frontpage-data-security__item-container {
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 198px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .frontpage-data-security__item-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

@media (min-width: 992px) {
    .frontpage-data-security__item-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 210px;
        -moz-box-flex: 0;
        -ms-flex: 0 0 210px;
        flex: 0 0 210px;
        margin: 0
    }
}

.frontpage-data-security__item-image {
    max-width: 100%;
    height: auto;
    margin-right: 10px
}

.frontpage-data-security__item-text {
    text-align: left;
    color: #909499;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0
}

.navbar-germany-badge-desktop {
    margin-right: 10px;
    margin-left: auto;
    background-image: url(../../../themes/odin-com/assets/5a8cd7fff3cddcc816c2708665a0f309.png);
    -webkit-background-size: 86% 5px;
    -moz-background-size: 86% 5px;
    background-size: 86% 5px;
    background-repeat: no-repeat;
    background-position: center 37px;
    line-height: 50px;
    display: none
}

@media (min-width: 992px) {
    .navbar-germany-badge-desktop {
        display: block
    }
}

.navbar-germany-badge-desktop:hover {
    background-image: none
}

.navbar-germany-badge-desktop:hover .navbar-germany-badge-desktop__text {
    border-color: #0d0d0d;
    color: #0d0d0d
}

.navbar-germany-badge-desktop__text {
    padding: 3px 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid transparent;
    color: inherit
}

.navbar-germany-badge-desktop__text:hover {
    cursor: pointer
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.navbar-germany-badge-mobile {
    margin-left: auto;
    background-image: url(../../../themes/odin-com/assets/5a8cd7fff3cddcc816c2708665a0f309.png);
    -webkit-background-size: 86% 5px;
    -moz-background-size: 86% 5px;
    background-size: 86% 5px;
    background-repeat: no-repeat;
    background-position: center 37px;
    line-height: 50px;
    display: none
}

@media (min-width: 340px) {
    .navbar-germany-badge-mobile {
        display: block
    }
}

@media (min-width: 768px) {
    .navbar-germany-badge-mobile {
        display: none
    }
}

.navbar-germany-badge-mobile:hover {
    background-image: none
}

.navbar-germany-badge-mobile:hover .navbar-germany-badge-mobile__text {
    border-color: #0d0d0d;
    color: #0d0d0d
}

.navbar-germany-badge-mobile__text {
    padding: 3px 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid transparent;
    color: inherit
}

.navbar-germany-badge-mobile__text:hover {
    cursor: pointer
}

.general-table-2col {
    margin-top: 25px;
    width: 75%;
    margin: 0 auto
}

.general-table-2col th {
    text-align: center;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    text-align: left
}

.general-table-2col th:first-child {
    text-align: left
}

.general-table-2col thead th {
    border-bottom: 1px solid #ddd;
    color: #222;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 1.4em
}

@media only screen and (max-width: 480px) {
    .general-table-2col thead th {
        font-size: 1.2em
    }
}

.general-table-2col td {
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.general-table-2col td:first-child {
    width: 240px;
    text-align: left;
    color: #333
}

.general-table-2col td i.fa {
    font-size: 23.8px
}

.general-table-2col td i.fa-check {
    color: #4d8335
}

.general-table-2col td i.fa-times {
    color: red
}

@media only screen and (max-width: 480px) {
    .general-table-2col td {
        padding: 3px 7px;
        font-size: 12.6px
    }
}

@media only screen and (max-width: 320px) {
    .general-table-2col td {
        padding: 2px 5px
    }
}

.accordion-section .card, .accordion-section .card-header {
    border: none;
    background-color: transparent
}

.accordion-section .card-header {
    padding: 0;
    text-align: center;
    margin-top: 13px
}

.accordion-section .card-header .btn {
    font-weight: 400;
    line-height: 1.5;
    font-size: 28px;
    color: #111;
    text-decoration: underline
}

.accordion-section .card-body {
    text-align: left;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300
}

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

.appstore__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1050px;
    margin: 0 auto;
    padding: 30px 0
}

.appstore__item {
    width: 33%;
    padding: 0 15px;
    margin-bottom: 20px
}

@media (max-width: 1024px) {
    .appstore__item {
        width: 50%
    }
}

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

.appstore__item-inner {
    background-color: #e6f3fd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px;
    height: 100%
}

.appstore__heading {
    font-size: 18px;
    margin-bottom: 0
}

.appstore__stars {
    margin-bottom: 6px
}

.appstore__stars i {
    color: #f48314;
    font-size: 18px
}

.appstore__text p {
    font-size: 16px;
    margin-bottom: 0
}

.page-template-template-general-flexible-to-do .page-general .appstore h3.appstore__heading {
    font-size: 24px
}

.testimonial-section {
    padding: 100px 0
}

.testimonial-section__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #f0f7ff;
    max-width: 1020px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    padding: 50px 60px
}

@media (max-width: 768px) {
    .testimonial-section__inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.testimonial-section__image-column {
    padding-right: 40px
}

@media (max-width: 768px) {
    .testimonial-section__image-column {
        width: 100%;
        padding-right: 0
    }
}

.testimonial-section__image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (max-width: 768px) {
    .testimonial-section__image {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .testimonial-section__text-column {
        width: 100%
    }
}

.testimonial-section__text {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.5
}

.testimonial-section__author-name {
    font-size: 20px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 2px
}

.testimonial-section--v2 .fa-quote-left {
    padding-right: 10px
}

.testimonial-section--v2 .fa-quote-right {
    padding-left: 10px
}

.testimonial-section--v2 .testimonial-section__text {
    font-weight: 100
}

.award-banner {
    padding: 40px 0;
    background: #f0f7ff
}

@media (max-width: 768px) {
    .award-banner__images-desktop {
        display: none
    }
}

.award-banner__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .award-banner__images {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .award-banner__image-container {
        width: 100%;
        text-align: center
    }
}

.award-banner__image-container img {
    max-width: 100%
}

.embedded-public-collection--embed-container {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 90vh;
    display: none
}

@media (min-width: 768px) {
    .embedded-public-collection--embed-container {
        display: block;
        background-image: url(../../../themes/odin-com/assets/cbd837178d985936db66d0a12c7d2c30.png);
        padding: 3.405% 3.4% 6.657% 6.8946%;
        margin-left: -1%
    }
}

.embedded-public-collection--embed {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px
}

@media (min-width: 768px) {
    .embedded-public-collection--embed {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }
}

.app-matte {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5000;
    display: none
}

.app-matte--open {
    display: block;
    overflow: auto
}

.app-matte__inner {
    position: relative;
    width: 100%;
    max-width: 806px;
    min-height: 480px;
    z-index: 5000;
    margin: 150px auto 0;
    text-align: center;
    -webkit-animation-name: a;
    -moz-animation-name: a;
    -o-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

@media (max-width: 1000px) {
    .app-matte__inner {
        max-width: 604px
    }
}

@media (max-width: 720px) {
    .app-matte__inner {
        width: 80%;
        margin-top: 40px
    }
}

.app-matte__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 720px) {
    .app-matte__content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.app-matte__close-button {
    position: absolute;
    right: -50px;
    top: -50px;
    font-size: 17px;
    padding: 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #111;
    color: #fff
}

.app-matte__close-button:hover {
    cursor: pointer
}

@media (max-width: 720px) {
    .app-matte__close-button {
        right: -30px;
        top: -30px
    }
}

.app-matte__col {
    width: 400px;
    height: 400px;
    background-color: transparent;
    border: 4px solid transparent;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media (max-width: 1000px) {
    .app-matte__col {
        width: 300px;
        height: 300px
    }
}

@media (max-width: 720px) {
    .app-matte__col {
        width: 100%;
        height: 335px;
        margin-bottom: 10px
    }
}

.app-matte__col-inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 68px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding-bottom: 20px
}

@media (max-width: 1000px) {
    .app-matte__col-inner {
        padding: 0 20px
    }
}

.app-matte__image-container img {
    max-width: 215px;
    width: 100%
}

@media (max-width: 1000px) {
    .app-matte__image-container img {
        max-width: 150px
    }
}

.app-matte__heading {
    font-size: 18px
}

.app-matte__heading strong {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.app-matte__text {
    font-size: 18px;
    margin-top: 20px
}

.app-matte__text a {
    color: #fff
}

.app-matte__text a strong {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-weight: 700
}

.app-matte__banner-open {
    border: none;
    color: #fff
}

.app-matte__banner-open:hover {
    cursor: pointer;
    color: #fff
}

.testimonial-slider-2-col__item-container {
    display: none;
    width: 100%
}

.testimonial-slider-2-col__item-container:first-child {
    display: block
}

.testimonial-slider-2-col__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .testimonial-slider-2-col__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.testimonial-slider-2-col__image-container {
    width: 55%
}

.testimonial-slider-2-col__body {
    width: 75%;
    text-align: center
}

@media (min-width: 768px) {
    .testimonial-slider-2-col__body {
        padding-left: 20px;
        width: 45%;
        text-align: left
    }
}

.testimonial-slider-2-col__quote {
    font-size: 22px;
    line-height: 1.3
}

.testimonial-slider-2-col__link {
    font-size: 12px;
    color: #111
}

.testimonial-slider-2-col__author {
    font-size: 14px
}

.testimonial-slider-2-col__author, .testimonial-slider-2-col__quote {
    margin-top: 10px
}

@media (min-width: 768px) {
    .testimonial-slider-2-col__author, .testimonial-slider-2-col__quote {
        margin-top: 0
    }
}

.testimonial-slider-2-col__image {
    width: 100%
}

.appDownload {
    margin-bottom: 5rem
}

.appDownload .inner {
    width: 500px;
    background: #fdeef7;
    background: -webkit-linear-gradient(31deg, #fdeef7, #fff8f7);
    background: -moz-linear-gradient(31deg, #fdeef7 0, #fff8f7 100%);
    background: -o-linear-gradient(31deg, #fdeef7 0, #fff8f7 100%);
    background: linear-gradient(59deg, #fdeef7, #fff8f7);
    padding: 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media (max-width: 768px) {
    .appDownload .inner {
        width: 100%
    }
}

.appDownload .inner:before {
    position: absolute;
    z-index: 5;
    content: "";
    background: url(../img/SVG/bg-suite-left.svg) no-repeat;
    width: 410px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    display: block;
    height: 600px;
    top: 0;
    left: 0
}

.appDownload .inner .text {
    position: relative;
    z-index: 6
}

.appDownload .inner img {
    max-width: 100%
}

.screen-reader-text {
    display: none
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem
}

img.shadow {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

@font-face {
    font-display: swap;
    font-family: "Gilroy";
    font-style: normal;
    src: url(../../../themes/odin-com/font/Gilroy-ExtraBold.otf) format(""), url(../../../themes/odin-com/font/Gilroy-ExtraBold.woff) format("woff"), url(../../../themes/odin-com/font/Gilroy-ExtraBold.ttf) format("truetype");
    font-weight: 700
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.twentytwenty-before-label, .twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, .2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

@font-face {
    font-family: TablePress;
    src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAA0AAAAACZAAAAN+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICoQIgnILFgABNgIkAygEIAWGcgeBARv6B8iuBzK53oAhKg2KWDsrezjalSefocfD9/uZ575PSbYEqJHAIdo6tMDGdCprFIHd+F9r+rZE46O2iHBJfoAuxwW0yfgKS8KGVFE4dHX1gPmgVhzwhcJbReQ9RWXcraeutbmNHE7T7B1sex8stfMfnkvv0XsgUZrYO1hirXme9TnUkBvQ22RGX50VAr48H54Cn9b8GD73edAAhjboBpIQ6kKOhCz7GA8V5HfzyeA6h0mnrFTJnPjxC7KCrl9caqIUg0EAYACGDBn6YGCxeIE+EkwANTWJX/brZpNfyE5o/7r9uPZjS4tESbCTExLCjxOEbxGi2dQeNEAXUMMlvADkqSV0IHXtkQXNOnI2ctJpRIPt8+HjNivx3rlQYA8FqGwdCxF2aZrdJluMnaqFvy+yngVKbBcn0fSOd1xTpnW4HTkptV8Gi2kvCeUHC0BD+D0VKMIqXniZPJyPya9D7gT6DvUpwJER6avgKDsOfW9jU+YGc/ng6MhA3VSar3NdtvrD9WHZurKVKYOi0RwlY9500YSuWDE084F+jMinu4sTudD5yBTTozA9Horpmb+M3TwIBHempnzdpu1/raWypX0JND/ki4p71CQQlFqnAvkijABrVFIq5BdNJbFncoBOF03/h3IINPQRBxJCYDoAOnkRIDR0w0BSmYiBzDinAuQ6eROg0DEGY6DUiEUYqKyILwFq2qS9GKhrpFsykdeFLmDjknYG4jKbNeNyQ1zhCoP840pdYiqu8jTW4mp6pMXH1HVJp8wRmHmQKTKiUOBVSMHrlKuBlYidxkMgw6/bMoG5RD6qfs8yO8LVqFCFa8ELrcVLEqTaS7UG5aqVq1GlWi28k3rRgCjbiU+qqOItvDEqXjkvwF/dUF595jB8LSqqgwIWAWsRmcJJ5GsHbYUqVbirBi5IpRMxLso/i2oSA6ZYDoMFCiknI7ZkGacSVYUjlLSXyG8n08nOQcXTeyzU5ozbiGRQZRt0vu/TMoEV8RLI3DiBSiVzMtNKAPgErlwLoqiAY2fJ9UbRMU/0rz38UP5FQtH3i8V3KYSHYJdSYRnwW8XazUAUop3gQY19hkEH98OA2QQ6wg0S+FjtwOwdOvF5J2VXBBLQmo2EAxsIKVJkkUcRZVRRa7NrP+my6Ns8cKszHYJf+fPPLPTq5vFcmYKZNL+fn1CZDgoYecKZHwA=) format('woff2'), url(../../../plugins/tablepress/css/tablepress.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.tablepress-table-description {
    clear: both;
    display: block
}

.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none
}

.tablepress td, .tablepress th {
    padding: 8px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none !important
}

.tablepress tbody td {
    vertical-align: top
}

.tablepress tbody td, .tablepress tfoot th {
    border-top: 1px solid #ddd
}

.tablepress tbody tr:first-child td {
    border-top: 0
}

.tablepress thead th {
    border-bottom: 1px solid #ddd
}

.tablepress tfoot th, .tablepress thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle
}

.tablepress .odd td {
    background-color: #f9f9f9
}

.tablepress .even td {
    background-color: #fff
}

.tablepress .row-hover tr:hover td {
    background-color: #f3f3f3
}

.tablepress img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: none
}

.dataTables_wrapper {
    clear: both;
    margin-bottom: 1em
}

.dataTables_wrapper .tablepress {
    clear: both;
    margin: 0 !important
}

.dataTables_length {
    float: left;
    white-space: nowrap
}

.dataTables_filter {
    float: right;
    white-space: nowrap
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_info {
    clear: both;
    float: left;
    margin: 4px 0 0
}

.dataTables_paginate {
    float: right;
    margin: 4px 0 0
}

.dataTables_paginate a {
    color: #111 !important;
    display: inline-block;
    outline: 0;
    position: relative;
    text-decoration: underline;
    margin: 0 5px
}

.dataTables_paginate a:first-child {
    margin-left: 0
}

.dataTables_paginate a:last-child {
    margin-right: 0
}

.paginate_button:hover {
    cursor: pointer;
    text-decoration: none
}

.paginate_button.disabled {
    color: #999 !important;
    text-decoration: none;
    cursor: default
}

.paginate_button.current {
    font-weight: 700;
    text-decoration: none;
    cursor: default
}

.dataTables_paginate.paging_simple {
    padding: 0 15px
}

.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before {
    text-align: left;
    font-family: TablePress;
    font-size: 14px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    text-shadow: .1em .1em #666;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -14px;
    margin: auto;
    height: 14px;
    width: 14px;
    line-height: 1
}

.paging_simple .paginate_button.next:after {
    text-align: right;
    content: "\f054";
    left: auto
}

.paginate_button:after, .paginate_button:before {
    color: #d9edf7
}

.paginate_button:hover:after, .paginate_button:hover:before {
    color: #049cdb
}

.paginate_button.disabled:after, .paginate_button.disabled:before {
    color: #f9f9f9
}

.dataTables_processing {
    display: none
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.tablepress .sorting, .tablepress .sorting_asc, .tablepress .sorting_desc {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    outline: 0
}

.tablepress .sorting:after, .tablepress .sorting_asc:after, .tablepress .sorting_desc:after {
    font-family: TablePress;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 6px;
    margin: auto;
    height: 14px;
    line-height: 1
}

.tablepress .sorting:after {
    content: "\f0dc"
}

.tablepress .sorting_asc:after {
    content: "\f0d8";
    padding: 0 0 2px
}

.tablepress .sorting_desc:after {
    content: "\f0d7"
}

.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #049cdb
}

.dataTables_scrollBody .tablepress thead th:after {
    content: ""
}

.dataTables_wrapper:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.dataTables_wrapper label input, .dataTables_wrapper label select {
    display: inline;
    margin: 2px;
    width: auto
}

.languageSelector {
    background-color: #1f272d;
    padding: 10px 0;
    font-size: 14px;
    text-align: center
}

.languageSelector .wpml-ls-legacy-dropdown-click {
    max-width: 100%
}

.languageSelector .wpml-ls-legacy-dropdown-click > ul {
    position: relative;
    padding: 0;
    margin: 0 !important;
    overflow: hidden;
    list-style-type: none
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-item {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center
}

@media (max-width: 768px) {
    .languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-item {
        display: block
    }
}

.languageSelector .wpml-ls-current-language > .wpml-ls-item-toggle {
    margin-top: 3px
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle span, .languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a span {
    vertical-align: top
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    position: relative
}

.languageSelector .rtl .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle {
    padding-right: 10px;
    padding-left: calc(10px + 0.7em + 0.7em)
}

.languageSelector .rtl .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:after {
    right: auto;
    left: 10px
}

.languageSelector .wpml-ls-legacy-dropdown-click a:hover, .languageSelector .wpml-ls-legacy-dropdown-click a:focus {
    color: #fff;
    background: #06090c
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    visibility: hidden;
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 0;
    border-top: 1px solid #30404d;
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 99
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0 1px 1px 1px
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    width: 18px;
    height: 12px
}

.languageSelector .wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {
    margin-left: 0
}

.languageSelector .odin-dropdown-switcher {
    width: 100%;
    margin-bottom: 0
}

.languageSelector .odin-dropdown-switcher .wpml-ls-item-toggle {
    padding: 0;
    border: 0;
    background: none;
    font-weight: 500;
    pointer-events: none;
    line-height: auto;
    color: #fff;
    margin: 0
}

.languageSelector .odin-dropdown-switcher .wpml-ls-item-toggle img {
    margin-right: 5px;
    width: 15px;
    margin-top: -4px
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu {
    visibility: inherit !important;
    position: relative;
    border: 0;
    left: auto;
    top: auto;
    bottom: auto;
    margin-left: 12px
}

@media (max-width: 768px) {
    .languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu {
        margin-left: 0
    }

    .languageSelector .odin-dropdown-switcher .wpml-ls-item-toggle {
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #45535e
    }
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li {
    display: inline-block;
    margin-top: 1px
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a {
    padding: 8px;
    transition: all 0.2s ease;
    border-radius: 5px;
    margin: 0;
    background: none;
    color: #b1bfca
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a:hover {
    color: #fff;
    background: #182026
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a {
    padding: 8px;
    transition: all 0.2s ease;
    border-radius: 5px;
    margin: 0;
    background: none
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a:before, .languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a:after {
    display: none
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li a img {
    display: none
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu .wpml-ls-link {
    border-top: 0;
    border-bottom: 0;
    padding: 8px 16px;
    flex: 1;
    display: flex
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li:first-child .wpml-ls-link {
    padding-top: 8px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.languageSelector .odin-dropdown-switcher .wpml-ls-sub-menu li:last-child .wpml-ls-link {
    padding-bottom: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.wpml-ls-legacy-dropdown-click ul {
    padding-left: 0
}

body.page-template-template-odin-base .odin-navbar-collapse .odin-dropdown-switcher ul li.wpml-ls-item button {
    background-color: #fff
}