.footer_responsive_button {
    display: none;
}

.responsive_shown {
    display: block;
}

body {
    min-width: 0;
}

/* -- Container Widths */

@media screen and (min-width : 1100px) {
    .container:not(.thin) {
        width: 1100px;
    }
}

@media screen and (min-width : 1200px) {
    .container:not(.thin) {
        width: 1200px;
    }

    .container.thin {
        width: 750px;
    }

    .spacer_lg {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .spacer_top_lg {
        margin-top: 15px;
    }

    .spacer_bottom_lg {
        margin-bottom: 15px;
    }

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

    .padder_right_lg {
        padding-right: 15px;
    }

    .padder_left_lg {
        padding-left: 15px;
    }

    .nopadding_lg {
        padding: 0 !important;
    }

    .nopadding_right_lg {
        padding-right: 0 !important;
    }

    .nopadding_left_lg {
        padding-left: 0 !important;
    }

    .push_right_lg {
        float: right;
    }

    .push_left_lg {
        float: left;
    }

    .btn_block_lg {
        display: block;
        float: none;
    }

    a.link_block_lg {
        display: block;
        padding: 8px 0;
        margin-top: 5px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 25px;
        position: relative;
    }

        a.link_block_lg:hover {
            background-color: rgba(0,0,0,0.1);
        }

    .grid_blocks > .col-lg-12 {
        float: none;
    }
}

@media screen and (min-width : 1300px) {
    .container:not(.thin) {
        width: 1300px;
    }

    #calendlyInline {
        height: 1100px;
    }
}

@media screen and (min-width : 1400px) {
    .container:not(.thin) {
        width: 1355px;
    }
}

@media screen and (min-width : 1440px) {
    .container:not(.thin) {
        width: 1400px;
    }
}

@media screen and (min-width : 1450px) {
    .container:not(.thin) {
        width: 1445px;
    }

    #calendlyInline {
        height: 700px;
    }
}

@media screen and (min-width : 1600px) {
    .container:not(.thin) {
        width: 1550px;
    }
}

@media screen and (min-width : 1800px) {
    .container:not(.thin) {
        width: 1750px;
    }

    .panel_menu li {
        max-width: 100px;
    }

        .panel_menu li:not(.active) a {
            transform: rotateZ(180deg) translate(10px, 10px);
        }

    .main_section .col-sm-push-2 {
        left: 12.667%;
    }

    .marketing .section, .pricing_section .section {
        font-size: 1.1em;
    }

    .widget_rotating_text .image > div {
        width: 700px !important;
    }
}

@media screen and (min-width : 992px) {

    .nopadding_md {
        padding: 0 !important;
    }

    .nopadding_right_md {
        padding-right: 0 !important;
    }

    .nopadding_left_md {
        padding-left: 0 !important;
    }

    .push_right_md {
        float: right;
    }

    .push_left_md {
        float: left;
    }
}

@media screen and (min-width : 768px) {

    .nopadding_sm {
        padding: 0 !important;
    }

    .nopadding_right_sm {
        padding-right: 0 !important;
    }

    .nopadding_left_sm {
        padding-left: 0 !important;
    }

    .push_right_sm {
        float: right;
    }

    .push_left_sm {
        float: left;
    }
}

@media screen and (max-width : 0) {

    .nopadding_xs {
        padding: 0 !important;
    }

    .nopadding_right_xs {
        padding-right: 0 !important;
    }

    .nopadding_left_xs {
        padding-left: 0 !important;
    }

    .push_right_xs {
        float: right;
    }

    .push_left_xs {
        float: left;
    }
}

@media screen and (max-width : 1600px) {
    .archetype_phrase {
        font-size: 12px;
    }

    .narrative_map .archetype_group .archetype {
        padding: 0 15px;
        height: 60px;
    }
}

@media screen and (max-width : 1500px) {
    .widget_video_area .video img {
        max-width: 600px;
    }
}

@media screen and (max-width : 1300px) {

    .narrative_map .archetype_group .archetype {
        font-size: 11px;
    }

    .widget_video_area .video img {
        max-width: 500px;
    }
}

@media screen and (max-width : 1199px) {


    .navbar#navigation ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown {
        width: 400px;
    }

    .hybrid_mega_dropdown .hybrid_title {
        padding-right: 15px;
    }

    .hybrid_mega_dropdown .hybrid_links {
        padding-right: 0px;
    }

    .hybrid_mega_dropdown .hybrid_image,
    .hybrid_mega_dropdown .hybrid_youtube {
        display: none;
    }

    .spacer_md {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .spacer_top_md {
        margin-top: 15px;
    }

    .spacer_bottom_md {
        margin-bottom: 15px;
    }

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

    .padder_right_md {
        padding-right: 15px;
    }

    .padder_left_md {
        padding-left: 15px;
    }

    .btn_block_md {
        display: block;
        float: none;
    }

    a.link_block_md {
        display: block;
        padding: 8px 0;
        margin-top: 5px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 25px;
        position: relative;
    }

        a.link_block_md:hover {
            background-color: rgba(0,0,0,0.1);
        }



    .narrative_map {
        font-size: 12px;
    }

        .narrative_map .archetype_group .archetype {
            padding: 0 10px;
            height: 60px;
        }

    .archetype_phrase {
        font-size: 11px;
    }

    .archetypes_animation .grid_block > div {
        font-size: 1.5em;
    }

    .subscription_block {
        height: auto;
        width: auto;
    }

    .results_container .drag_container .draggable {
        width: 400px;
    }

    .widget_video_area .video img {
        max-width: 300px;
    }

    .widget_rotating_text .image > div {
        width: 400px !important;
    }
}

@media screen and (max-width : 1199px) and (min-width : 992px) {
    .grid_blocks > .col-md-12 {
        float: none;
    }
}

@media screen and (max-width : 991px) {

    .container {
        width: 100%;
    }

    /*#region --- Navigation */

    .navbar#navigation #navigation-content > ul {
        position: relative;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown {
        width: 100px !important;
        padding-top: 0;
        min-height: 0;
        height: auto;
    }

    .navbar#navigation #navigation-content > ul > li.has_megamenu {
        position: static;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown {
        position: relative !important;
    }

    .navbar#navigation ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown {
        width: 523px;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_title,
    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_image {
        display: none;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_links ul {
        width: 100%;
        margin: 0;
    }

        .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_links ul li {
            margin: 0;
        }

        .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_links ul a {
            display: block;
            margin: 0;
            padding: 8px 0;
        }

    .navbar#navigation #navigation-content > ul > li > a {
        font-size: 0.9em;
    }

    .block_menu li {
        font-size: .9em;
    }

        .block_menu li a {
            height: 70px;
            line-height: 1.1em;
            padding: 5px 10px;
        }

    .panel_menu {
        font-size: .8em;
    }

        .panel_menu li {
            width: 125px;
        }
    /*#endregion*/

    /*.intro .home_title,
    .intro .archetypes_animation {
        grid-column: 3 / 10;
    }

    .archetypes_animation .floating {
        height: 200px !important;
        max-height: 200px;
        width: 200px !important;
        max-width: 200px;
    }


    .archetypes_animation .grid_block {
        min-height: 0 !important;
    }

        .archetypes_animation .grid_block > div {
            font-size: 1.3em !important;
            max-width: 100% !important;
        }


    .tools .group:nth-child(2n+1) {
        grid-column: 1 / 5;
    }

    .tools .group:nth-child(2n+2) {
        grid-column: 6 / 10;
    }

    .tools .video,
    .clickthroughs {
        grid-column: 3 / 10;
    }

    .clickthroughs {
        flex-flow: column;
        margin: 50px 0;
        padding: 0 2em 0 calc(2em + 30px);
    }

        .clickthroughs .cta {
            width: 230px;
            margin: 0 auto;
        }*/
    /* old safari doesnt understand flexbox gap :/ */
    /*.clickthroughs .cta + .cta {
                margin-top: 20px;
            }

            .clickthroughs .cta .cta_text {
                font-size: .8em;
            }*/

    /*.lower_banner {
        height: 160px;
    }

    .lower_nav {
        margin-bottom: 0px;
    }

    .content_grid .main-content,
    .content_grid .middle-content,
    .content_grid .right-content {
        grid-column: 3 / 10 !important;
    }*/

    #calendlyInline {
        padding: 0 15px;
        height: 1000px;
    }


    /*.sub_one {
        grid-column: 1 / 5;
    }

    .sub_two {
        grid-column: 6 / 10;
    }

    .subscription_block {
        width: 350px;
        height: 350px;
    }

        .subscription_block .price {
            margin-top: 0;
        }

            .subscription_block .price h1 {
                font-size: 3em;
            }


    .sub_one,
    .sub_two {
        grid-column: 2 / 10 !important;
        margin-top: 30px;
        padding-left: 25px;
    }

    .sub_one {
        grid-row: 3;
    }

        .sub_one.subscription_block {
            grid-row: 4;
        }*/

    .module_article_image.copy {
        display: block;
    }


    .module_article_image.sidebar {
        display: none;
    }

    .btn_block_sm {
        display: block;
        float: none;
    }

    a.link_block_sm {
        display: block;
        padding: 8px 0;
        margin-top: 5px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 25px;
        position: relative;
    }

        a.link_block_sm:hover {
            background-color: rgba(0,0,0,0.1);
        }

    .spacer_sm {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .spacer_top_sm {
        margin-top: 15px;
    }

    .spacer_bottom_sm {
        margin-bottom: 15px;
    }

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

    .padder_right_sm {
        padding-right: 15px;
    }

    .padder_left_sm {
        padding-left: 15px;
    }

    img.alignleft,
    img.alignright {
        display: block;
        float: none;
    }

    .left_container {
        width: 110px;
    }

    .widget_rotating_text .rotating_flex {
        flex-flow: column;
        width: 100%;
        padding: 0 15px;
        margin: auto;
    }

    .join_container .join_flex {
        flex-flow: column;
        gap: 2em;
    }
}

@media screen and (max-width : 991px) and (min-width : 768px) {
    .grid_blocks > .col-sm-12 {
        float: none;
    }
}

@media screen and (max-height : 745px) {
    .page_home #page {
        height: auto;
    }

    .homepage_cards .block_menu li {
        height: 200px;
    }
}

@media screen and (max-height : 700px) {
    .page_home h1 {
        font-size: 2.5em;
    }

    .homepage_cards .block_menu li {
        height: 170px;
    }

        .homepage_cards .block_menu li a {
            font-size: 1.9em;
        }
}

@media screen and (max-height : 500px) {
    body {
        --header-margin: 24px;
    }

    body {
        font-size: .9em;
    }

    h1 {
        font-size: 2.4em;
    }

    h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.6em;
    }

    h4 {
        font-weight: 300;
        font-size: 1em;
    }

    p {
        font-size: 1em;
    }

    img {
        max-width: 100%;
    }

    .col-sm-push-2 {
        left: 13.667%;
    }

    .container {
        width: 100%;
    }

    .left_container {
        width: 90px;
        font-size: .9em;
    }

    .marketing {
        --section-margin: 30px;
    }

        .marketing .section,
        .pricing_section .section {
            min-height: 500px;
            height: auto;
        }

            .marketing .section > .container,
            .pricing_section .section > .container {
                --section-margin: 45px;
            }

    .left_container .logo img {
        margin-bottom: 7px;
    }

    .left_container .sticky_container {
        top: var(--header-margin);
        height: calc(100vh - var(--header-margin) - 17px);
    }

    .right_container > .white {
        display: flex;
        justify-content: end;
        gap: 20px;
        font-size: 1em;
    }

        .right_container > .white .logo img {
            height: 60px;
            min-width: fit-content;
            margin-top: -8px;
        }

    .block_menu {
        height: 100%;
        gap: 7px;
    }

        .block_menu li {
            flex: 1 1 0px;
        }

            .block_menu li span {
                display: none;
                /*top: 7px;
                right: 10px;*/
            }

            .block_menu li a {
                border-radius: 15px;
                font-size: 1em;
                height: 100%;
            }

            .block_menu li.active a {
                border-width: 2px;
            }

    .panel_menu li span,
    .panel_menu li a {
        font-size: 1.3em;
        padding-bottom: 20px;
    }

    .panel_menu li.active {
        width: 125px;
    }

    .pricing_section::before {
        content: none;
    }

    .pricing_section .images_container {
        display: none;
    }

    .widget_three_cards .cards {
        max-width: 480px;
    }

        .widget_three_cards .cards .card {
            width: 100%;
            min-height: 200px;
            height: fit-content;
        }

        .widget_three_cards .cards .cardtwo {
            margin-top: 15px;
        }

        .widget_three_cards .cards .cardthree {
            margin-top: 0;
            margin-left: 0;
        }


    .widget_video_area .video {
        border-width: 5px;
        flex-flow: column;
        padding: 30px;
    }

    .widget_rotating_text .rotating_flex {
        width: calc(100% - 17%);
        margin-left: 0;
    }

    .widget_two_column[data-dots="true"] .text2::before,
    .widget_two_column[data-dots="true"] .text2::after,
    .widget_rotating_text[data-dots="true"] .image::before,
    .widget_rotating_text[data-dots="true"] .image::after {
        --distance: -25px;
        --heightwidth: 75px;
    }
}

@media screen and (max-width : 767px) {
    body {
        -webkit-text-size-adjust: 100%;
        --header-margin: 20px;
    }

    .btn {
        display: block;
        width: fit-content;
        margin: 10px auto !important;
        font-size: 13px !important;
        line-height: 1.7em !important;
        position: relative;
        z-index: 4;
    }

        .btn + .btn {
            margin-top: 10px;
        }

    .btn_block_xs {
        display: block;
        float: none;
    }

    .col-sm-push-2 {
        left: 0 !important;
    }

    .spacer_xs {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .spacer_top_xs {
        margin-top: 15px;
    }

    .spacer_bottom_xs {
        margin-bottom: 15px;
    }

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

    .padder_right_xs {
        padding-right: 15px;
    }

    .padder_left_xs {
        padding-left: 15px;
    }

    a.link_block_xs {
        display: block;
        padding: 8px 0;
        margin-top: 5px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 25px;
        position: relative;
    }

        a.link_block_xs:hover {
            background-color: rgba(0,0,0,0.1);
        }

    h1 {
        font-size: 2.8em;
        line-height: 1.1em;
        letter-spacing: 0;
    }

    h2 {
        font-size: 2em;
        font-weight: 500;
    }

    h3 {
        font-size: 1.8em;
    }

    h4,
    h5,
    h6,
    p {
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.6em;
    }

    .page_home h1 {
        font-size: 1.5em;
    }

    img {
        max-width: 100%;
        height: auto !important;
    }

    iframe {
        max-width: 100%;
    }

    table {
        max-width: 100%;
    }

    img.alignright {
        max-width: 45%;
        height: auto !important;
    }

    img.alignleft {
        max-width: 45%;
        height: auto !important;
    }

    img.alignright {
        max-width: 100%;
        float: none;
        margin: 4px auto;
    }

    img.alignleft {
        max-width: 100%;
        float: none;
        margin: 4px auto;
    }

    img.fullwidth {
        max-width: 100%;
        margin: 5px 0;
        height: auto !important;
    }

    img.aligncenter {
        max-width: 100%;
        margin: 5px auto;
        height: auto !important;
    }

    .responsive_hidden {
        display: none;
    }

    .responsive_shown {
        display: block;
    }

    .left_container {
        width: 0 !important;
        z-index: 5;
    }

        .left_container .sticky_container {
            top: var(--header-margin);
        }
    /*-----------------------------------------------------------------------------------------------*/
    /*#region -- HEADER */
    #header {
        position: relative;
        z-index: 5;
    }

        #header .mobile_logo {
            position: fixed;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1;
        }

            #header .mobile_logo .logo + .logo {
                display: none;
            }

        #header .logo img {
            position: relative;
            margin-top: var(--header-margin);
            width: 90px;
            max-height: 70px;
        }

        #header .header-actions {
            flex-wrap: nowrap;
        }

            #header .header-actions .hamburger {
                order: 3;
            }

            #header .header-actions .info-container {
                flex-basis: auto;
            }

    body:not(.master_private) #header .header-actions {
        display: flex;
    }
    /*#endregion*/

    /*-----------------------------------------------------------------------------------------------*/
    /* PRIMARY NAVIGATION */

    /*#region -- Nav*/
    .navbar#navigation {
        background: none;
        margin-bottom: 0;
        min-height: 0;
    }

        .navbar#navigation .navbar-header {
            margin-left: 0px;
            margin-right: 0px;
        }

        .navbar#navigation .navbar-toggle {
            margin-left: 5px;
        }

        .navbar#navigation .navbar-collapse#navigation-content {
            padding-left: 15px;
            padding-right: 15px;
        }

        .navbar#navigation #navigation-content > ul > li > a {
            text-align: left;
        }

        .navbar#navigation #navigation-content > ul > li .glyphicon {
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -0.5em;
        }

        .navbar#navigation #navigation-content > ul > li:hover > a {
            /* background-color: rgba(0, 0, 0, 0.2);*/
        }

        .navbar#navigation #navigation-content > ul {
            margin: 0;
        }

        .navbar#navigation #navigation-content li.dropdown ul.dropdown-menu,
        .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown {
            position: static !important;
            float: none;
            min-width: 0px;
            width: 100%;
            height: auto;
            border: none;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

        .navbar#navigation #navigation-content li.dropdown > a {
            position: relative;
            padding-left: 20px;
            padding-right: 20px;
        }

        .navbar#navigation #navigation-content ul.nav > li.dropdown > a {
            padding-left: 15px;
            padding-right: 15px;
        }

        .navbar#navigation #navigation-content li.dropdown > a .glyphicon-triangle-bottom,
        .navbar#navigation #navigation-content li.dropdown > a .glyphicon-menu-down {
            position: absolute;
            display: inline-block;
            top: 50%;
            right: 20px;
            margin: -6px 0px 0px 0px;
        }

        .navbar#navigation #navigation-content li.dropdown > a {
            font-weight: bold;
        }

            .navbar#navigation #navigation-content li.dropdown > a .glyphicon-triangle-right,
            .navbar#navigation #navigation-content li.dropdown > a .glyphicon-chevron-right {
                position: static !important;
            }

                .navbar#navigation #navigation-content li.dropdown > a .glyphicon-chevron-right:before {
                    content: "\e258";
                }

        .navbar#navigation #navigation-content ul.dropdown-menu {
            min-height: 0px;
            padding-left: 15px;
            padding-right: 15px;
            background: #fff !important;
        }

        .navbar#navigation #navigation-content > ul > li ul.dropdown-menu > li > a {
            color: #444 !important;
            background: #fff !important;
            border-bottom: 1px solid #ccc;
            padding-left: 0;
        }

        .navbar#navigation #navigation-content > ul > li ul.dropdown-menu > li {
            border-top: 0 !important;
            padding-top: 5px;
        }

        .navbar#navigation #navigation-content ul.dropdown-menu > li.dropdown.mega_dropdown:hover > a,
        .navbar#navigation #navigation-content ul.dropdown-menu > li.dropdown.mega_dropdown.maintain_hover > a {
            background-color: #c8c8c8;
            background-image: linear-gradient(to bottom,#d5d5d5 0,#c8c8c8 100%);
        }

        .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_links ul a {
            position: relative;
            color: #666 !important;
            padding: 12px 0;
            padding-right: 20px;
            border-top: 1px solid #eee;
        }

        .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown .hybrid_links ul:first-child li:first-child a {
            border-top: 0;
        }

        .navbar#navigation #navigation-content .sub-menu.hybrid_mega_dropdown {
            position: static;
            visibility: visible !important;
            background: none !important;
            float: none;
            padding-left: 0px;
            min-width: 0px;
            width: auto !important;
            min-height: 0px;
            height: auto;
            border-right: none;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

    .navbar a .glyphicon-triangle-right,
    .navbar a .glyphicon-chevron-right {
        position: static;
    }

    .navbar#navigation #navigation-content li.dropdown .mega_dropdown > a .glyphicon-triangle-bottom,
    .navbar#navigation #navigation-content li.dropdown .mega_dropdown > a .glyphicon-menu-down {
        display: none;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu.hybrid_mega_dropdown {
        width: 100% !important;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown .sub-menu {
        visibility: visible;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown:hover .sub-menu,
    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown.maintain_hover .sub-menu {
        display: block;
    }

    .navbar#navigation #navigation-content ul.dropdown-menu li.dropdown.block_hover .sub-menu {
        display: none;
    }

    /*#endregion*/

    /*#region -- Block Menu */

    .block_menu {
        gap: 7px;
        transition: all .3s ease;
    }

        .block_menu li {
            background: var(--pri);
            border-radius: 11px;
            min-height: 40px;
            flex: none;
            width: fit-content;
            transition: all .3s ease;
        }

            .block_menu li span {
                top: 7px;
                right: 9px;
                transition: all .3s ease;
            }

            .block_menu li a {
                height: 65px;
                width: 90px;
                padding: 5px 9px;
                border-radius: 11px;
                font-size: 1em;
                line-height: 1.3em;
                transition: all .3s ease;
            }

        .block_menu:not(.open) {
            gap: 0;
        }

            .block_menu:not(.open) li {
                background: var(--pri);
                min-height: 15px;
                max-width: 75px;
            }

                .block_menu:not(.open) li + li {
                    margin-top: -10px;
                }

                .block_menu:not(.open) li a {
                    max-height: 0;
                    opacity: 0;
                    padding: 0;
                    border: none;
                    overflow: hidden;
                }

                .block_menu:not(.open) li span {
                    max-height: 0;
                    opacity: 0;
                    overflow: hidden;
                }

    /*#endregion*/

    /*-----------------------------------------------------------------------------------------------*/
    /* PAGE HOME */
    .pricing_section {
        padding-top: 50px;
    }

        .pricing_section .section {
            height: auto;
        }

    .marketing,
    .pricing_section {
        --section-margin: 50px;
    }

        .marketing .section, .pricing_section .section {
            min-height: 650px;
        }
    /*#region ----- Home ----- */
    .homepage_cards .block_menu {
        gap: 10px;
    }

        .homepage_cards .block_menu li {
            height: 100%;
            width: 100%;
        }

            .homepage_cards .block_menu li span {
                font-size: 1.35em;
            }

            .homepage_cards .block_menu li a {
                font-size: 1.35em;
                height: 150px;
                width: 100%;
                padding: 14px;
                border-radius: 11px;
            }


    .page_home #page {
        padding-top: 137px;
        background-size: 100% auto;
    }

    /*#endregion*/

    /*#region ----- Lower  ----- */

    .main_section {
        padding-top: 80px !important;
    }

    .page_subscription .main_section {
        padding-top: 0px !important;
    }

    .login_container {
        margin-top: 20px;
        padding-top: 50px !important;
        padding-bottom: 80px !important;
    }

        .login_container:not(.white) {
            border-radius: 0;
            margin: 0 -15px !important;
        }


    .login_image {
        position: static;
        transform: none;
    }

    .page_join .login_container {
        margin-top: 60px !important;
    }

    .page_join .main_section {
        min-height: auto;
    }
    /*#endregion*/
    /*#region ----- Widgets ----- */
    .widget_two_column[data-dots="true"] .text2 {
        margin: 40px 0px;
    }

        .widget_two_column[data-dots="true"] .text2::before,
        .widget_two_column[data-dots="true"] .text2::after,
        .widget_rotating_text[data-dots="true"] .image::before,
        .widget_rotating_text[data-dots="true"] .image::after {
            --heightwidth: 70px;
            --distance: -20px;
        }

    .widget_rotating_text .image > div {
        width: 300px !important;
        height: auto !important;
    }

    .widget_three_cards .cards .card {
        width: 100%;
        min-height: 200px;
        height: fit-content;
    }

        .widget_three_cards .cards .card .card_text {
            opacity: 1;
        }

    .widget_three_cards .cards .cardtwo {
        margin-top: 15px;
    }

    .widget_three_cards .cards .cardthree {
        margin-top: 0;
        margin-left: 0;
    }

    .widget_video_area .video {
        border-width: 5px;
        flex-flow: column;
        padding: 20px 20px 30px;
    }

    .widget_prices .price {
        font-size: 1em;
    }

        .widget_prices .price .price_number {
            font-size: 1.5em;
        }

    .widget_prices .or {
        margin: 1em 0;
    }

    .widget_prices .prices_title {
        text-align: center;
    }

    .widget_prices .col-sm-5 + .col-sm-5 {
        display: none;
    }

    .widget_prices .row {
        justify-content: center;
    }

    .widget_rotating_text .rotating_container {
        margin-bottom: 50px;
    }

    .pricing_section::before {
        content: none;
    }

    .page_subscription .page_title {
        margin-bottom: 40px;
    }

    .widget_video_area .video img {
        max-width: 100% !important;
    }
    /*#endregion*/
    /*-----------------------------------------------------------------------------------------------*/
    .grid_blocks {
        margin-top: 0;
    }

        .grid_blocks > .col-xs-12 {
            float: none;
        }

    .news_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .page_title {
        margin-bottom: 0;
    }

    .lower_banner {
        height: 120px;
    }

        .lower_banner h1, .lower_banner p {
            margin-top: 67px;
        }

        .lower_banner .container h1,
        .lower_banner .container p {
            font-size: 2em;
        }

    .faq_section .page_title {
        margin-bottom: 50px;
        margin-top: 0;
    }
    /*
    .content_grid .main-content,
    .content_grid .middle-content,
    .content_grid .right-content {
        grid-column: 1 / 10 !important;
        width: 100%;
    }

    .has_demo .content_grid .main-content,
    .has_demo .content_grid .middle-content,
    .has_demo .content_grid .right-content {
        grid-column: 2 / 10 !important;
        padding-left: 25px;
        width: 100%;
    }*/


    #calendlyInline {
        height: 1000px;
    }
    /*

    .subscription_block {
    }

        .subscription_block .price h1 {
            font-size: 2em;
        }

        .subscription_block .price h2 {
            margin-top: 0;
        }*/

    .radnb.expandable .header:hover {
        cursor: pointer;
    }

    .radnb.expandable .header .btn-icon {
        min-width: 15px;
    }


    .radnb.expandable .content_text {
        margin: 0 -15px !important;
    }

    .logo_expandable_widget .radnb.expandable {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


        .logo_expandable_widget .radnb.expandable > .header {
            width: 180px;
        }

        .logo_expandable_widget .radnb.expandable > .content {
            margin: 0;
            flex-basis: 100%;
            order: 3;
        }

        .logo_expandable_widget .radnb.expandable .content_text,
        .logo_expandable_widget .radnb.expandable.open .content_text {
            margin-right: 0 !important;
        }

        .logo_expandable_widget .radnb.expandable .expandable_logo {
            position: static;
            gap: 7px;
            align-items: end;
        }

            .logo_expandable_widget .radnb.expandable .expandable_logo img {
                height: 45px !important;
                width: 45px;
                margin: 0;
            }

            .logo_expandable_widget .radnb.expandable .expandable_logo img,
            .logo_expandable_widget .radnb.expandable.open .expandable_logo img {
                margin-top: 5px;
                margin-bottom: 5px;
            }

    .subscription_features,
    .subscription_packages {
        gap: 11px;
    }

        .subscription_features .package {
            margin: 0 6px;
        }

        .subscription_packages .package {
            height: 45px;
            width: 45px;
            margin: 0 2.6px;
            padding: 13px 0;
        }


    .module_listing_image {
        text-align: left;
    }

    .module_listing_categories {
        display: block;
    }

        .module_listing_categories .search {
            width: 100%;
        }

    .module_article_title {
        line-height: 1.1em;
    }

    .module_article_image {
        max-height: 200px;
        margin-bottom: 15px;
    }

    .news_content {
        margin-right: 0;
    }

    .expandable.news .header {
        gap: 15px;
    }

    .expandable.news .header {
        flex-wrap: wrap;
        gap: 7px;
        justify-content: space-between;
    }

    .expandable.news .content .content_text {
        order: 2;
    }

    .expandable.news .content .content_image {
        max-height: 170px !important;
        text-align: center;
    }
    /*.expandable.news .header .module_listing_title{
        flex-basis: 90%;
    }
    .expandable.news .header span {
        flex-basis: 100%;
        order: 3;
    }*/
    .expandable.news .content {
        flex-flow: column;
        justify-content: start;
        gap: 10px;
    }

    .breadcrumb {
        margin-bottom: 10px;
    }

        .breadcrumb li {
            font-size: 13px !important;
        }

    .calendar_week_labels {
        display: none;
    }

    .calendar_day {
        width: auto;
        float: none;
    }

    .calendar_day_inner {
        height: auto !important;
        min-height: 40px;
    }

    .other_month {
        display: none;
    }

    .calendar_day_number {
        right: auto;
        left: 10px;
    }

    a.calendar_event {
        margin-right: 0;
        margin-left: 27px;
    }

    table.responsive,
    table.responsive thead,
    table.responsive tfoot,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        display: block;
        width: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

        table.responsive td:nth-child(n+2) {
            padding-top: 15px;
        }


    table.responsive_transpose,
    table.responsive_transpose thead,
    table.responsive_transpose tfoot,
    table.responsive_transpose tbody,
    table.responsive_transpose th,
    table.responsive_transpose td,
    table.responsive_transpose tr {
        display: block;
        width: auto !important;
    }

        table.responsive_transpose thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table.responsive_transpose tbody td {
            position: relative;
            white-space: normal;
            text-align: left;
            padding-left: 145px !important;
        }

        table.responsive_transpose tfoot td {
            text-align: left;
        }

        table.responsive_transpose td.row_header {
            padding-left: 5px;
            background: #777;
            color: #fff;
        }

            table.responsive_transpose td.row_header:before {
                display: none;
            }

        table.responsive_transpose tbody td:before {
            position: absolute;
            top: 0px;
            left: 0px;
            padding-top: 8px;
            padding-left: 5px;
            width: 140px;
            height: 100%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            content: attr(data-title);
        }

    /*-----------------------------------------------------------------------------------------------*/
    /* FOOTER */

    /*#region ------ Footer -----*/

    #footer {
        font-size: 12px;
    }

        #footer > .container {
            flex-wrap: wrap;
            gap: 1em;
        }

            #footer > .container > div {
                flex: initial;
            }

        #footer .container > .copyright {
            order: 3;
            display: flex;
            justify-content: space-between;
        }

            #footer .container > .copyright > p {
                margin-top: 0;
                text-align: right;
            }

        #footer .menu .side_menu {
            padding-left: 20px;
        }

            #footer .menu .side_menu a,
            #footer .footer_contact .copyright a {
                padding: 2px 0;
                font-size: 12px;
                font-weight: 300;
            }

        #footer .footer_contact {
            margin-left: auto;
            order: 2;
        }

    #footer .footer_editable{
        text-align: right;
    }


    /*#endregion*/


    /*-----------------------------------------------------------------------------------------------*/
}

@media screen and (max-width : 430px) {
    .intro .home_title {
        max-width: 330px;
    }

    .archetypes_animation .floating {
        height: 100px !important;
        max-height: 100px;
        width: 100px !important;
        max-width: 100px;
    }

    .archetypes_animation .grid_block > div {
        font-size: .8em !important;
    }

    .subscription_block {
        width: 100%;
    }

        .subscription_block h4 {
            margin-top: 0;
        }

    .logo_expandable_widget .radnb.expandable > .header {
        width: 160px;
    }

    .logo_expandable_widget .radnb.expandable .expandable_logo img,
    .logo_expandable_widget .radnb.expandable.open .expandable_logo img {
        width: 35px;
        max-height: 35px;
    }

    .subscription_features, .subscription_packages {
        gap: 7px;
    }

        .subscription_features .package {
            margin: 0 2.6px;
        }

        .subscription_packages .package {
            height: 35px;
            width: 35px;
            margin: 0 2.6px;
            padding: 9px 0;
        }
}

@media screen and (max-width: 320px) {

    .homepage_cards .block_menu li a {
        font-size: 1.1em;
        padding: 8px;
    }
}